新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注
您目前的位置:网站首页 > 新闻资讯 > 网站常识 >

9.17日音讯,网页设计中文字如何设计才有视觉感

发布日期:2013-09-17文章来源:首创网络浏览次数:812次
    9.17日音讯,网页设计中文字如何设计才有视觉感。可能很多人都要问,网站的文字还需要设计吗?对于很多的网站来说,字在整个网站的内容中占了80%以上甚至更多,或者换个角度上说,网站可以没有颜色,没有图片,但唯......
    本文关键字:9.17日,音讯,网页设计,中,文字,如何,设计,才有,
  9.17日音讯,网页设计中文字如何设计才有视觉感。可能很多人都要问,网站的文字还需要设计吗?对于很多的网站来说,字在整个网站的内容中占了80%以上甚至更多,或者换个角度上说,网站可以没有颜色,没有图片,但唯独不能没有文字。一个产品团队,有一个角色叫做ContentDesign,ucdchina有过一期话题叫做注意界面上的文字,非常精彩,我在写本文之前,再次通读一遍,一方面是学习,另一方面,是避免写重复的内容。如果你按照里面的观点对照你的网站,相信一定会有所帮助的。
  先看看网站以外的中文字体设计,英文的正文字体有很多可以选择,但中文的正文字,总的来说就两种:宋体和黑体。在传统的版式设计中,设计师们都喜欢做英文的排版,为什么?从视觉上来看,英文的组合很容易形成线和面的关系,而且字母有节奏感,比如aby这三个字母放一起有高矮区别。中文字相对来说,单调、孤立、不流畅。回到网站中文字的设计,设计师基本上不用考虑在字体上做选择,只有宋体。前文说:单个字成点,一行字成线,一段字成面。这是版式设计最基本的原理,我们需要做的就是强化这样的感觉。
  网站建设字体有很多,拿微软雅黑和宋体来举例子,本人非常喜欢微软雅黑的设计。将12号的宋体和雅黑放大,注意以下细节:
  1、雅黑要比宋体宽一像素
  2、雅黑让每个笔画往四周撑,比如“是”上面的“日”,雅黑显得就要饱满这么做的目的只有一个,让中文字体更容易形成线,从而读起来更流畅。我们可以看到,尽管雅黑不是真正的正方形,但它看起来要比宋体方一些。看完上面这个例子,我的观点也就出来了:别把你的文字看成字,而是看成点,文字的视觉设计其实就是处理点线面的关系。
  下面是具体设计方面的点:
  1、字体的单位用px而不用em,尽管12px和0.8em大小差不多。这点写之前是我想当然了,没有深入理解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字为佳。
  5、12和14px字相对来说最精致,13px在需要的时候可以做正文字,word里面默认的字的大小相当于网页的13px字。
  6、对于一段文字,尤其是正文部分,保证左右至少有15px的留白,便于用户换行时不受到干扰。
  7、文字和背景对比要足够明显,保证最弱文字的可读性。
    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

+ 查看更多我们的客户 / Our client

0310-4559740
400-990-1661
    24小时报务热线
    18931045623
在线客服
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市丛台区颐高广场B座13层1304室