矽谷設計師看蘋果交互設計趨勢:如何適應大屏?

雷鋒網 於 25/09/2014 發表 收藏文章

本文作者Jiaxin Yu,畢業於清華美院和紐約的普瑞特設計學院交互設計方向,曾實習於紐約多家設計公司,並在今年夏天在蘋果總部做用戶設計師實習,目前Jiaxin在矽谷亞馬遜子公司A9.com擔任用戶體驗師及產品設計師。聯繫方式:yujiaxin305@gmail.com

今年夏天,我在美國矽谷Cupertino的蘋果總部度過了難忘的3個月,主要負責蘋果網站的用戶體驗設計和用戶交互設計, 藉此機會分享一下我對於蘋果當前設計趨勢的理解。

扁平化而又不缺乏支撐感扁平化設計(Flat UI)從2000年開始就已經悄悄開始影響互聯網產品,最先引起人們注意的是2005年前後微軟公司提出的Metro design philosophy,旨在通過增加排版設計弱化圖形設計來簡化用戶交互界面,隨後被廣泛應用在Xbox系列,Windows 8, [ url=http://www.leiphone.com/tag/Windows Phone]Windows Phone[/url]等設計中。而在過去幾年谷歌公司也逐漸將自己的產品扁平化。

終於,從去年夏天iOS7開始,蘋果開始通過重新設計扁平化所有產品,這其中也包括我這個夏天正在參與的蘋果網站的扁平化進程。

三大互聯網巨頭都毫不猶豫的進行了大範圍的產品扁平化改版,主要原因是通過減少不必要的陰影、圖案、紋理結構和梯度感的影響,從而使得交互界面體驗變得更輕。

而與此同時,要想做好扁平化設計,必須要在背景設計上巧妙構思,提供很好的支撐。比如蘋果的官方網站,通過背景色塊兒微妙的變化以及字體的對比,提供了非常清晰的支撐結構。比如蘋果官方網站這個導航菜單的設計,主導航欄和子導航欄之間,導航欄和內容之間分別以背景色塊區分,從而明確了層級並增強了支撐感。

大而不失節奏如果對比蘋果網頁的界面,iPhone6​​延續了iPhone5s的風格,圖片變大了,用了更細的字體(扁平化),字號也更大了,這和現在互聯網信息流圖片化趨勢,視覺上引起張力的表現。

然而隨之也帶來問題,主要是大圖帶來的擁擠感和雜亂無章。蘋果在這方面設計時特別強調節奏感,我們可以從下面的小例子中看到通過手機的傾斜角度位置以及文字和圖片的分欄設計,使得圖片和描述文字並不顯得擁擠雜亂。


新款iPhone,細微處有新的體驗新版iPhone雖然屏幕大了,但長寬比例並沒有調整,這對於設計師來說是天大的好事,大大降低了響應式設計( responsive design)的難度,除此之外,新版iPhone在細微處也有一些有意思的新的用戶體驗設計。

比如在iPhone 6 Plus大屏的用戶界面設計上,提供了橫版顯示新的交互界面,充分利用了用戶的視野,這也為大屏幕的交互體驗增加了更大的拓展空間,例如例子中短信欄在橫版中增加顯示了發件人頭像。

同時為了增大大屏手機單手觸摸的範圍,iPhone 6 Plus提供了快速切換屏幕位置方便觸摸上方屏幕的用戶體驗,為大屏手機增分不少。


還有就是Health Kit在新版iOS上的呈現,使得未來iOS設計師在Infographics上的設計能力更加的重要了,圖形解說大數據將成為未來蘋果設計師的新的創新點。

也談手錶的交互設計大家都在討論Apple Watch能否能和iPod一樣成功,我覺得可穿戴設備成功的關鍵在於是否能夠給予用戶手機不能提供的全新的交互體驗,這也是可穿戴設計讓人們感到興奮得地方。

Apple Watch最讓我感到興奮的時心跳和指尖傳情的功能,這一點很有Yo的風格,這種全新的體驗拉近了手錶和人的交互,也增加了手錶病毒傳播的能力。也有人開玩笑說蘋果手錶的這項功能是為了中國人開發的,原因顯而易見。我們中文博大精深,一屏一漢字,比掏出手機發送短信方便很多,這種全新的信息傳遞方式正是由手錶屏幕新的交互方式引發而出現的。


同時我也不得不吐槽一下Apple Watch做的不好的一點,就是沿用了iOS對於照片瀏覽的功能和界面,把iOS圖片縮略圖直接搬到手錶上顯然是不理想的一種方式,眼睛都看花了。


說了這麼多,最後引用矽谷知名用戶體驗設計師Michal Levin的書交互:”任何好的設計都是通過在正確的時間正確的地方提供給用戶滿足當下的最好體驗!”


資料來源:雷鋒網
編輯:王星

留言


請按此登錄後留言。未成為會員? 立即註冊
    快捷鍵:←
    快捷鍵:→