网站中文字怎么规划有视觉感

或许许多人都要问，网站的文字还需要规划吗？ 关于许多的网站来说，字在整个网站的内容中占了80%以上乃至更多，或许换个角度上说，网站能够没有颜色，没有图片，但唯独不能没有文字。 一个产品团队，有一个人物叫做Content Design，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、文字和背景对比要满足显着，确保最弱文字的可读性。

网站栏目：网站中文字怎么规划有视觉感
网站路径：https://www.cdcxhl.com/news/73087.html

成都网站建设公司_创新互联，为您提供服务器托管、定制开发、商城网站、营销型网站建设、网站设计、微信小程序

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联