聽 Apple 的設計師講設計

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

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

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

Designing Glyphs

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

Mani 首先介紹什么是 Glyphs妻往,它跟 Icons 的區(qū)別是什么互艾。(坦白說,我之前也不知道還有這種概念讯泣,因為中文環(huán)境里統(tǒng)一都用“圖標”的說法纫普。前段時間看到有設計師將 Glyphs 翻譯成“圖符”,似乎也很貼切好渠。)

不管是簡潔昨稼、低保真的形狀溉箕,還是色彩斑斕、高保真的圖案悦昵,都可以是 Icons肴茄;而 Icons 中的“低保真形狀”還可以稱為 Glyphs,Glyphs 往往是單色的但指。

Icons 和 Glyphs 的區(qū)別

高效的 Glyphs 應該是簡潔寡痰、通用、易讀的棋凳。Mani 舉的例子是下圖的交通指示牌拦坠,哪怕你不懂德語,也能清楚知道機場在哪個方向剩岳。Glyphs 在傳達信息的時候非常有用贞滨,所以我們把它當作 UI 設計語言的一部分。

哪怕你不懂德語拍棕,也能清楚知道機場在哪個方向

后面 Mani 介紹如何設計 Glyphs晓铆,尤其是一整套 Glyphs。視覺重量绰播、線條粗細骄噪、位置,乃至如何與 UI 中的文本樣式進行搭配都需要被考慮到蠢箩。

同一套 Glyphs 的線條應粗細一致

Designing Sound

演講者是 Hugo Verweij链蕊,一位聲音設計師。Hugo 整場演講策劃得特別用心谬泌,十分推薦滔韵。

設計不僅僅關乎產(chǎn)品外觀、運作邏輯和使用感受掌实,還有“聽上去如何”陪蜻。

聲音在設計中扮演的角色

為通知設計提示音,可以讓聲音可以成為品牌的印記潮峦。Dark Sky 的通知提示音識別度高囱皿,能傳達“下雨”的感覺,好聽而且清晰忱嘹。

Dark Sky 的通知提示音是聲音設計的典范

然后 Hugo 帶著大家去為 Toast Modern 這款虛擬的 App 設計通知提示音嘱腥。

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

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

“將改變世界”的 Toast Modern

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

Hugo 在現(xiàn)場演奏短信提示音

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

Essential Design Principles

演講者是 Mike Stern,他的頭銜是 Design Evangelism Manager沟突。所以 Apple 還有一個團隊專門做設計布道工作花颗?

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

簡單卻強大的設計原則

我截取幾個印象深刻的點蒲凶。

Mike 解釋了為什么 Apple 習慣說 Human Interface 而不是 User Interface气筋。Human 比 User 更能強調(diào)出我們設計服務的對象是人。

Apple 習慣說 Human 而不是 User

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

Material Design 的分享按鈕

耐人尋味的水龍頭設計旋圆。Mike 在這里引入了幾個關鍵的概念:心智模型宠默,系統(tǒng)模型和交互模型。

左邊控制熱水右邊控制冷水的水龍頭

Affordance 的介紹灵巧。

這個盤子的 Affordance

Mike 最后說到搀矫,這些原則運用在實際工作中其實很難。每一個原則所寓示的設計方向都不一樣刻肄,它們之間甚至會沖突瓤球。而設計師要做的,就是處理這些差異和沖突敏弃。

在工作中運用設計原則很難

引用 Mike 的結(jié)語:

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

其他

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

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

這種彈窗是否似曾相識疮装?

如何觀看

體驗最好的觀看方式取決于你的設備缘琅。

  • 如果你有 Mac,使用 Safari 訪問 Apple 開發(fā)者官網(wǎng)就可以在線播放廓推。有字幕刷袍。
  • 如果你有 iOS 設備,可以安裝 WWDC 的官方 App 來觀看樊展。有字幕呻纹。
  • 如果以上設備你都沒有,不要灰心专缠,你可以用瀏覽器訪問 Apple 開發(fā)者官網(wǎng)雷酪,把視頻下載到本地。但你可能需要安裝 QuickTime 播放器才能在觀看的時候顯示字幕(未親測)涝婉。因為這些演講視頻的字幕是嵌在視頻里的隱藏式字幕哥力,不是所有播放器都支持。
  • 如果以上設備你都沒有墩弯,而且想在線觀看吩跋,那不妨試試在 YouTube 上搜索。

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

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末锌钮,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子涨缚,更是在濱河造成了極大的恐慌轧粟,老刑警劉巖策治,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異兰吟,居然都是意外死亡通惫,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門混蔼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來履腋,“玉大人,你說我怎么就攤上這事惭嚣∽窈” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵晚吞,是天一觀的道長延旧。 經(jīng)常有香客問我,道長槽地,這世上最難降的妖魔是什么迁沫? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮捌蚊,結(jié)果婚禮上集畅,老公的妹妹穿的比我還像新娘。我一直安慰自己缅糟,他們只是感情好挺智,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著窗宦,像睡著了一般赦颇。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上迫摔,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天沐扳,我揣著相機與錄音,去河邊找鬼句占。 笑死,一個胖子當著我的面吹牛躯嫉,可吹牛的內(nèi)容都是我干的纱烘。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼祈餐,長吁一口氣:“原來是場噩夢啊……” “哼擂啥!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起帆阳,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤哺壶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體山宾,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡至扰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了资锰。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片敢课。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖绷杜,靈堂內(nèi)的尸體忽然破棺而出直秆,到底是詐尸還是另有隱情,我是刑警寧澤鞭盟,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布圾结,位于F島的核電站月褥,受9級特大地震影響羡棵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜粉臊,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一鹃两、第九天 我趴在偏房一處隱蔽的房頂上張望遗座。 院中可真熱鬧,春花似錦俊扳、人聲如沸途蒋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽号坡。三九已至,卻和暖如春梯醒,著一層夾襖步出監(jiān)牢的瞬間宽堆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工茸习, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留畜隶,地道東北人。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓号胚,卻偏偏與公主長得像籽慢,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子猫胁,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Apple 一年一度的 WWDC 除了在開場發(fā)布會上發(fā)布新一代 iOS箱亿,在隨后幾天的日程中還有各種主題的分享會,比...
    daniel1999閱讀 7,789評論 0 14
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,103評論 25 707
  • 江南可采蓮 蓮葉何田田 魚戲蓮葉間 在后宮的夜弃秆,好冷届惋,孤寂中唯有一遍遍的唱著小調(diào)髓帽,回憶著過去,入眼便是一堆杏仁脑豹,看...
    臺前晨光映曉窗閱讀 305評論 2 3
  • 在愛情里飽受折磨郑藏,因為不相信不確定,那些貌合神離晨缴,那些強顏歡笑译秦。原來我也曾在愛情里迷失,我也曾那么不計代價击碗≈玻可惜那...
    阿其兒閱讀 147評論 0 0
  • 人,生而孤獨
    姜牧之5373閱讀 159評論 0 1