网站好不好,大多数用户首先关注的都是页面,越精美的网页,用户就越喜欢。想要把网站的每一个页面都设计好,文字、图片就要合理的搭配,包括颜色、间距,甚至于用哪种字体、哪个字号的字体,都是要慎重考虑东风。下面就介绍网页设计提高网站质量的细节。5 t( n0 a7 N o3 o$ m% l0 \
1、文字 G1 S- S+ H/ b, F# k( ^
设置正确的字体,以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。- ?& T Q, B$ z3 C
针对以中文为主和以英文为主的内容、字体大小不同的内容,设置不同的行间距。
( u% f5 h9 @# M( c 文字想要在浏览器中正常显示,字体不要小于12px,不要使用斜体,避免使用粗体。2 @9 o/ a' d/ x, c5 a3 X; C/ D
2、内容尺寸% u; E5 P; G6 y) ?
对于文字内容为主的页面,往往可以利用最小文字的尺寸(或接近这个尺寸)、并且能整除标准页面宽度的尺寸,作为网格的单元尺寸。6 ~5 L) r/ b( P" \
使用网格设计法规范内容的尺寸,让布局看起来整洁有序。. k s" x/ ]5 s5 z# A2 `
设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间,但是过宽的内容反而妨碍阅读。; Z1 ^5 v: v; X4 ~' d) B5 [: W5 u- K9 ~
3、对齐$ g% Y5 u: ^5 Z1 C
使用网格设计法规范内容的对齐,让布局看起来整洁有序。
+ u3 X' ^+ [/ z 在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线,几乎等于没有规范对齐。! C; e2 d9 [( U( {0 z
英文在左对齐或右对齐的时候、另一侧参差不齐,居中对齐的时候两侧参差不齐,有一种美感。中文则往往更欣赏整体接近方块化的布局,尤其是对于高密度内容,需要慎用参差不齐的形式。) t, y" R8 m5 t" V
4、间距
5 [+ r+ Y1 a( O4 [& i, l3 ` 间距单元尺寸的制定,由网格单元尺寸、字体单元尺寸共同决定。
4 U! V U; M5 u, l; L 尽量少使用几种不同的间距尺寸,间距类型过多让布局显得凌乱。9 S6 I1 Y2 x: i* L3 H. ]- H& X
间距是非常有效的形成内容区块的方式,并且微妙而不强烈。相比使用背景色、间隔线,用间距形成区块往往更具品质感。
4 Z: {! ?* m; \4 A 5、颜色4 S G, L2 @) `+ m b
主体颜色尽可能不超过3种(黑色和白色如果作为背景色和文字色,不包括在内),主色、强调色、辅助色。
8 e y6 |9 m0 T' [# H+ [! a+ z" E2 W 在同一种颜色上,可以根据需要发展出同色系的辅助色。8 m+ W4 I0 K1 C0 f I) }. g1 E3 F
如果使用过浅的颜色,有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同,往往绿色的偏色尤其严重。
- K. F( l1 S* a& T 本文转自3T手机广告联盟(www.adttt.com), w" A% ^ r7 J, ?% ?' u
% M" Q& V4 a/ z
|