欢迎来到芜湖浪讯网络科技有限公司官网
  咨询服务热线:400-0678-233

网站中文字的视觉规划

发布时间:2019-09-17 文章来源:本站  浏览次数:270

可能许多人都要问,网站的文字还需求规划吗?

关于许多的网站来说,字在整个网站的内容中占了80%以上乃至更多,或许换个视点上说,网站能够没有颜色,没有图片,但唯独不能没有文字。


先看看网站以外的中文字体规划,英文的正文字体有许多能够选择,但中文的正文字,总的来说就两种:宋体和黑体。在传统的版式规划中,规划师们都喜爱做英文的排版,为什么?从视觉上来看,英文的组合很容易构成线和面的关系,并且字母有节奏感,比方aby这三个字母放一起有高矮差异。中文字相对来说,单调、孤立、不流通。

回到网站中文字的规划,规划师基本上不用考虑在字体上做选择,只要宋体。前文说:单个字成点,一行字成线,一段字成面。这是版式规划最基本的原理,咱们需求做的便是强化这样的感觉。


将12号的宋体和雅黑扩大,留意以下细节:

雅黑要比宋体宽一像素 
雅黑让每个笔画往四周撑,雅黑显得就要丰满
这么做的意图只要一个,让中文字体更容易构成线,然后读起来更流通。咱们能够看到,尽管雅黑不是真实的正方形,但它看起来要比宋体方一些。

看完上面这个比方,我的观念也就出来了:别把你的文字当作字,而是当作点,文字的视觉规划其实便是处理点线面的关系。

下面是具体规划方面的点:

字体的单位用em而不用px,尽管12px和0.8em巨细差不多。

在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的留白,便于用户换行时不受到干扰。 
文字和背景比照要满足显着,确保最弱文字的可读性。

上一条:你是真实的用户体会规划者...

下一条:网站的视觉途径和版式规划...