您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

创新工场吴卓浩分享:细节带来的好体验

1)文字 
- 设置正确的font family以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。 
- 针对以中文为主和以英文为主的内容、字体大小不同的内容,设置不同的行间距。 
- 在Windows、宋体为主的环境下,字体不要小于12px,不要使用斜体,避免使用粗体。 

2)内容尺寸 
- 对于文字内容为主的页面,往往可以利用最小文字的尺寸(或接近这个尺寸)、并且能整除标准页面宽度的尺寸,作为网格的单元尺寸。 
- 使用网格设计法规范内容的尺寸,让布局看起来整洁有序。 

- 设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间,但是过宽的内容反而妨碍阅读。 

3)对齐 
- 使用网格设计法规范内容的对齐,让布局看起来整洁有序。 
- 在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线,几乎等于没有规范对齐。 
- 英文在左对齐或右对齐的时候、另一侧参差不齐,居中对齐的时候两侧参差不齐,有一种美感。中文则往往更欣赏整体接近方块化的布局,尤其是对于高密度内容,需要慎用参差不齐的形式。 

4)间距 
- 间距单元尺寸的制定,由网格单元尺寸、字体单元尺寸共同决定。 

- 尽量少使用几种不同的间距尺寸,间距类型过多让布局显得凌乱。 
- 间距是非常有效的形成内容区块的方式,并且微妙而不强烈。相比使用背景色、间隔线,用间距形成区块往往更具品质感。 

5)颜色 
- 主体颜色尽可能不超过3种(黑色和白色如果作为背景色和文字色,不包括在内),主色、强调色、辅助色。 
- 在同一种颜色上,可以根据需要发展出同色系的辅助色。 
- 如果使用过浅的颜色,有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同,往往绿色的偏色尤其严重。 

实际工作中,常常可以把上面的内容总结成“3”的原则:基于网格设计内容布局的尺寸、对齐、间距,使用不超过3种字体大小、3个对齐基准线、3种间距尺寸、3种颜色。

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di1923.html
网页设计中的小技巧
用户解读设计的秘密:金字塔思维方式
图趣网微信
建议反馈
×