ucd相关图
在ucdcn看到的几张图,分享一下
交互设计是衔接用户与产品的工具
我从很多朋友的口中都听到过“网站设计还是用英语比较好”。
当然,这点我不否认,但是既然母语是中文,那还是应该使用中文来做,毕竟看着习惯也喜欢。
那么如何优化中文文字的在网页中显示?
近期我在逛网站的时候,找到了几篇文章。分享并摘录一些里面的重点:
《网站中文字的视觉设计》
1.
字体的单位用em而不用px,尽管12px和0.8em大小差不多。
updete:感谢网友 Dreamcolor 推荐文章 95%的中国网站需要重写CSS ,该文很详细的解释了px和em的差别和原理。这点写之前是我想当然了,没有深入理解em单位。只看到很多用em的视觉效果不好看,现在明白了,是因为没有把em单位和px对上号。结论是应该用em而不是px,但需要把em的值设置好。
2.
在css文件body中的font-family里面保证”宋体”前面有Arial或者verdana,个人推荐这么写:font-family:Helvetica,Georgia,Arial,sans-serif,宋体。这样能保证你界面中的字母、数字、符号看上去美观一些,更重要的是更加易读。
3.
子条 说:12号宋体时,我们一般使用18-20像素的行距。14号宋体通常使用22-24像素的行距。
很赞同,这个行距大小随着单行字数的多少而上下浮动。我认为12px字如果单行字数少的话,17也是可以接受的。
4.
正文一行字数最好不超过50,首页的标题文字以8-20字为佳。
12和14px字相对来说最精致,13px在需要的时候可以做正文字,word里面默认的字的大小相当于网页的13px字。
5.
对于一段文字,尤其是正文部分,保证左右至少有15px的留白,便于用户换行时不受到干扰。
文字和背景对比要足够明显,保证最弱文字的可读性。
http://feng4ever.cn/#action=showItemList&page_id=3
————————————————————————————
B I U是什么?不用说了,每天发帖的时候都能看到。但是真正使用的人却很少
加粗 醒目,标题等。
斜体 并不适合阅读,通常用于注释和签名等无关内容紧要的东西。
下划线 通常用来描述关键词,标记,链接等。
色彩?字体大小?别忘了还有这三样东西。。
当整个系统使用同一个风格的标注格式,用户习惯之后可以很快的明白该内容是什么作用。醒目程度应该和重要性相关。
醒目性 颜色>加粗>下划线>无样式
当然我这个界面还不是完善的,有可能之后的开发中把所有颜色都去掉,只剩下简单的加粗和下划线。
www.flashden.net和Xspace基本上是纯黑色,加粗和下划线都使用的很合理。
0个评论 标签: ucd , ue