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

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

[复制链接]
麦田甜心 发表于 2016-08-31 14:01:31 | 显示全部楼层 |阅读模式
网站好不好,大多数用户首先关注的都是页面,越精美的网页,用户就越喜欢。想要把网站的每一个页面都设计好,文字、图片就要合理的搭配,包括颜色、间距,甚至于用哪种字体、哪个字号的字体,都是要慎重考虑东风。下面就介绍网页设计提高网站质量的细节。
: ]! 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
回复

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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

    本版积分规则

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

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

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

    Powered by Discuz! X3.5

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