成为设计师的五项技能!第四招!创优翼教育

呀吼,大家好,创优翼小编又来了,创优翼教育,专注UI教学!带你超神带你飞!今天继续我们的设计师打野技能分析,带你制霸设计的野区。


技能四  ——  使用字体

   字体才是内容与用户的交互界面,学会处理字体也是网页设计的基础技能之一。在使用字体的时候,有如下几点需要加强练习:

   字体的选择

   字体重量的组合

   字符间距

   行高

   当然这里讨论的是丰富程度远超中文网页字体(Web Font)的西文字体,在字体的选择时,有以下两个原则:

   多种字体重量(Weight)的优先;
   有Condensed的字体优先;

   基于这个选择原则,四套最受欢迎的英文网页字体分别是Helvetica Neue。Roboto。Avenir以及Open Sans。

成为设计师的五项技能!第四招!创优翼教育_第1张图片

成为设计师的五项技能!第四招!创优翼教育_第2张图片

成为设计师的五项技能!第四招!创优翼教育_第3张图片

成为设计师的五项技能!第四招!创优翼教育_第4张图片

  字体重量和样式丰富的字体集在页面设计时有更大的选择空间和丰富的组合方式。不同重量和风格的字体通常有不同的含义,例如以最简单的斜体(Italic)为例,它的使用含义可表达在正文中的“强调”,例如强调某个词、某个专门定义、特定名称;也可以表达引言;而粗体大写通常是表达强烈的标题性文字。

不同字体的组合可以体现更加舒适的阅读体验,在下面的例子里,我只使用了一种字重的:

成为设计师的五项技能!第四招!创优翼教育_第5张图片

当我们学会不同字重的组合时,阅读体验将会变得更加好,用户从字重中就可以识别文字的含义。

成为设计师的五项技能!第四招!创优翼教育_第6张图片

这里有一个小技巧,大标题通常使用超粗字重,超粗字重适当缩小字母间距效果会更加紧凑,在CSS中定义letter-spacing一定量的负值,例如下面的对比:

成为设计师的五项技能!第四招!创优翼教育_第7张图片

创优翼期待与你一起进步。明天就是该系列的最后一期了,感谢大家的关注。


你可能感兴趣的:(成为设计师的五项技能!第四招!创优翼教育)