MakicLin
09月27日
答疑汇总 01
| 本文为付费栏目文章，您已订阅，可阅读全文 |
感谢诸位的阅读学习与持续关注。在第一章和第二章中我们分别讨论了提高审美的方法和英文字体辨识相关的知识。过程中我们也发现大家提出了很多有价值的问题，比如更多的审美提高资源推荐还有英文字体读音等。在这里我们将一一解答，也做为前两章内容的补充，让我们开始解答吧。
摄影网站除了文中推荐的 2 个还有别的可以推荐的吗？
除了文中提到的 500px 和 Flickr，我个人比较推荐的摄影网站：
- Behance 的摄影板块：作为包罗万象的创意展示平台 Behance，当然也有摄影板块。Behance 的好处是其展示的照片不止是一张照片，而是呈现出来一个项目，一个项目中包含多个照片以及文字解释。同时我发现 Behance 的摄影板块有很多商业性的项目，大家可以对比感受一下商业摄影和艺术摄影的差异。
…emmm，黄金比例不是 0.618 吗？
是个非常细心的发现，黄金比例的长宽比约等于 0.618:1，但黄金比例作为数学常数一般取值 1.618，比如圆周率的取值约为 3.14。
> 参考链接
虽然不是学设计的，但是作者学习设计的方法可以类推到科研工作中，期待后续可以有绘图方面的知识，即如何根据数据绘制更漂亮的图表。
我们会在学习完基础知识后进入具体的应用阶段，感谢期待。设计表格和图表是平面设计中重要的一个方面，我们简单说一下：
最典型的图表可以分为条形图、饼图、表格、和折线图四种，其他的还有如雷达图，泡泡图等。而绘制一个漂亮的图表的第一步就是选择一个正确的图表。
选择正确的图表
想要选择正确的图表，我们先要知道图表的目的：它是以一种更加直观的形式展现数据，以便理解数据、数据关系、数据走势。而各种图表又有自己擅长的表达和不擅长的表达。
- 条形图和直方图可以直观的表现出数样本之间的数量关系，能清楚的看出「谁多谁少」。
- 饼图展现了各个部分对于总体的比例关系。
- 表格则是擅长展现实际的数字，并且方便做排序和分组之类的总结操作。
- 折线图可以清晰的表达数据的走势，甚至对未来有预测价值。
所以，根据自己手上的数据选择合适的图表非常重要。举个例子，一个班级的学生出勤名单，当然是用表格，因为除了名字没有任何数据关系；那么如果一次考核的全班分数段分析，就可以用条形图去展现哪个分数段多哪个分数段少，如果更加着重于比例则可以用饼图；接下来如果是某一位同学近几次考核的趋势分析呢？这就应该使用折线图，折线图可以呈现数据的变化趋势，对未来趋势预测也有帮助。
清晰表达信息
图表是为了展现数据，而不是为了展现图表，一个好的图表应该是「清晰表达信息并且图表不被注意到」。清晰地表达信息，我有如下建议：
1. 选择两个维度
一个平面的信息表一般只有横纵两个轴，如果要插入第三个维度，就会非常难以呈现甚至要做成三维图，而三维图会非常难以理解。
2. 用干净的背景
明显的图片、图案、纹理都会干扰到信息的表达。所以一个干净，最好是纯色的背景是必要的。
3. 克制地使用颜色
使用颜色去分类是平面设计中常用的手法，但使用太多种颜色会让人无法接受，无法清楚地区分颜色与数据的对应关系。我建议只使用两到三种颜色，而且除了为了表示数据的条、饼、线之外，不要使用彩色。
4. 合理的字号大小
对于大部分的条形图、饼图、折线图，光靠条、饼、线只能展示数据的「关系」与「趋势」，并不能展现实际的数据。所以真正阅读图表人还是会去看实际数据的，这个时候要保证字体大小不会太小以至于无法阅读，比如对于 A4 纸，最小的字号控制在 7pt 以上。很多时候我们为了「塞」下文字而将字号调的很小，面对这种情况我们可以想曲线救国地办法：对于饼状图，可以画引导线，把数据放在饼状图的外面；对于条形图，则可以将文字逆时针旋转 135° 斜着摆，这样可以有更多的空间摆放文字。
以上是对于「如何根据数据绘制更漂亮的图表」的大致解答，我们在第八、九章详细讲解实际应用方面的知识，也会详细讲解如何绘制图标。
希望学完课程以后自己的公众号排版能更好看一些
我们会专门推出公众号排版相关的文章，感谢期待。
请问 Dribble 上有什么推荐关注的设计师吗~
当然有，下面是我自己非常欣赏的团队以及设计师，他们可能不是「Dribbble TOP20 最值得关注的设计师」，但每个都有鲜明的特点以及值得学习的地方，分享给大家。
设计团队：
- 09UI，位于北京的设计工作室，由前小米员工创建。虽然名叫 UI，但其 3D 建模作品以及插画作品都非常不错。
- Ueno，可能是 Dribbble 上 follower 最多的团队。作品主要是现代风格的网页，App 以及动效，支撑其美感的是扎实的排版功底，对刚接触平面设计的同学很有借鉴作用。
- Radesign，国内的设计团队，我主要喜欢他们的插画作品，尤其是配色。
- Uber，已经离开中国的打车软件，他们自己的设计团队非常优秀。 除了有关视觉的作品，Uber 团队也经常发布一些软件交互上面的小细节设计，值得思考。
设计师：
- Javi Pérez 独立开发者，AGORA 和 MARLINE 都是它的作品。作品中有很多渐变颜色值得学习。
- Jony Fang，Time 时间卡的作者，开发与设计全能。
- MBE，插画师，清新可爱风，是众人学习的样本，百度一下「MBE 风」你就懂了。
- Aurélien Salomon 干净清爽的界面配以灵动的动画，一个动图能爽好一阵儿。
- Musical Offering，画图标非常有质感，对光影的掌控极好。同时也是「冒险指南- 塞尔达传说之旷野之息小助手」App 的设计师。
- Gleb Kuznetsov 设计很有科技感，未来感。除了 UI 和动效，还有很酷的 3D 视频设计。
- Sandor，锤子科技的设计师，主要专注于图标和插画。细节丰富而且更新频率极高，Dribbble Popular Designer 里排名很前的中国设计师
作者大大，能加下那些字体的音标吗，或者这些字体中文别名，英文简写也可以。那些单词都太长了，太怪了，读不出来。
下面给大家挑选了本章出现的较难读的英文。其中很多是字体的名字，由于这些字体的命名很多源自于拉丁语、德语等英语之外的语言，他们的写法和发音确实很奇怪。
- Serif：/ˈserəf/；音似 sir-rough 快读。英文衬线的意思。《韦氏新国际英语词典》称「serif」可能源于荷兰语的 schreef，意为「曾经写」。
- Sans-Serif：即在 /ˈserəf/ 的前面加上 /sän/ 的音。音似 san-sir-rough。其中 Sans 结尾的 s 与 Serif 连读不发音。「Sans」是法语中「无」的意思，与 Serif 连在一起即是「非衬线」的意思。
- Akzidenz Grotesk：Ak-zi-den-z-Gro-te-sk；音似 uh-Z-dense-grow-task；需要注意的是其 k 的发音非常轻，几乎到了省略的地步。Akzidenz 意为「商业」，Grotesk 则是「非衬线」的另一种说法。
- Baskerville：Ba-sker-ville；音似 bus-ker-view；Baskerville 的名字来自于十九世纪的英国设计师 约翰·巴斯克维尔（John Baskerville）。
- Bodoni：Bo-do-ni ；音似「波兜腻」；Bodoni 的名字来源于其设计师的名字 Giambattista Bodoni。
- Centaur：Cen-taur；音似 cen-tour。
- DIN：Din 只有一个音节；音似 dee-in；DIN 是德国标准化学会（德语 Deutsche Industrie Norm）制作的字体，所以直接用机构名字命名。
- Futura：Fu-tu-ra ；音似 few-too-ra，拉丁语中「未来」的意思。
- Helvetica：Hel-ve-ti-ca；音似 hell-ve-tea-ca，拉丁语中「瑞士」的意思。
- Palatino：Pa-la-ti-no ；简单分成四份读即可，命名源自意大利书法家帕拉蒂诺。
- Roboto：Ro-bo-to；音似 roll-bo-to。
建议添加一些用图片查找字体的网站。
英文字体
对于寻找英文字体，我推荐 Monotype 旗下 Myfont 字体平台出品的 WhatTheFont 应用。通过它你可以通过图片找到你想要的英文字体。
WhatTheFont 可以在 网页、Android 和 iOS 三端使用。
中文字体
在手机上方正字库出品的「字+」几乎是唯一一个中文字体识别 app。使用方法和 WhatTheFont 一样，但比较尴尬的是只能识别出方正字库中的字体。也就是说如果你正好要识别一个不在方正字库里面的字体，那么「字+」的结果可能会是一个方正字库中类似的字体。不过好在方正字库非常庞大， 相似的字体也能八九不离十。
目前「字+」应用仅有 iOS 版本，App Store 地址
网页字体
最后还有一款浏览器插件推荐给你——WhatFont?。这是一款运行在 Chrome 和 Safari 浏览器里面的插件，你只需要点击 WhatFont 图标，将鼠标悬浮在网页上便会有一个悬浮窗显示鼠标所指的字体是什么。
WhatFont? 的原理应该是通过检测网页代码得出字体结果，这让它能快速检测出 Webfont，而对于非 Webfont 以及未指定的字体（即未指定这段文字使用哪一个特定字体，使用系统字体） 会显示一些让人摸不到头脑结果。而 Webfont 在中文网页中的应用仍然不多，于是这导致 WhatFont? 在检测英文网页字体时非常好用，但中文网页中就差了很多。
x 高度更高的英文字体和中文混排更加和谐，这里的配图是不是下面那张是正确范例？
对于文章中下面这张配图，下方的范例是相对正确的。
但可能还不够清晰，我们来看一下如果把他们排成文字会是是什么效果：
你可以眯起眼来看，你会发现上方的文字的每一行都较为平整，下面的文字像是一首磕磕绊绊节奏混乱的乐曲，起起伏伏，既失去了方块字的整齐感，又没有全英文排版的流畅感。虽然上方的文字也有优化空间（比如中英文之间的空格），但明显读起来顺畅很多，尤其是「cover IT以及transportation」这一行。
请问在那些场合需要注意字体版权？
这就要清楚字体的授权方式了。具体的字体版权要根据字体公司的授权协议来讲，但按照收费标准可以分为三类：
1. 免费商用
字体提供免费下载，可能是完全免费的字体，或者是开源字体。完全免费的字体并不多，但可以放心使用；开源字体则应该遵循其开源许可上面的规定。
2. 免费非商用
字体提供免费下载，在非商用的情况下免费使用，商业用途需要缴纳授权费。而对于界定「商用」的标准，又是字体公司说的算。虽然听上去很不靠谱，但我认为这是最合理的收费方式，能让设计师尝试更多的字体可能，同时将字体授权费的目标从设计师转移到客户身上，节省了设计师的开销。
3. 必须购买授权
字体不提供免费下载，必须购买授权才能下载。不要以为「反正我没买，用都用不到怎么会侵权呢」，这类字体看似安全，实则是最应该注意的。
首先是网络上有很多「免费字体下载网站」，你能下载到很多收费字体，这些字体一旦运用出去（比如做成 Logo，海报，甚至网页等一切能被公众看到的情况）就已经算是侵权。
另外，电脑中内置的字体也要注意，他们中大部分授权是「只允许在系统内使用」。即我用电脑中自带的字体用作商业用途，虽然有正版的字体，但商业用途并不在其授权范围之内，也算是未授权的字体。暴雪游戏曾因为在游戏中内置方正字体文件，赔偿一百四十多万。
总结看来，免费的字体要看许可和用途，收费的更要细心检查授权范围。所以我的建议是：只要是公之于众的设计，都要注意版权。下载和试用未授权的字体确实不体面，但只要在最终使用，公之于众之前购买授权，也是说得过去的。另外，如果是为公司和企业做商业用途的设计，字体授权问题要多加注意，公司和企业通常是字体公司的起诉对象。
上一期
下一期
精选评论（1） 我的评论
