相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

字体使用规范

正言发布于:2016-5-19 22:05 |原作者: MICU|
正言
广东省 深圳市 
发私信 + 关注
简介: 一年前老王写了一篇《界面设计必备,常用字体规范》相信很多人都看过了。但是今天设计趋势变化了,规范也改变了。你造吗?所以今天老王必须挤出时间来更新一下这篇文章,并丰富一些使用规范。没错,还是那句话! 成 ...
版权申明:本文原创作者MICU_王铎,感谢MICU_王铎的原创经验分享!

没错,还是那句话!

成也字,败也字

可以这样说,字体可以成就设计也可以毁掉设计

当年这么说,今天还是这么说!

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

看完上面这张图你就能明白了

是不是阅读起来非常的难受?

那就对了!

其实折磨你的问题有以下几点

1.字体样式太多,杂乱无章

2.使用的字体不易识别

3.字体和内容的气氛不匹配

怎么避免这样的结果发生呢?

一句话:通过常用字体规范可以帮助你做出符合要求的设计

一.字不过三!

很多大神说过色不过三,其实在同一个APP或在同一个设计作品中字体也不要过三种样式,一般在每个项目设计中使用1-2个字体样式就够了,然后通过对字体大小或颜色来强调重点文案。


3fc1573d33d032f8757cb9902613.jpg

看到上图中的几个界面,都是通过字体的大小来区分出界面内容中的层级关系的。

其中包括了蚂蚁花呗的banner里只用了一种字体来区分主标题和副标题的关系。

其实网页也是一样,使用一种字体样式,通过字体大小的对比也能做出高逼格的构图和设计。

2388573d340c32f8757cb9869fad.jpg

讲真!字体用的太多,会显得你不够专业!

二 .字与背景的层次要分明

42a2573d51436ac7253f9a8bcedd.jpg

5e98573d514d6ac7253f9a6306fc.jpg

看完上面两张Banner图是不是发现了同样的问题,字体和背景融到一块去了,在阅读的时候非常的不方便

这样的Banner如何才能达到广而告知呢?

包括做移动界面也是一个道理,选择下面这样的一个背景,用户在光照很强的时候能看清吗?

25d5573d345932f8757cb997b40f.jpg

所以易读性和易用性是用户的根本诉求!

三.字体样式与气氛要匹配

dcec573d348d6ac7253f9a8375a2.jpg

看完这个图

第一个感觉就是看不懂!仔细看才知道是眼部精华油。

文字的风格和整体的设计风格不一致,没有带动用户的购买欲。

我们再来看看下图

e078573d34a832f8757cb9ee4332.jpg

结合文案内容,设计风格采用了比较明快刚劲的设计风格,字体也选择了比较刚劲有力的造字工坊劲黑体。气氛匹配,用户代入感强。

86f3573d34ef32f8757cb961f4b0.jpg

活动banner的气氛非常重要,选择合适的字体样式能加强购买欲和点击欲。

1234下一页
26

好评
13

差评

刚表态过的朋友 (39 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

正言
广东省 深圳市 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计