UI设计培训教你文字编排(下篇)
来源:
奇酷教育 发表于:
今天UI设计培训老师教你文字编排(下篇),一共分为上篇和下篇。在我们在做设计中时往往遇到文字该怎么进行设计才好看或者更搭配。每个
今天
UI设计培训老师教你文字编排(下篇),一共分为上篇和下篇。在我们在做设计中时往往遇到文字该怎么进行设计才好看或者更搭配。每个
UI设计者都遇到过这样的问题,今天咱们就来说说怎么设计得体。
6.字间距-使用场景(字体)
不同的字体结构也都不同,中文的无衬线体要比衬线体更粗犷占得位置也会更多一些,就导致字与字的距离会小一些,这种情况下就不能过多的减少字间距了,越缩减就越紧凑就会影响阅读。相反衬线体的周围间距要显得大一些,这时可以适当缩减一些行间距,给读者一种舒适的阅读体验。
接下来看一下中英字体测试,中文衬线体/无衬线体,英文衬线体/无衬线体,字体、字形和字号的不同字间距也不尽相同。由于中文字体与英文字体结构不同,在处理英文的无衬线体时,粗犷的线条会增加的行的宽度,这时候可以多缩减一些间距,让它与其他文本之间保持视觉的平衡。
7.了解行长
接下来讲下行长。因为受不同语言、字体、字形和字号的影响,行长也会不尽相同,所以就没有办法一次涵盖的讲完,只能针对几种常用字体和字号来进行讲解。由于篇幅的原因就不能讲的非常细了,主要还是以微软雅黑来做示例,微软雅黑也都是页面中比较常用的字体,理解了行长的基础规则 – 不同语言、字体、字形和字号,行长也不尽相同,接下来往下细讲一下。
8.行长规定(重点知识)
行的长度也是有一定的规定的,正文的行长在页面设计中的最大长度不能超过110个字符,而标题的行长在页面设计中的最大长度最好保持在60个字符以下。中文一个字占两个字符,英文一个字占一个字符。但有时候吧由于页面栅格较宽,行长最大长度也可以不超过120个字符,但像行长占满一个栅格的宽度,这种情况是不允许的。行长过长易读性就会变差,读者阅读一行时容易串行,换行时由于上一行末尾与下一行开头之间距离过长就会造成阅读困难,不易阅读等难题。
9.中文-微软雅黑(字号16)
理解了行长的基础概念和行长的规定,就要根据指定字体和字号进行讲解。行的长度不一定就是整整一行,也会按照需求划分为不同的段组。像新闻页啊就需要比较小的段组,页面过长可以划分为两个段组,一般在页面中较为常见的就是以标题加一个段组的形式进行排版的。
10.微软雅黑(字号12)
字号越小行长就越小,中文字体12号字更适用于比较传统的企业网站中,栅格控制在1000px以内,显示效果最理想。
11.不同字号在栅格中展示
本身是想简单讲一下行间距的,结果行间距讲的有点多了,行长的知识需要其他的知识做铺垫,不理解栅格的差别没法讲了,但又由于篇幅过长的问题导致现在也没法讲太细了。我最近工作被迫有些变动打算开网课,这部分知识也会在课程里进行详细的补充吧。
今天所讲到的这些技巧都是
UI设计培训老师的亲身经历,我希望,我写的这些技巧能够给大家带来一些帮助。如果还有什么疑问请联系
奇酷老师,我们将竭诚为你解答。