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