网页制作中字体设计规范细节!
1.增强文字的可读性
设计的首要任务是与用户进行信息交流,所以把文字的可读性和清晰度放在首位是有道理的。用户阅读文章可读性差一般可以表现为一下几点:
文字色与背景色对比不明显:需通过提高两者间的对比度来解决。
滥用大写字母:大写字母在带给用户“大声呼喊”般震撼的同时,也会影响眼睛对字母的辨识度。这是因为当文字都大写时,每个字母都是相同高度,并且都是相似的方形,而小写字母的高低不齐更易被辨认。
文字过小:有时为了让设计看起来精致,我们会缩小字号,但请换位思考一下,用户在阅读这些小字时是否会觉得困难?
2.让文本富有层次感!
一个完整而清晰的结构层次可以增进用户视觉美感;在文字层次表现中;可以凸显重点信息,如下图所示:重要部分可以用字号、颜色、字体等方式加以突出,使信息更容易被识别;无关紧要的部分就让他们普通一些。
3.让文本宽度保持在合适的范围
你是否很吃力的阅读过一篇文章?或在阅读过程中一次次迷失在文字的换行中?其实这些都是因为文本宽度设置不当。
文本宽度的黄金数字是:每行不少于6个单词,且一行大约30~40个字母(包括空格)。过少会导致频繁换行,过多则会让句子变的冗长而难以阅读。
4.文字间适当的间距也很重要
字间距是指两个字母之间的距离,这也许看起来不起眼,但是好的间距会使你的设计更加美观、有序。
5.不要有意的拉伸字体
不要拉伸字体,很多情况下,字体的形状和比例都是精心设计好的,所以拉伸而导致的变形将失去字体原有的特色。
设计的首要任务是与用户进行信息交流,所以把文字的可读性和清晰度放在首位是有道理的。用户阅读文章可读性差一般可以表现为一下几点:
文字色与背景色对比不明显:需通过提高两者间的对比度来解决。
滥用大写字母:大写字母在带给用户“大声呼喊”般震撼的同时,也会影响眼睛对字母的辨识度。这是因为当文字都大写时,每个字母都是相同高度,并且都是相似的方形,而小写字母的高低不齐更易被辨认。
文字过小:有时为了让设计看起来精致,我们会缩小字号,但请换位思考一下,用户在阅读这些小字时是否会觉得困难?
2.让文本富有层次感!
一个完整而清晰的结构层次可以增进用户视觉美感;在文字层次表现中;可以凸显重点信息,如下图所示:重要部分可以用字号、颜色、字体等方式加以突出,使信息更容易被识别;无关紧要的部分就让他们普通一些。
3.让文本宽度保持在合适的范围
你是否很吃力的阅读过一篇文章?或在阅读过程中一次次迷失在文字的换行中?其实这些都是因为文本宽度设置不当。
文本宽度的黄金数字是:每行不少于6个单词,且一行大约30~40个字母(包括空格)。过少会导致频繁换行,过多则会让句子变的冗长而难以阅读。
4.文字间适当的间距也很重要
字间距是指两个字母之间的距离,这也许看起来不起眼,但是好的间距会使你的设计更加美观、有序。
5.不要有意的拉伸字体
不要拉伸字体,很多情况下,字体的形状和比例都是精心设计好的,所以拉伸而导致的变形将失去字体原有的特色。
上一篇:国内企业网站一些常见的误区
下一篇:网站建设的页脚设计技巧
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
热门教程
国外最流行的建站网站有哪些?2018-08-23
微博怎么设置不让别人看到我关注的人2019-01-08
什么是网站被墙?网站被墙了解决办法2018-01-13
四步教你用网站源码建站2018-08-18
怎么查看网站日志2018-08-18
谈谈个人站长做什么网站挣钱?2018-08-21
如何正确的书写网站底部版权信息2018-08-18
日常对网站怎样进行更新维护?2018-08-22
如何让QQ群搜索排名靠前方法2018-08-23
js判断手机访问跳转到手机站2018-08-18