找回密码
 加入怎通
查看: 273|回复: 2

[其他] 网页设计提高网站质量的细节

[复制链接]
麦田甜心 发表于 2016-08-31 14:01:31 | 显示全部楼层 |阅读模式
网站好不好,大多数用户首先关注的都是页面,越精美的网页,用户就越喜欢。想要把网站的每一个页面都设计好,文字、图片就要合理的搭配,包括颜色、间距,甚至于用哪种字体、哪个字号的字体,都是要慎重考虑东风。下面就介绍网页设计提高网站质量的细节。# }; ]# Y6 n# P: f
  1、文字0 f# B0 P2 `5 z9 g. U, g8 ~3 l
  设置正确的字体,以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。
& ^! s0 e& [9 }7 A5 b. k( b  针对以中文为主和以英文为主的内容、字体大小不同的内容,设置不同的行间距。4 }* n, ?, h, F; K* z2 U7 H5 [
  文字想要在浏览器中正常显示,字体不要小于12px,不要使用斜体,避免使用粗体。* O& x* i! b, y
  2、内容尺寸
% Q; x/ c) p% n  对于文字内容为主的页面,往往可以利用最小文字的尺寸(或接近这个尺寸)、并且能整除标准页面宽度的尺寸,作为网格的单元尺寸。
+ b, q3 |$ V" B8 ]  D( g  使用网格设计法规范内容的尺寸,让布局看起来整洁有序。; o& l- s0 B/ j5 K1 G
  设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间,但是过宽的内容反而妨碍阅读。9 c* K$ c' Q8 ?0 A7 s7 D2 X0 |
  3、对齐
& S& K5 |+ `7 W% H4 \# l  使用网格设计法规范内容的对齐,让布局看起来整洁有序。
% i: w, r& n% ^( w/ B  在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线,几乎等于没有规范对齐。, _  j/ n! G7 p
  英文在左对齐或右对齐的时候、另一侧参差不齐,居中对齐的时候两侧参差不齐,有一种美感。中文则往往更欣赏整体接近方块化的布局,尤其是对于高密度内容,需要慎用参差不齐的形式。: U% G% k: u2 O0 v6 ]  s$ N
  4、间距
; D! r' z" x# J! r6 N8 {  间距单元尺寸的制定,由网格单元尺寸、字体单元尺寸共同决定。2 _/ [; U! d9 g) A! G5 t
  尽量少使用几种不同的间距尺寸,间距类型过多让布局显得凌乱。0 h! B5 O0 h8 T
  间距是非常有效的形成内容区块的方式,并且微妙而不强烈。相比使用背景色、间隔线,用间距形成区块往往更具品质感。( P( w& _% c+ K( g+ @7 d
  5、颜色9 |# R" y( u# z: W& P
  主体颜色尽可能不超过3种(黑色和白色如果作为背景色和文字色,不包括在内),主色、强调色、辅助色。
2 [! G+ S: n4 K+ Y7 V  在同一种颜色上,可以根据需要发展出同色系的辅助色。
  A+ {' A0 f4 e& L7 T$ R6 M- I  如果使用过浅的颜色,有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同,往往绿色的偏色尤其严重。
0 K+ _5 o% z4 u  B) i4 x* ?; H   本文转自3T手机广告联盟(www.adttt.com)
) X7 }( K4 t) j! }8 n
  Y0 z& B4 g/ G. ^  O2 v. F8 |" r
回复

使用道具 举报

海棠花开 发表于 2016-08-31 14:04:11 | 显示全部楼层
看到0回复的主题马上点开,粘贴复制要一气呵成,这就像开车,要油离配合。最后要有坚强的抗压能力。
回复 支持 反对

使用道具 举报

西万路小混混 发表于 2026-05-24 20:11:25 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-6-17 10:39 , Processed in 0.023596 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表