- JJ: 深圳的线下活动结束了,后记怎么还没写完?
- Leon: 老板……这个礼拜比较忙
- JJ: 好!我去写一篇,今天一定要发了~
- Leon: 辛苦了老板……
- JJ: 那你把照片给我,我来 po 一些图~
- Leon: 老板,移动硬盘没带……
- JJ: 要你有何用……
(还好,在热心的听众们和志愿者们的贡献下,照片还是被我偷了一点来,深圳活动后记在此)
Fontface Ninja 是一个 Chrome 插件,帮助你快速鉴别网页里的各种文字用的是啥字体,不过比起 JJ 常用的哪里不懂点哪里的 WhatFont 插件,Fontface Ninja 还能直接列出页面中的所有使用到的字体、告知这些字体是免费还是收费的、购买/下载地址在呢儿,并且单击字体名字之后可以迅速进入一个预览框直接自己打字查看字体的整体效果。
之前 TIB 写过一篇《参数化设计与字体战争:从 OpenType 1.8 说起》,概述了从上世纪电脑出现之后的关于字体格式们的起源故事,非常详细而且有很多「参考链接」,最近看到来自台湾的 justfont 博客上也更新了一篇主题类似的文章:《格式大戰:你用的字型檔,是巨頭們大戰後的產物》,相对来说简短很多,而且配有非常好玩的星战主题插图,活泼还不够但生动有余,如果不想了解太多技术细节但又对这段历史感兴趣的话,这篇值得一看:
http://blog.justfont.com/2017/07/opentype-wars/
大家也许有发现我们的电台节目经常怀旧,并不是那么刻意但是人年纪大了之后……你懂的。今天,请允许我把这个怀旧的气氛漫延到邮报里来吧~ Product Graveyard 是一个「死去产品」的坟场,罗列了众多已故的产品,并且介绍了他们的简短故事,包括生辰八字、死亡原因等等……
- Base 在上海的一个改装机车的团队,简直太帅了
- 延续之前的传统,Android 8.0 最终定名「奥利奥」,宣传视频里的形象……我觉得略有喜感,哈哈哈哈
- Medium 又又又换标了,这次又回到了第一代时候纯「M」字母的尿性,logo 里用的字体是 Noe Display
你肯定在想,这期邮报这么短?裤子都脱了才这么点内容?因为从本期开始邮报会增加一段连载文章《图标漫步》(但也不代表以后每期都会有……),主题就是之前节目里 JJ 透露过想要写成书但又一直没能如愿的内容哈哈哈(主要是文笔太差人又懒还不符合出版社的编辑们的想法)。所谓「图标漫步」,当然就是「漫无目的」的散步,大家大可以把这个系列当成是一场关于图标设计的游记,每一期的内容都会围绕在国内外我所见到的各种跟「图标」相关的照片展开,今天是第一期~
一个国家的设计水平,或者说对设计的重视程度从其公共设施的标识当中可以窥见一二,比如在北京(我不是故意开地图炮的,上海也没好到哪儿去……)地铁车厢内的地图上,你肯定能见到从 Arial 到 SimHei 自带的英文等各种字体,这些不统一的视觉设计元素、对细节的忽视堆积到一定程度就容易给人「廉价」、「低质」的感觉。而当我在意大利度蜜月的时候,对于当地不少标识以及引导系统设计的低劣质量有些震惊,当然我宁愿相信这是因为在意大利住的时间太短以偏概全了。印象最深的一次是某天从罗马前往国中国梵蒂冈的时候忍不住拍下了这张照片:
一向有研究路边标识职业病的我跟老婆讨论了一番
「为啥这一排里有两个一模一样的扶梯图标?是啥个意思?」
「难道是里面有两部扶梯?」
「那万一装了 18 部扶梯他们就得摆上 18 个图标?」
「……」
一直等走近到隧道底下我们才恍然大悟,原来这个扶梯图标里是一堆箭头,一个指向上面,一个指向下方,显然是告诉我们这个地下停车库既有往上又有下来的扶梯。
这个本意当然是好的,想通过非常细致的引导告诉大家所有公共设施的种类,但就因为这个图标设计的问题,导致了对于普通人来说反而产生了一些困扰,这也是非常典型的图标可识别性问题,我们可以借用字体排印里的两个概念来理解:Readibility 和 Legibility,这是两个比较容易搞混的词,在中文里面我也很难确定应该用啥,不过让我们暂且使用国内著名文字设计网站 Type is Beautiful 里的翻译:可读性(Readibility)和易认性(Legibility)。
文字排印中的可读性可以理解为对于整段文字的阅读体验,影响他的要素包括但不限于文字的大小、行高、字距、每行字数、文字颜色和背景的对比度等等等等,粗俗点说就是读起来是不是舒服~ 而在图标设计中的「可读性」可以理解为他的颜色、纹理、质感、留白、与文字位置关系等。
与可读性不同,西方字体设计中的易认性我们可以粗暴地理解为是不是能够快速区分小写字母“l”和大写字母“I”、在文字部分被遮挡的时候能不能看出或者至少猜出每个字母等等。
对于图标来讲,是不是能快速辨认出作者设计意图也是相当重要的,试想一下,开头那个电梯的图标如果我们能简化成一组上下的箭头,或者至少是把其中的元素减小到即能看到电梯,又能看到箭头方向,是不是会好一些?
让我们再来看一个例子:
这是一张新加坡交通地图的局部,这三个图标显然分别代表了当地的轨道交通、公共巴士以及出租车,这一组设计就做得比较恰当,首先设计师对三个图标采用了非常统一的处理手法,全都是交通工具的正面形象加以抽象,让人远远望去就能知道这三个是一组的,但他们又略有不同,于是当我们需要查找信息而用眼睛去扫过他们的时候就会注意到这几个图标里明显不同的细节,地铁图标里倾斜的轨道、巴士顶部的灯以及略小一号的出租车图标尺寸等。也许你会觉得他们之间的差别略小,不容易分辨,但当配合图标的底色作为区分之后,整个图标系统的识别作用就充分实现了。
20 世纪著名设计师 Massimo Vignelli(他曾经设计过美国航空的 Logo 以及纽约地铁的标识系统,终生都是 Helvetica 的热爱者)说过:
The life of a designer is a life of fight: fight against the ugliness.
翻译过来就是说「设计师一生的使命应该是与丑陋做斗争」,这么说没错,但我认为美化这个世界的前提是要保证能解决问题,而可识别性在图标设计中,就是最重要的一步。
这是一张大英博物馆里拍的照片,指示牌上的这个图标并没有配文字标识,请大家猜猜看它想要传达的是什么意思呢?😉