成为设计师的五项技能!第四招!
2015-06-25 10:17
197 查看
呀吼,大家好,创优翼小编又来了,创优翼教育,专注UI教学!带你超神带你飞!今天继续我们的设计师打野技能分析,带你制霸设计的野区。
字体的选择
字体重量的组合
字符间距
行高
当然这里讨论的是丰富程度远超中文网页字体(Web Font)的西文字体,在字体的选择时,有以下两个原则:
多种字体重量(Weight)的优先;
有Condensed的字体优先;
基于这个选择原则,四套最受欢迎的英文网页字体分别是Helvetica Neue。Roboto。Avenir以及Open Sans。
![](https://img-blog.csdn.net/20150625102121417?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3VlZ29uZ3p1bzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20150625102155810?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3VlZ29uZ3p1bzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20150625102210453?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3VlZ29uZ3p1bzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20150625102225808?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3VlZ29uZ3p1bzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
字体重量和样式丰富的字体集在页面设计时有更大的选择空间和丰富的组合方式。不同重量和风格的字体通常有不同的含义,例如以最简单的斜体(Italic)为例,它的使用含义可表达在正文中的“强调”,例如强调某个词、某个专门定义、特定名称;也可以表达引言;而粗体大写通常是表达强烈的标题性文字。
不同字体的组合可以体现更加舒适的阅读体验,在下面的例子里,我只使用了一种字重的:
![](https://img-blog.csdn.net/20150625102243099?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3VlZ29uZ3p1bzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
当我们学会不同字重的组合时,阅读体验将会变得更加好,用户从字重中就可以识别文字的含义。
![](https://img-blog.csdn.net/20150625102302111?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3VlZ29uZ3p1bzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
这里有一个小技巧,大标题通常使用超粗字重,超粗字重适当缩小字母间距效果会更加紧凑,在CSS中定义letter-spacing一定量的负值,例如下面的对比:
![](https://img-blog.csdn.net/20150625102318328?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3VlZ29uZ3p1bzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
创优翼期待与你一起进步。明天就是该系列的最后一期了,感谢大家的关注。
技能四 —— 使用字体
字体才是内容与用户的交互界面,学会处理字体也是网页设计的基础技能之一。在使用字体的时候,有如下几点需要加强练习:字体的选择
字体重量的组合
字符间距
行高
当然这里讨论的是丰富程度远超中文网页字体(Web Font)的西文字体,在字体的选择时,有以下两个原则:
多种字体重量(Weight)的优先;
有Condensed的字体优先;
基于这个选择原则,四套最受欢迎的英文网页字体分别是Helvetica Neue。Roboto。Avenir以及Open Sans。
字体重量和样式丰富的字体集在页面设计时有更大的选择空间和丰富的组合方式。不同重量和风格的字体通常有不同的含义,例如以最简单的斜体(Italic)为例,它的使用含义可表达在正文中的“强调”,例如强调某个词、某个专门定义、特定名称;也可以表达引言;而粗体大写通常是表达强烈的标题性文字。
不同字体的组合可以体现更加舒适的阅读体验,在下面的例子里,我只使用了一种字重的:
当我们学会不同字重的组合时,阅读体验将会变得更加好,用户从字重中就可以识别文字的含义。
这里有一个小技巧,大标题通常使用超粗字重,超粗字重适当缩小字母间距效果会更加紧凑,在CSS中定义letter-spacing一定量的负值,例如下面的对比:
创优翼期待与你一起进步。明天就是该系列的最后一期了,感谢大家的关注。
相关文章推荐
- 27 个全方位的开放式教育解决方案
- 一步一步跟我学易语言之第二个易程序菜单设计
- 样式表CSS布局经验
- 路由器之基本维护经验
- 基于逻辑运算的简单权限系统(原理,设计,实现) VBS 版
- C#中设计、使用Fluent API
- 基于逻辑运算的简单权限系统(原理,设计,实现) VBS 版
- 非常不错的MySQL优化的8条经验
- JavaScript 组件之旅(一)分析和设计
- C# 事件的设计与使用深入理解
- 大型网站设计注意事项大全
- Android中的脑残设计总结
- 使用node.js半年来总结的 10 条经验
- 用户权限管理设计[图文说明]
- HTML&CSS构建网站链接
- iOS 应用2.0版怎么做(转)
- 关于游戏服务器中缓存的设计方案的讨论
- 面试:(设计,架构)
- ccflow 驰骋工作流引擎的共享任务,应用背景,设置,设计,sdk接口
- 手机应用中心网站如何留住用户