11
| 本文作者： 王星 | 2014-09-23 14:11 |
本文作者Jiaxin Yu，畢業(yè)于清華美院和紐約的普瑞特設(shè)計(jì)學(xué)院交互設(shè)計(jì)方向，曾實(shí)習(xí)于紐約多家設(shè)計(jì)公司，并在今年夏天在蘋果總部做用戶設(shè)計(jì)師實(shí)習(xí)，目前Jiaxin在硅谷亞馬遜子公司A9.com擔(dān)任用戶體驗(yàn)師及產(chǎn)品設(shè)計(jì)師。聯(lián)系方式：yujiaxin305@gmail.com
今年夏天，我在美國硅谷Cupertino的蘋果總部度過了難忘的3個(gè)月，主要負(fù)責(zé)蘋果網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)和用戶交互設(shè)計(jì), 借此機(jī)會(huì)分享一下我對(duì)于蘋果當(dāng)前設(shè)計(jì)趨勢的理解。
扁平化設(shè)計(jì)（Flat UI）從2000年開始就已經(jīng)悄悄開始影響互聯(lián)網(wǎng)產(chǎn)品，最先引起人們注意的是2005年前后微軟公司提出的Metro design philosophy，旨在通過增加排版設(shè)計(jì)弱化圖形設(shè)計(jì)來簡化用戶交互界面，隨后被廣泛應(yīng)用在Xbox系列，Windows 8, Windows Phone等設(shè)計(jì)中。而在過去幾年谷歌公司也逐漸將自己的產(chǎn)品扁平化。
終于，從去年夏天iOS7開始，蘋果開始通過重新設(shè)計(jì)扁平化所有產(chǎn)品，這其中也包括我這個(gè)夏天正在參與的蘋果網(wǎng)站的扁平化進(jìn)程。
三大互聯(lián)網(wǎng)巨頭都毫不猶豫的進(jìn)行了大范圍的產(chǎn)品扁平化改版，主要原因是通過減少不必要的陰影、圖案、紋理結(jié)構(gòu)和梯度感的影響，從而使得交互界面體驗(yàn)變得更輕。
而與此同時(shí)，要想做好扁平化設(shè)計(jì)，必須要在背景設(shè)計(jì)上巧妙構(gòu)思，提供很好的支撐。比如蘋果的官方網(wǎng)站，通過背景色塊兒微妙的變化以及字體的對(duì)比，提供了非常清晰的支撐結(jié)構(gòu)。比如蘋果官方網(wǎng)站這個(gè)導(dǎo)航菜單的設(shè)計(jì)，主導(dǎo)航欄和子導(dǎo)航欄之間，導(dǎo)航欄和內(nèi)容之間分別以背景色塊區(qū)分，從而明確了層級(jí)并增強(qiáng)了支撐感。
如果對(duì)比蘋果網(wǎng)頁的界面，iPhone6延續(xù)了iPhone5s的風(fēng)格，圖片變大了，用了更細(xì)的字體（扁平化），字號(hào)也更大了，這和現(xiàn)在互聯(lián)網(wǎng)信息流圖片化趨勢，視覺上引起張力的表現(xiàn)。
然而隨之也帶來問題，主要是大圖帶來的擁擠感和雜亂無章。蘋果在這方面設(shè)計(jì)時(shí)特別強(qiáng)調(diào)節(jié)奏感，我們可以從下面的小例子中看到通過手機(jī)的傾斜角度位置以及文字和圖片的分欄設(shè)計(jì)，使得圖片和描述文字并不顯得擁擠雜亂。
新版iPhone雖然屏幕大了，但長寬比例并沒有調(diào)整，這對(duì)于設(shè)計(jì)師來說是天大的好事，大大降低了響應(yīng)式設(shè)計(jì)（responsive design）的難度，除此之外，新版iPhone在細(xì)微處也有一些有意思的新的用戶體驗(yàn)設(shè)計(jì)。
比如在iPhone 6 Plus大屏的用戶界面設(shè)計(jì)上，提供了橫版顯示新的交互界面，充分利用了用戶的視野，這也為大屏幕的交互體驗(yàn)增加了更大的拓展空間，例如例子中短信欄在橫版中增加顯示了發(fā)件人頭像。
同時(shí)為了增大大屏手機(jī)單手觸摸的范圍，iPhone 6 Plus提供了快速切換屏幕位置方便觸摸上方屏幕的用戶體驗(yàn)，為大屏手機(jī)增分不少。
還有就是Health Kit在新版iOS上的呈現(xiàn)，使得未來iOS設(shè)計(jì)師在Infographics上的設(shè)計(jì)能力更加的重要了，圖形解說大數(shù)據(jù)將成為未來蘋果設(shè)計(jì)師的新的創(chuàng)新點(diǎn)。
大家都在討論Apple Watch能否能和iPod一樣成功，我覺得可穿戴設(shè)備成功的關(guān)鍵在于是否能夠給予用戶手機(jī)不能提供的全新的交互體驗(yàn)，這也是可穿戴設(shè)計(jì)讓人們感到興奮得地方。
Apple Watch最讓我感到興奮的時(shí)心跳和指尖傳情的功能，這一點(diǎn)很有Yo的風(fēng)格，這種全新的體驗(yàn)拉近了手表和人的交互，也增加了手表病毒傳播的能力。也有人開玩笑說蘋果手表的這項(xiàng)功能是為了中國人開發(fā)的，原因顯而易見。我們中文博大精深，一屏一漢字，比掏出手機(jī)發(fā)送短信方便很多，這種全新的信息傳遞方式正是由手表屏幕新的交互方式引發(fā)而出現(xiàn)的。
同時(shí)我也不得不吐槽一下Apple Watch做的不好的一點(diǎn)，就是沿用了iOS對(duì)于照片瀏覽的功能和界面，把iOS圖片縮略圖直接搬到手表上顯然是不理想的一種方式，眼睛都看花了。
說了這么多，最后引用硅谷知名用戶體驗(yàn)設(shè)計(jì)師Michal Levin的書交互：”任何好的設(shè)計(jì)都是通過在正確的時(shí)間正確的地方提供給用戶滿足當(dāng)下的最好體驗(yàn)！”
雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。
