网站好不好,大多数用户首先关注的都是页面,越精美的网页,用户就越喜欢。想要把网站的每一个页面都设计好,文字、图片就要合理的搭配,包括颜色、间距,甚至于用哪种字体、哪个字号的字体,都是要慎重考虑东风。下面就介绍网页设计提高网站质量的细节。
3 v2 z) V; I3 ` 1、文字- t. k: I! t9 l* a1 f1 l. E- v
设置正确的字体,以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。3 i2 p3 w. x( w9 ?5 }) U
针对以中文为主和以英文为主的内容、字体大小不同的内容,设置不同的行间距。) Z2 ?; J" a7 j9 z h+ ?8 _
文字想要在浏览器中正常显示,字体不要小于12px,不要使用斜体,避免使用粗体。6 c' \2 {/ e* ?( L5 H
2、内容尺寸% x' W7 N0 K# q }% p
对于文字内容为主的页面,往往可以利用最小文字的尺寸(或接近这个尺寸)、并且能整除标准页面宽度的尺寸,作为网格的单元尺寸。$ m! n2 r9 w+ u
使用网格设计法规范内容的尺寸,让布局看起来整洁有序。
$ \% X) d2 d2 |) N* n0 {& g. N) Q 设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间,但是过宽的内容反而妨碍阅读。
+ A! t# }6 X! m9 Q. H. }% T 3、对齐0 }/ r4 x6 W6 C) m, [1 }: d u! |1 s6 t
使用网格设计法规范内容的对齐,让布局看起来整洁有序。) i& E0 I7 W* M" y6 ?2 U6 u& N
在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线,几乎等于没有规范对齐。+ j2 X, D4 z4 @2 _& r2 J& k
英文在左对齐或右对齐的时候、另一侧参差不齐,居中对齐的时候两侧参差不齐,有一种美感。中文则往往更欣赏整体接近方块化的布局,尤其是对于高密度内容,需要慎用参差不齐的形式。
1 m* O8 T* z) Q, x# J" i2 ]# i; e 4、间距 a5 k: Q: G6 R/ z( ]
间距单元尺寸的制定,由网格单元尺寸、字体单元尺寸共同决定。
, b4 \$ G( ]! E5 V9 \: A' F 尽量少使用几种不同的间距尺寸,间距类型过多让布局显得凌乱。- m2 C! n% D' O# s; [; T" c& Z( A
间距是非常有效的形成内容区块的方式,并且微妙而不强烈。相比使用背景色、间隔线,用间距形成区块往往更具品质感。, ]# T ]+ a9 M; K
5、颜色
/ T" W) z2 s- B i7 {- I 主体颜色尽可能不超过3种(黑色和白色如果作为背景色和文字色,不包括在内),主色、强调色、辅助色。
; O9 ^$ Z% \# r 在同一种颜色上,可以根据需要发展出同色系的辅助色。' F2 Y, E7 Q {" ], o
如果使用过浅的颜色,有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同,往往绿色的偏色尤其严重。
# z j4 p( |0 |; I; u/ W' y* u+ O 本文转自3T手机广告联盟(www.adttt.com)
# [% n# p: Q- Y) L" z0 \0 |* `3 j5 A! s% a- I7 \
|