网站好不好,大多数用户首先关注的都是页面,越精美的网页,用户就越喜欢。想要把网站的每一个页面都设计好,文字、图片就要合理的搭配,包括颜色、间距,甚至于用哪种字体、哪个字号的字体,都是要慎重考虑东风。下面就介绍网页设计提高网站质量的细节。
: ]! Y2 o$ y, H7 f/ \ 1、文字, O; O6 A, K# g/ u& \$ F% s( r$ `3 _9 n
设置正确的字体,以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。8 r3 A4 x8 x# x# C8 l9 |
针对以中文为主和以英文为主的内容、字体大小不同的内容,设置不同的行间距。
9 y% D3 C9 E1 R- H3 ?; S, e 文字想要在浏览器中正常显示,字体不要小于12px,不要使用斜体,避免使用粗体。8 d9 ]8 u9 r/ m+ [' G) B
2、内容尺寸
1 U* N6 W1 E- X, t3 N# a7 |8 z 对于文字内容为主的页面,往往可以利用最小文字的尺寸(或接近这个尺寸)、并且能整除标准页面宽度的尺寸,作为网格的单元尺寸。9 ~# O5 t% V( p* k
使用网格设计法规范内容的尺寸,让布局看起来整洁有序。6 D4 Z& } m" ~ i$ A: J
设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间,但是过宽的内容反而妨碍阅读。( D# P) D, Y* v( M
3、对齐6 i+ E3 H; F4 C) S
使用网格设计法规范内容的对齐,让布局看起来整洁有序。
4 w$ \" i" R$ i 在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线,几乎等于没有规范对齐。 ^- A) }: r5 h7 Y, K' V
英文在左对齐或右对齐的时候、另一侧参差不齐,居中对齐的时候两侧参差不齐,有一种美感。中文则往往更欣赏整体接近方块化的布局,尤其是对于高密度内容,需要慎用参差不齐的形式。( x$ q5 J8 {7 N9 B2 S7 Q" o7 r* q* n
4、间距
2 I( [* q4 n" X5 S; s' k1 q 间距单元尺寸的制定,由网格单元尺寸、字体单元尺寸共同决定。
7 G! C% {) j# p6 J P- |9 v 尽量少使用几种不同的间距尺寸,间距类型过多让布局显得凌乱。7 p1 l& B6 o& }7 g
间距是非常有效的形成内容区块的方式,并且微妙而不强烈。相比使用背景色、间隔线,用间距形成区块往往更具品质感。 j2 ]5 P3 F; O* ?( L
5、颜色
- p& Y1 t6 S* N* U0 B3 ` 主体颜色尽可能不超过3种(黑色和白色如果作为背景色和文字色,不包括在内),主色、强调色、辅助色。8 `" Y% i+ F, f0 q/ _# _
在同一种颜色上,可以根据需要发展出同色系的辅助色。* X3 D; |: q1 I# F% L9 r
如果使用过浅的颜色,有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同,往往绿色的偏色尤其严重。5 R: n( M6 x* v& u6 O$ N( h
本文转自3T手机广告联盟(www.adttt.com)0 Y8 u* v& t' g) D) O6 M
: w* t x. A( C7 `8 ] V7 A- p
|