- JJ: 今天被人打脸了……
- Leon: 噗……被谁打了……
- JJ: 知乎读者反馈说我们节目里信息有误……
- Leon: 这不是很正常么,我们经常说错的啊。
- JJ: 嘘……小声点……
- Leon: 哦……那……咳、咳,你快更正一下。
- JJ: 第 45 期《没有失落的秘符 · 第一集》里面我说到「开关机」符号来自于「1」和「0」,但其实维基百科里面写了这是一个常见的误解,真实来源就像当时你所说是电路里面的「|」和「o」,也就是「通」和「断」。
JJ 好像不止一次地推荐过 Helvetica 的同名纪录片(话说这片子的导演 Gary Hustwit 去年在 Kickstarter 上众筹新纪录片 Rams 记录传奇设计师 Dieter Rams,说好今年秋季上映的现在看来要跳票了),如今另外一个传奇(我今天有点词穷,想不出其他形容词了,请原谅我)字体 Futura 也将迎来属于他自己的纪录片,不太一样的地方是这部片子将会以吃瓜群主们一起协作拍摄的方式完成,每个人都可以上传自己片段(当然也是按照摄制组提供的场景样板),详细的内容大家可以去他们官网查阅,而现在如果你就对这个字体非常感兴趣,可以先去敌友台听听他们的节目《九十年前的未来字体》。
怎么快速辨别做移动端产品的设计师?你喊一声 750 他答 1334,你吼 1242 他回 2208 的话那肯定没错了!这次 iPhone X 虽然又引入了新的分辨率,但好在他是真·像素对齐的 3X 屏幕,而且宽度的 pt 数和 6/7/8 是一致的,不过我们还是需要记忆一个新的屏幕高度:812 pt。快速回顾过往 iPhone 产品的分辨率细节可参阅这个页面
不知道大家是不是喜欢玩塔防游戏,如果感兴趣的肯定记得来自乌拉圭的独立工作室 Iconhide 所开发的《王国保卫战 Kingdom Rush》系列游戏,如今他们终于出了新作品《钢铁战队 Iron Marines》,跟之前塔防的玩法略有不同,更像即时战略,背景也换成了科幻主题,但是一看那个画风、一听那个人物语音,你马上会发现熟悉的味道。不多说了,不管你喜不喜欢,反正 JJ 很喜欢,先去玩一会儿……
每一期 JJ 总要来那么一点怀旧,这次是一篇关于 Dribbble 上历年来按钮风格演变的文章,从 2009 年浓郁的质感到一路大屏,从 ghost button 到骚气的渐变以及越来越弥散的阴影,每一张图似乎都能勾起一点点回忆……
1994 年推出的 Photoshop 3.0 是最后一个使用 3.5” 软盘安装的版本,一共需要 7 张,如果同样用软盘来装 Photoshop CC 初代的话,需要 733 张……
via Photoblog.hk
- 来看看世界顶级 agency 是如何包装他们给三星设计的几个 icon 的
- Marc Edwards 一直以来都在 Twitter 上更新他的「图标速画」系列,虽然都是很基础的图形和技巧,但是有时候看看还是有有些启发,这里是个合集
- 大喷子 Eli Schiff 也开 podcast 了,但是感觉在 Twitter 上犀利无比的他真人听起来还挺 nice 的……
- 近期换标产品:Atlassian、Stripe
从第 12 期安妮薇邮报开始,JJ 写起了连载文章,你可以把《图标漫步》看作是一场关于图标设计的游记,每一期的内容都围绕着 JJ 在十多个国家所见到的各种跟「图标」相关的照片。这里没有太多的「方法论」,没有刻意的「教学」,只是一场轻松的视觉旅行,希望文笔又差人又懒的 JJ 能和大家携手完成一次「懒洋洋」的漫步。
下面这个电梯的图标我印象非常深刻,因为每次一看到他,我的小膀胱就隐隐作痛……已经记不起它的详细位置了,大概是拍摄于我和 Leon 刚刚落地英国不久,在曼彻斯特赶火车的某个时刻。当时经过长途旅行的我们都憋了很多醇酿在体内,一路快步行走想要找个厕所,远远地看到了他只觉得仿佛遇上救星,可当我们真的走近一看……瞬间懵逼了,这特码是电梯啊!
骂我眼瞎的朋友请稍安勿躁,让我把这个图标简单处理一下来模拟远距离看的效果吧,你看看是不是有点像厕所!分明是一男一女啊!
哪怕这样设计也好些你说对吧
觉得按钮之类的细节太多你也可以多塞点人对吧?三个男人坐电梯这也没啥政 / 治不正确吧 😂
顺便提一嘴,上图这个电梯图标其实已经非常接近公共场所的图形标识通用规范了,现在大家很熟悉的一男一女所组成的「厕所」以及扶梯等图标,第一次被确立为标准应该是在 1974 年,由美国设计师学会(AIGA, American Institute of Graphic Arts,看英文名其实应该是和深平协这种差不多的组织吧哈哈哈哈)和美国交通部共同制定,当时设计的图形第一批共 34 个,几年以后又扩展成 50 个,其中的部分图标可参见下图,想必这些「通用」到可怕的图标大家大家在各地的大厦、飞机场、火车站都见过千百回了:
完整的图标列表和文件下载可以移步 AIGA 的官网,点进去看过一遍的话你可能会和我有同样的感觉:这些比我们年纪都大的图标其实还是有优化空间的,而且总体来说通用度有余但整体不是那么统一和协调,风格也略「无聊」。公共区域的导示设计虽然第一前提是「清晰」但在那些不那么「严肃」的地方,结合不同文化不同场景做一点自定义还是非常有趣的。
比如说下图所示的「出口」图标,由 ISO 国际标准化组织所定义,最初由日本设计师 Yukio Ota 在 1979 年所设计。老外叫他「running man」 ,非常形象,但日本群众非常喜欢他,把他当成了一个卡通形象。去日本刷过各种景点的话你肯定会注意到对面的同胞们特别擅长做各种卡通形象,在 Anyway.FM 第一期《日本街头的图形标识》里我和 Leon 就提过,以后有时间我试着整理一下收集的各种被「卡通化」的著名日本景点和建筑。又跑题了,这个绿色小人在日本被叫做「ピクトさん」,我不懂英文,但是在他的官网上(居然还有官网!)你可以看到英文名是「Pictosan」,显然来自于英文「pictogram」(象形符号)和日文尊称「桑 san」的复合。
图片来自 Wikipedia
叫 running man 也好,Pictosan 也好,这个小人的抽象质量相当高,所以被各种图形标识所采用,保守估计大家每天都能不经意地见到他 10 次以上吧哈哈哈哈。但在很多地方对于「出口」的图形诠释,或者说对于这个小人的形象都有他们自己的定制化方案,比如下面这张图来自上海某高校的教学楼:
传统的 running man 形象进行了高度的艺术化处理,也加上了跟学生有关的特色(手拿讲义)等,在图里这个位置的排布虽然有些凌乱,但整体方案还是挺好玩的,而我最喜欢的一个「定制化」版本来自于香港国际机场,虽然他表达的是「紧急出口」的意思,跟普通的「出口」略有不同的,但是设计师在这图标里的努力我觉得还是很值得敬佩的:
如果一定要给这个图标也起个名字的话我把他叫做「章鱼来了,快逃!」😁 这个图标虽然辨识度上比不了 running man 所摆出的标准出口图标,但他所表现出的「紧迫感」系数我觉得肯定是大大超过「国际标准」的!
(别往下翻了,今天没留悬念 😅)