聽 Apple 的設(shè)計師講設(shè)計
![](http://image.woshipm.com/wp-files/img/53.jpg)
2017年8 月 15 日更新:今早收到來自 Apple 的郵件,所有 WWDC 的視頻都已經(jīng)配有簡體中文字幕了!另外特意看了一下,他們對 Glyphs 的翻譯是“圖形符號”。
原文:
今年 WWDC 的設(shè)計類演講特別多,可能比往年的加起來還要多。然而很多設(shè)計師都不知道 WWDC 還會專門講設(shè)計。作為社會責(zé)任感特別強的設(shè)計師,我覺得我有必要給大家推薦一下。相信我,這比去聽國內(nèi)的設(shè)計大會要靠譜多了……
再說了,Apple 的設(shè)計師不寫博客也不做播客,低調(diào)得像一只巴松管,這可能是了解他們工作方式的唯一渠道。
這里推薦幾個我很喜歡的演講。
Designing Glyphs
演講者是 Mani Amini, 一位藝術(shù)氣質(zhì)跟他的胡子一樣濃厚的設(shè)計師。
Mani 首先介紹什么是 Glyphs,它跟 Icons 的區(qū)別是什么。(坦白說,我之前也不知道還有這種概念,因為中文環(huán)境里統(tǒng)一都用“圖標(biāo)”的說法。前段時間看到有設(shè)計師將 Glyphs 翻譯成“圖符”,似乎也很貼切。)
不管是簡潔、低保真的形狀,還是色彩斑斕、高保真的圖案,都可以是 Icons;而 Icons 中的“低保真形狀”還可以稱為 Glyphs,Glyphs 往往是單色的。
高效的 Glyphs 應(yīng)該是簡潔、通用、易讀的。Mani 舉的例子是下圖的交通指示牌,哪怕你不懂德語,也能清楚知道機場在哪個方向。Glyphs 在傳達信息的時候非常有用,所以我們把它當(dāng)作 UI 設(shè)計語言的一部分。
后面 Mani 介紹如何設(shè)計 Glyphs,尤其是一整套 Glyphs。視覺重量、線條粗細(xì)、位置,乃至如何與 UI 中的文本樣式進行搭配都需要被考慮到。
Designing Sound
演講者是 Hugo Verweij,一位聲音設(shè)計師。Hugo 整場演講策劃得特別用心,十分推薦。
設(shè)計不僅僅關(guān)乎產(chǎn)品外觀、運作邏輯和使用感受,還有“聽上去如何”。
為通知設(shè)計提示音,可以讓聲音可以成為品牌的印記。Dark Sky 的通知提示音識別度高,能傳達“下雨”的感覺,好聽而且清晰。
然后 Hugo 帶著大家去為 Toast Modern 這款虛擬的 App 設(shè)計通知提示音。
Toast Modern 是 WWDC 2014 的一個演講?Prototyping: Fake It Till You Make It?特意打造的一款虛擬 App。這款“將改變世界”的 App 的作用是幫你發(fā)現(xiàn)或分享舊金山最好吃的手工面包(黑人問號?)。估計這個 App 還能在 WWDC 用上十年……
當(dāng)朋友向你分享手工面包時,你會收到通知。這個通知的提示音應(yīng)該怎么設(shè)計?整個從無到有再到打磨細(xì)節(jié)的過程真的特別有意思。
接著 Hugo 現(xiàn)場用樂器演示了 Apple 設(shè)備中那些經(jīng)常聽到的通知提示音(比如短信的)是怎么來的,并介紹設(shè)計中的考慮。我覺得這部分是全場最精彩的。
后面還會講到 UI 中的提示音以及如何處理聲音素材。這里就不多介紹了,只管去看吧。
Essential Design Principles
演講者是 Mike Stern,他的頭銜是 Design Evangelism Manager。所以 Apple 還有一個團隊專門做設(shè)計布道工作?
整個演講大約 1 個小時,但我相信,進度條走完的時候你仍然會覺得意猶未盡。Mike 的演講真正做到了深入淺出,用一條夏威夷旅行的故事線,把通用的設(shè)計原則挨個講了一遍。既然是通用設(shè)計原則,我認(rèn)為每一位設(shè)計師都適合看一下,設(shè)計工作中做出的每一個決策基本都離不開這些了。而倘若你不是設(shè)計師,看完這個演講,你對設(shè)計的理解會更加的全面——可能比很多設(shè)計師所理解的都要更全面。
我截取幾個印象深刻的點。
Mike 解釋了為什么 Apple 習(xí)慣說?Human Interface?而不是?User Interface。Human 比 User 更能強調(diào)出我們設(shè)計服務(wù)的對象是人。
極其委婉地吐槽了追求全平臺風(fēng)格統(tǒng)一的 Material Design……
耐人尋味的水龍頭設(shè)計。Mike 在這里引入了幾個關(guān)鍵的概念:心智模型,系統(tǒng)模型和交互模型。
Affordance 的介紹。
Mike 最后說到,這些原則運用在實際工作中其實很難。每一個原則所寓示的設(shè)計方向都不一樣,它們之間甚至?xí)_突。而設(shè)計師要做的,就是處理這些差異和沖突。
引用 Mike 的結(jié)語:
當(dāng)你理解這些基本的原則之后,設(shè)計就會簡單很多了。把這些原則當(dāng)作你的北斗星,它們會指引著你去做出更好的 App,去給那些你為之設(shè)計的人提供更好的服務(wù)。而這也是最重要的。作為回報,使用你的產(chǎn)品的人都會在某種程度上意識到你的用心良苦。他們將會感激你的體貼與關(guān)懷,而且,他們還會感受到制作這款產(chǎn)品的人身上的人性。
其他
上述幾個只是我感興趣的。另外還有十幾個演講,主題覆蓋的范圍很廣,建議去親自挑選。完整的播放列表在這里。
比如你經(jīng)常要寫彈窗文案,那就必須看看?Writing Great Alerts。
如何觀看
體驗最好的觀看方式取決于你的設(shè)備。
- 如果你有 Mac,使用 Safari 訪問?Apple 開發(fā)者官網(wǎng)就可以在線播放。有字幕。
- 如果你有 iOS 設(shè)備,可以安裝?WWDC 的官方 App?來觀看。有字幕。
- 如果以上設(shè)備你都沒有,不要灰心,你可以用瀏覽器訪問 Apple 開發(fā)者官網(wǎng),把視頻下載到本地。但你可能需要安裝?QuickTime 播放器才能在觀看的時候顯示字幕(未親測)。因為這些演講視頻的字幕是嵌在視頻里的隱藏式字幕,不是所有播放器都支持。
- 如果以上設(shè)備你都沒有,而且想在線觀看,那不妨試試在 YouTube 上搜索。
希望我已經(jīng)安利到位了,享用愉快:)
作者:張土福,交互設(shè)計師@魅族科技
來源:https://zhuanlan.zhihu.com/p/28183791
本文由 @張土福 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
果粉為你點個贊
沙發(fā)