总体简单描述做不难看的界面

站在外行人的角度谈 如何做“不难看”的界面

 

1.字体对齐，尽量不要全部用居中对齐。

 

2.字体排印

 行宽，设置max-width 长度，行宽太长，用户在换行转移视线太长，容易造成疲劳。

 

 行距，设置line-height 行高，拉大行距，不让两行之间拥挤在一起。
 
 字间距，设置 letter-spacing 字间距，调整字体与字体空间，

 标点符合的正确使用，全角/半角，中文/英文的切换，

 对字体空白处的设计要合理，空白设置好，才能让眼睛更好地呼吸。

 

 

3.颜色搭配

 

 三原色、互补色、色环、光谱。

 

 不要再用十六进制或者 RGB 来考虑色彩了，我们要用 HSB 模式: H(hues)表示色相，
S(saturation)表示饱和度，B(brightness)表示亮度。

4.装饰元素

 

 常用纹理和阴影(http://www.noisetexturegenerator.com/)。

 

 text-shadow 和 box-shadow 设置文字阴影特效，box-shadow 设置立体特效，但需

要考虑假象光源，即，光从哪个方向过来的，保持整体一致。

 

5.推荐书籍

 

 1.《写给大家看的设计书》这本书简单易懂，介绍的也都是可以遵循的规则，很适合业余爱好者阅读，非常推荐。

2. Type is Beautiful  很好的字体博客，里面的基础文章非常值得一看。

3. Thinking with type  关于字体设计的好书，可以在线阅读。

4. 《色彩设计的原理》最近出的书，浅显易懂。

5. 《版面设计的原理》和 《色彩设计的原理》 是同一个系列，能学到很多关于布局的知识。

6. Designing for the web 包含了字体排印、配色和版式设计等多方面内容，值得一看。可以在线阅读。

7. Twitter & Twitter Bootstrap. 如果你可以把 Twitter 整个网站自己写一遍，一定会受益匪浅。