《
网站中文字的视觉设计》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302345V2013.htm
下面是详细设计方面的点:
字体的单位用em而不必px,只管12px和0.8em大小差未几。
updete:感激网友 Dreamcolor 推荐文章 95%的中国网站须要重写CSS ,该文很具体的说明了px和em的差异跟原理。这点写之前是我想当然了,不深刻懂得em单位。只看到良多用em的视觉后果不难看,当初清楚了,是由于没有把em单位和px对上号。论断是应当用em而不是px,但需要把em的值设置好。 在css文件body中的font-family里面保证”宋体”前面有Arial或者verdana,个人推举这么写:font-family:Helvetica,Georgia,Arial,sans-serif,宋体。这样能保障你界面中的字母、数字、符号看上去雅观一些,更主要的是更加易读。 子条 说:12号宋体时,咱们个别使用18-20像素的行距。14号宋体通常应用22-24像素的行距。
很赞成,这个行距大小跟着单行字数的多少而高低浮动。我以为12px字假如单行字数少的话,17也是可以接收的。 正文一行字数最好不超过50,首页的题目文字以8-20字为佳。 12和14px字绝对来说最精巧,13px在需要的时候能够做正文字,word里面默认的字的大小相称于网页的13px字。 对一段文字,尤其是注释局部,保证左右至少有15px的留白,便于用户换行时不受到烦扰。 文字和背景对照要足够显明,保证最弱文字的可读性。 Tag:视觉设计 视觉设计
回到网站中文字的设计,设计师根本上不用斟酌在字体上做取舍,只有宋体,网站上线前需要做的准备工作有哪些。前文说:单个字成点,一行字成线,一段字成面。这是版式设计最基础的原理,网站上的广告与网站设计的关系,我们需要做的就是强化这样的感到。拿微软雅黑和宋体来举例子,自己无比喜欢微软雅黑的设计。
对于许多的网站来说,字在全部网站的内容中占了80%以上甚至更多,或者换个角度上说,网站可以没有色彩,没有图片,网站、数据库的衍变之路(二),但唯独不能没有文字。
一个产品团队,有一个角色叫做Content Design,ucdchina有过一期话题叫做 留神界面上的文字 ,异常精彩,我在写本文之前,再次通读一遍,一方面是学习,另一方面,是防止写反复的内容。如果你依照里面的观点对比你的网站,信任必定会有所辅助的。
那期话题只有 潇潇重点说的是文字的视觉方面 ,那篇文章十分出色,也是该期话题的“阅读冠军”,本文是连续性的一些主意。
雅黑要比宋体宽一像素 雅黑让每个笔画往四处撑,好比“是”上面的“日”,雅黑显得就要丰满
先看看网站以外的中文字体设计,英文的正文字体有很多可以抉择,但中文的正文字,总的来说就两种:宋体和黑体,网站、数据库的衍变之路(三)。在传统的版式设计中,设计师们都爱好做英文的排版,为什么?从视觉上来看,英文的组合很容易造成线和面的关系,而且字母有节奏感,比方aby这三个字母放一起有高矮差别。中文字相对来说,枯燥、孤破、不流畅。
看完上面这个例子,我的观点也就出来了:别把你的文字看成字,而是看成点,文字的视觉设计实在就是处置点线面的关联。
--> [
网站建设之]网站中文字的视觉设计
可能很多人都要问,网站的文字还需要设计吗?
这么做的目标只有一个,让中文字体更轻易构成线,从而读起来更流利。我们可以看到,尽管雅黑不是真正的正方形,网站、数据库的衍变之路(一),但它看起来要比宋体方一些。
将12号的宋体和雅黑放大,注意以下细节:
(责任编辑:网站建设)
网站中文字的视觉设计相关文章