视觉觉醒：字体学（八）

佛蚁传奇

六、Banner 设计中的 中文字体设计
首先让我们认识一下 banner，在任何一个电商平台都会无数次出现在我们的眼前，印象里他们大都
长这个样子：（图源于思缘论坛）





当然了，这就是我们常说的 banner，但其实 banner 还有几个远房表兄、同父异母什么的兄弟姐妹
们，它们可能长这个样子：


v>其实以上这些在广义上来说都可以归纳为 Banner，就形状来说现在的 banner 也已经不再局限于
从前大家所理解和看到的那些出现在固定广告位的长条形广告了，他可以是长的、方的、必要的时候也可以
是其他什么乱七八糟的形状，总之，不管是侧边栏广告、焦点图、专题页的头图、我们都可以理解为是 banner，
在设计方法上，其实都是共通的。如果要是分类的话其实可以大概分为两类：
1、 促使点击；引导消费者去点击，通过转向链接跳转到指定位置。
2、渲染气氛；一般在首页和描述页中，一般作为渲染的点或者“腰封”“区分线”
分享日常常用的字体与焦点图的组合
1、 钢笔造字
钢笔造字是在做字形设计上一个比较讨巧的方法，但却又十分有效。对平时没有太多字形设计经
验的同学来说非常适合的，只要你了解基本的字形设计规律(笔画的粗细，字体的重心等)，那么此方法可
以让你快速的让 banner 高大上起来，具体的设计方法可以关注佛蚁老师课程。




2、笔画连接当你没有时间完整的设计 banner 上字体的字形时，笔画链接未尝不是一种好的方法，在做笔画
链接时只有合理的安排需要链接的笔画，做到不突兀，不影响易读性，那么都会出来一个比较好的视觉
效果，在做笔画连接的时候我推荐大家使用一些笔画粗细比较统一的非衬线字体比方说雅黑、悦黑、幼
圆等等。





3、随意变形
顾名思义就是根据文字的具体含义来设计字形的一种方法，当上面介绍的两种技巧都让你感觉头
大的时候不妨试试这种处理技巧，你只需要脑洞大开，了解文字的具体含义并用相应的图形在文字上加
以体现就可以了，简单!






七、字体网站和工具
1. Fontforge；字体专用设计软件，轻松地完成字库的设计
2. 求字体；识别不认识的字体，http://www.qiuziti.com/
3. RightFont；通过搜索你可以找到你所安装过的字体进行预览，通过字体样式、字重、字宽三
个维度来筛选字体。

v>4. WhatFont；书签栏工具，采用鼠标悬浮特性，点击后就可以告诉你所指字体的属性，字体名
称、字体大小、字体颜色等，非常方便，目前有 chrome 和 safari 扩展，firefox 的用户可以使用
书签栏工具。
5. 字由；设计师可以通过收藏，搜索，标签，案例等快速找到心仪的字体，并在设计软件中无
缝的使用这些字体。精心为每款字体整理了介绍，设计师，优秀的应用案例。
6. Glyphs；字体修改，创建工具。专门为汉字设计的自身框和字面框的参数选项。加入公用部
件、智能部件等功能。
7. 手迹造字 APP；方正打造个人专属字库，用指尖勾勒文字，6 种创新笔形随心书写，打破纸
墨与屏幕之间的桎梏，扫描上传。
8. 字魂；最便宜的正版商用字体库
9. 字体之家；http://www.17ziti.com/
10. 毛笔书法字体转换器；
11. Dafont；专注于英文字体的网站
12. 第一字体转换器；http://www.diyiziti.com
13. 图方变，http://www.51tfb.com/；书法字体特别丰富，可以自由进行字体设计，值得推荐
14. 熊猫办公
15. 佛蚁 5 万字体包裹，含正版版权字体，关注达魔院公众号，回复字体。





下一篇开启《美学》，敬请期待！