聽 Apple 的設(shè)計(jì)師講設(shè)計(jì)

3 評論 7277 瀏覽 47 收藏 10 分鐘

2017年8 月 15 日更新:今早收到來自 Apple 的郵件,所有 WWDC 的視頻都已經(jīng)配有簡體中文字幕了!另外特意看了一下,他們對 Glyphs 的翻譯是“圖形符號”。

原文:

今年 WWDC 的設(shè)計(jì)類演講特別多,可能比往年的加起來還要多。然而很多設(shè)計(jì)師都不知道 WWDC 還會專門講設(shè)計(jì)。作為社會責(zé)任感特別強(qiáng)的設(shè)計(jì)師,我覺得我有必要給大家推薦一下。相信我,這比去聽國內(nèi)的設(shè)計(jì)大會要靠譜多了……

再說了,Apple 的設(shè)計(jì)師不寫博客也不做播客,低調(diào)得像一只巴松管,這可能是了解他們工作方式的唯一渠道。

這里推薦幾個我很喜歡的演講。

Designing Glyphs

演講者是 Mani Amini, 一位藝術(shù)氣質(zhì)跟他的胡子一樣濃厚的設(shè)計(jì)師。

Mani 首先介紹什么是 Glyphs,它跟 Icons 的區(qū)別是什么。(坦白說,我之前也不知道還有這種概念,因?yàn)橹形沫h(huán)境里統(tǒng)一都用“圖標(biāo)”的說法。前段時間看到有設(shè)計(jì)師將 Glyphs 翻譯成“圖符”,似乎也很貼切。)

不管是簡潔、低保真的形狀,還是色彩斑斕、高保真的圖案,都可以是 Icons;而 Icons 中的“低保真形狀”還可以稱為 Glyphs,Glyphs 往往是單色的。

高效的 Glyphs 應(yīng)該是簡潔、通用、易讀的。Mani 舉的例子是下圖的交通指示牌,哪怕你不懂德語,也能清楚知道機(jī)場在哪個方向。Glyphs 在傳達(dá)信息的時候非常有用,所以我們把它當(dāng)作 UI 設(shè)計(jì)語言的一部分。

后面 Mani 介紹如何設(shè)計(jì) Glyphs,尤其是一整套 Glyphs。視覺重量、線條粗細(xì)、位置,乃至如何與 UI 中的文本樣式進(jìn)行搭配都需要被考慮到。

Designing Sound

演講者是 Hugo Verweij,一位聲音設(shè)計(jì)師。Hugo 整場演講策劃得特別用心,十分推薦。

設(shè)計(jì)不僅僅關(guān)乎產(chǎn)品外觀、運(yùn)作邏輯和使用感受,還有“聽上去如何”。

為通知設(shè)計(jì)提示音,可以讓聲音可以成為品牌的印記。Dark Sky 的通知提示音識別度高,能傳達(dá)“下雨”的感覺,好聽而且清晰。

然后 Hugo 帶著大家去為 Toast Modern 這款虛擬的 App 設(shè)計(jì)通知提示音。

Toast Modern 是 WWDC 2014 的一個演講?Prototyping: Fake It Till You Make It?特意打造的一款虛擬 App。這款“將改變世界”的 App 的作用是幫你發(fā)現(xiàn)或分享舊金山最好吃的手工面包(黑人問號?)。估計(jì)這個 App 還能在 WWDC 用上十年……

當(dāng)朋友向你分享手工面包時,你會收到通知。這個通知的提示音應(yīng)該怎么設(shè)計(jì)?整個從無到有再到打磨細(xì)節(jié)的過程真的特別有意思。

接著 Hugo 現(xiàn)場用樂器演示了 Apple 設(shè)備中那些經(jīng)常聽到的通知提示音(比如短信的)是怎么來的,并介紹設(shè)計(jì)中的考慮。我覺得這部分是全場最精彩的。

后面還會講到 UI 中的提示音以及如何處理聲音素材。這里就不多介紹了,只管去看吧。

Essential Design Principles

演講者是 Mike Stern,他的頭銜是 Design Evangelism Manager。所以 Apple 還有一個團(tuán)隊(duì)專門做設(shè)計(jì)布道工作?

整個演講大約 1 個小時,但我相信,進(jìn)度條走完的時候你仍然會覺得意猶未盡。Mike 的演講真正做到了深入淺出,用一條夏威夷旅行的故事線,把通用的設(shè)計(jì)原則挨個講了一遍。既然是通用設(shè)計(jì)原則,我認(rèn)為每一位設(shè)計(jì)師都適合看一下,設(shè)計(jì)工作中做出的每一個決策基本都離不開這些了。而倘若你不是設(shè)計(jì)師,看完這個演講,你對設(shè)計(jì)的理解會更加的全面——可能比很多設(shè)計(jì)師所理解的都要更全面。

我截取幾個印象深刻的點(diǎn)。

Mike 解釋了為什么 Apple 習(xí)慣說?Human Interface?而不是?User Interface。Human 比 User 更能強(qiáng)調(diào)出我們設(shè)計(jì)服務(wù)的對象是人。

極其委婉地吐槽了追求全平臺風(fēng)格統(tǒng)一的 Material Design……

耐人尋味的水龍頭設(shè)計(jì)。Mike 在這里引入了幾個關(guān)鍵的概念:心智模型,系統(tǒng)模型和交互模型。

Affordance 的介紹。

Mike 最后說到,這些原則運(yùn)用在實(shí)際工作中其實(shí)很難。每一個原則所寓示的設(shè)計(jì)方向都不一樣,它們之間甚至?xí)_突。而設(shè)計(jì)師要做的,就是處理這些差異和沖突。

引用 Mike 的結(jié)語:

當(dāng)你理解這些基本的原則之后,設(shè)計(jì)就會簡單很多了。把這些原則當(dāng)作你的北斗星,它們會指引著你去做出更好的 App,去給那些你為之設(shè)計(jì)的人提供更好的服務(wù)。而這也是最重要的。作為回報,使用你的產(chǎn)品的人都會在某種程度上意識到你的用心良苦。他們將會感激你的體貼與關(guān)懷,而且,他們還會感受到制作這款產(chǎn)品的人身上的人性。

其他

上述幾個只是我感興趣的。另外還有十幾個演講,主題覆蓋的范圍很廣,建議去親自挑選。完整的播放列表在這里。

比如你經(jīng)常要寫彈窗文案,那就必須看看?Writing Great Alerts

如何觀看

體驗(yàn)最好的觀看方式取決于你的設(shè)備。

  • 如果你有 Mac,使用 Safari 訪問?Apple 開發(fā)者官網(wǎng)就可以在線播放。有字幕。
  • 如果你有 iOS 設(shè)備,可以安裝?WWDC 的官方 App?來觀看。有字幕。
  • 如果以上設(shè)備你都沒有,不要灰心,你可以用瀏覽器訪問 Apple 開發(fā)者官網(wǎng),把視頻下載到本地。但你可能需要安裝?QuickTime 播放器才能在觀看的時候顯示字幕(未親測)。因?yàn)檫@些演講視頻的字幕是嵌在視頻里的隱藏式字幕,不是所有播放器都支持。
  • 如果以上設(shè)備你都沒有,而且想在線觀看,那不妨試試在 YouTube 上搜索。

希望我已經(jīng)安利到位了,享用愉快:)

 

作者:張土福,交互設(shè)計(jì)師@魅族科技

來源:https://zhuanlan.zhihu.com/p/28183791

本文由 @張土福 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 果粉為你點(diǎn)個贊

    來自北京 回復(fù)
  2. 沙發(fā)

    來自上海 回復(fù)