听 Apple 的设计师讲设计
![](https://img.haomeiwen.com/i7909/c5649abf93d64d90.png)
今年 WWDC 的设计类演讲特别多,可能比往年的加起来还要多。然而很多设计师都不知道 WWDC 还会专门讲设计。作为社会责任感特别强的设计师,我觉得我有必要给大家推荐一下。相信我,这比去听国内的设计大会要靠谱多了……
再说了,Apple 的设计师不写博客也不做播客,低调得像一只巴松管,这可能是了解他们工作方式的唯一渠道。
这里推荐几个我很喜欢的演讲。
Designing Glyphs
演讲者是 Mani Amini, 一位艺术气质跟他的胡子一样浓厚的设计师。
Mani 首先介绍什么是 Glyphs,它跟 Icons 的区别是什么。(坦白说,我之前也不知道还有这种概念,因为中文环境里统一都用“图标”的说法。前段时间看到有设计师将 Glyphs 翻译成“图符”,似乎也很贴切。)
不管是简洁、低保真的形状,还是色彩斑斓、高保真的图案,都可以是 Icons;而 Icons 中的“低保真形状”还可以称为 Glyphs,Glyphs 往往是单色的。
![](https://img.haomeiwen.com/i7909/7d377ff28f6f09c5.png)
高效的 Glyphs 应该是简洁、通用、易读的。Mani 举的例子是下图的交通指示牌,哪怕你不懂德语,也能清楚知道机场在哪个方向。Glyphs 在传达信息的时候非常有用,所以我们把它当作 UI 设计语言的一部分。
![](https://img.haomeiwen.com/i7909/450b4ba9baafc7d7.png)
后面 Mani 介绍如何设计 Glyphs,尤其是一整套 Glyphs。视觉重量、线条粗细、位置,乃至如何与 UI 中的文本样式进行搭配都需要被考虑到。
![](https://img.haomeiwen.com/i7909/c13f92c93232d1ca.png)
Designing Sound
演讲者是 Hugo Verweij,一位声音设计师。Hugo 整场演讲策划得特别用心,十分推荐。
设计不仅仅关乎产品外观、运作逻辑和使用感受,还有“听上去如何”。
![](https://img.haomeiwen.com/i7909/c919aeb17c7339ac.png)
为通知设计提示音,可以让声音可以成为品牌的印记。Dark Sky 的通知提示音识别度高,能传达“下雨”的感觉,好听而且清晰。
![](https://img.haomeiwen.com/i7909/65189e2b60693788.png)
然后 Hugo 带着大家去为 Toast Modern 这款虚拟的 App 设计通知提示音。
Toast Modern 是 WWDC 2014 的一个演讲 Prototyping: Fake It Till You Make It 特意打造的一款虚拟 App。这款“将改变世界”的 App 的作用是帮你发现或分享旧金山最好吃的手工面包(黑人问号?)。估计这个 App 还能在 WWDC 用上十年……
当朋友向你分享手工面包时,你会收到通知。这个通知的提示音应该怎么设计?整个从无到有再到打磨细节的过程真的特别有意思。
![](https://img.haomeiwen.com/i7909/b1c1fe1dec5b9cbf.png)
接着 Hugo 现场用乐器演示了 Apple 设备中那些经常听到的通知提示音(比如短信的)是怎么来的,并介绍设计中的考虑。我觉得这部分是全场最精彩的。
![](https://img.haomeiwen.com/i7909/05b489bf1e141045.png)
后面还会讲到 UI 中的提示音以及如何处理声音素材。这里就不多介绍了,只管去看吧。
Essential Design Principles
演讲者是 Mike Stern,他的头衔是 Design Evangelism Manager。所以 Apple 还有一个团队专门做设计布道工作?
整个演讲大约 1 个小时,但我相信,进度条走完的时候你仍然会觉得意犹未尽。Mike 的演讲真正做到了深入浅出,用一条夏威夷旅行的故事线,把通用的设计原则挨个讲了一遍。既然是通用设计原则,我认为每一位设计师都适合看一下,设计工作中做出的每一个决策基本都离不开这些了。而倘若你不是设计师,看完这个演讲,你对设计的理解会更加的全面——可能比很多设计师所理解的都要更全面。
![](https://img.haomeiwen.com/i7909/dfb116110348fbfa.png)
我截取几个印象深刻的点。
Mike 解释了为什么 Apple 习惯说 Human Interface 而不是 User Interface。Human 比 User 更能强调出我们设计服务的对象是人。
![](https://img.haomeiwen.com/i7909/d59fb37951da43ef.png)
极其委婉地吐槽了追求全平台风格统一的 Material Design……
![](https://img.haomeiwen.com/i7909/f36034cb57ed6315.png)
耐人寻味的水龙头设计。Mike 在这里引入了几个关键的概念:心智模型,系统模型和交互模型。
![](https://img.haomeiwen.com/i7909/2c03c1e952fefce6.png)
Affordance 的介绍。
![](https://img.haomeiwen.com/i7909/6286ad5b740746c0.png)
Mike 最后说到,这些原则运用在实际工作中其实很难。每一个原则所寓示的设计方向都不一样,它们之间甚至会冲突。而设计师要做的,就是处理这些差异和冲突。
![](https://img.haomeiwen.com/i7909/38bc6f058cbbb2f6.png)
引用 Mike 的结语:
当你理解这些基本的原则之后,设计就会简单很多了。把这些原则当作你的北斗星,它们会指引着你去做出更好的 App,去给那些你为之设计的人提供更好的服务。而这也是最重要的。作为回报,使用你的产品的人都会在某种程度上意识到你的用心良苦。他们将会感激你的体贴与关怀,而且,他们还会感受到制作这款产品的人身上的人性。
其他
上述几个只是我感兴趣的。另外还有十几个演讲,主题覆盖的范围很广,建议去亲自挑选。完整的播放列表在这里。
比如你经常要写弹窗文案,那就必须看看 Writing Great Alerts。
![](https://img.haomeiwen.com/i7909/bcbbf4260fadebfa.png)
如何观看
体验最好的观看方式取决于你的设备。
- 如果你有 Mac,使用 Safari 访问 Apple 开发者官网就可以在线播放。有字幕。
- 如果你有 iOS 设备,可以安装 WWDC 的官方 App 来观看。有字幕。
- 如果以上设备你都没有,不要灰心,你可以用浏览器访问 Apple 开发者官网,把视频下载到本地。但你可能需要安装 QuickTime 播放器才能在观看的时候显示字幕(未亲测)。因为这些演讲视频的字幕是嵌在视频里的隐藏式字幕,不是所有播放器都支持。
- 如果以上设备你都没有,而且想在线观看,那不妨试试在 YouTube 上搜索。
希望我已经安利到位了,享用愉快:)