网页设计原则-设计篇
网页设计是一种需要多方面专业相互配合的领域,在设计、制作上,都需要有多方的考量。
以下以常见的几个面向来讨论网页设计原则。本篇的设计主要着眼于视觉面,因此并不会提及太多规画方面的讯息。
网页设计原则:视觉设计
网页最重要的就是在视觉方面的设计,所有的网页最终都是必须要被看到的。视觉方面,除了要有内容外,整体的编排更是内容呈现的成败点。因此我们可以归纳出以下几个重点 :1.网页层次结构
网站名称、主标题、副标题、内文、引文等等,必须要有「该有的样子」。而「该有的样子」则是由你来定义,通常网站名称会跟Logo合在一起,主标题会比副标题大,引文可能会有框并且以斜体表示之类的。
2.网页区块清晰
页首、页尾、目录、内文、广告,必须要分明。但分明并非全部都以尖锐的线条分割,在许多地方若能以暗示性的方式(如明暗差别较小的色块当背景、两个区块字体颜色大小不同),在视觉上将会大大加分。像是这个网站虽然很乱,但是各区块并不会因此混在一起。
3.公司LOGO设计
认真经营的网站,通常会具备一个识别系统。上面通常会放上一个识别符号,可能是一个图案(Logo),也可能是一组经过认真设计过不同于平常的文字组。除了识别符号外,其他内部的元件也必须要依循着类似的风格,标题可能带有底线,区块可能带有圆角,图片可能会有留白加上框线。
4.网站风格选择
网站若是走学术风,则颜色方面就必须以较沉稳的灰冷色系为主,且避免使用太活泼的字体,编排方面也要注意所有项目的对其;
若是走公务风,则要避免黑白或是彩度太低的颜色,且字体最好能用毛笔字体就用毛笔字体,内容能放首页就放首页,链结越多越好;
若是走科技风,则最好标题全部换成英文,设计时要加上许多像是科技的线条或是 pixel,且字体最好用越看不懂的越好。
以上当然是有点夸张,但说明了各种领域都有些既定的形象,若没有把握做到更好,就乖乖遵守吧!
5.网页文字编排
如同文字编排,网页的文字编排也是相同的方法。编排的内容最重要的就是字体大小跟行距。字体方面,以清晰为前提之下,最小的中文字在11 pixel,最适合阅读的是12、13、15、18、20 pixel 这几个大小注1。行距则是一般制作者最容易忽略的地方,因为必须透过CSS控制。一般较适合阅读的行距大约是字体的125%到200%,但也有特殊的「设计者」喜欢用低于这个尺寸的行距注2。