2014-2-3 藍藍設計的小編
發貼：藍藍設計( www.73404.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
原文：333cn.com
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
時光飛逝，轉眼到了2014年，那么在2014年界面設計將會有怎樣的發展與變革呢？我試圖預測一下。交互/界面設計伴隨移動互聯網一直保持著告訴的發展，每一年，都有新的東西出現，真令人振奮。
上一代iPhone的硬件，色彩選擇非常審慎，依然遵循iPhone傳統的黑白。而去年5C的發布，宣告了蘋果的一種新選擇，他們在iPhone采用了類似iPod一般的鮮活色彩，這在iPhone設備配色上，可不常見。
經驗設備的色彩豐富了，那這對于應用設計又有什么影響呢？迄今為止，還沒有設計師針對5C的不同顏色，為一款應用設計不同的主題。過去只有黑白，現在一下有了綠、藍、黃、紅，設計師完全可以針對不同的配色，設計出不同的應用色彩主題，這是個很好的切入點，能夠為用戶打造出無縫式的用戶體驗。
偉大的設計是隱形的，蘋果在iOS及其體系中，一直努力的打造一種“無形的、但是又不可缺少、日常使用的”用戶體驗，第三方應用打造的用戶體驗往往卻不是這樣，第三方應用總是需要用戶一直與其交互，而毫無疑問，無形的用戶體驗是一種趨勢。第三方應用也同樣應該遵循這一理念。
在Dribbble上，我們很少可以看到多彩的界面設計，往往是黑白主導。但是各位不妨想想，一些具有購買力，買的起5S的用戶，卻買了5C，這是為什么？因為他們追求那種鮮活的色彩感與年輕化的時尚感。如果你手持一款騷藍的5C，里面的界面設計卻是枯燥的黑白色調，你還會感到有趣嗎？
應用主題化能夠讓應用更好的適合iPhone這個微生態系統，達成更貼心的用戶體驗。而目前，卻很少有人注意到這一點。
兩個在這方面做得還不錯的應用是Fantastical和Tweetbot 3.0。很多應用注意到了為Retina屏而升級，這種根據硬件而升級界面的理念還不錯，但是卻鮮有應用為了適配設備色彩而升級。而且Fantastical和Tweetbot 3.0只有兩種配色方案：深色和淺色。
今年希望能夠看到變化，希望能看到設計師的作品越來越多彩，能夠根據硬件設備的配色來調整應用界面的配色，從而達到更適配、更靈活的用戶體驗。
2.色彩將凸顯其功能性
隨著界面設計的發展，整體的設計風格正在向極簡的方向前進。越來越要求設計基礎，這時候，色彩站出來了。
在設計中，色彩的心理學作用經常被提及，但是鮮有設計師去認真研究這玩意兒。好看是他們對色彩的唯一要求。然而，我們每天都需要接觸應用，應用的色彩毫無疑問的會對我們的體驗造成影響。
USA Today的重設計令人驚艷。色彩承載更多的功能，不同的色彩代表不同的新聞種類，提高報紙的可讀性，減少用戶的認知負載。
紙媒已經開始行動，界面設計同樣需要形同。當我們邁過擬物設計年代，不再沉溺于元素的寫實化時，我們必須把目光轉移到色彩上面去。極簡設計缺乏具體的實物聯系，在隱喻上也不及擬物設計，但是我們可以通過色彩，來提高界面的可用性與用戶操作效率。Mailbox和Shake在這方面做得就很棒。（上圖Mailbox)
Mailbox利用顏色來暗示郵件的狀態。歸檔是綠色，刪除是紅三色，添加提醒是黃色，棕色是制定列表。而紅、綠、藍這三種顏色的使用非常符合人們的日常認知——紅綠燈。
而Elevatr采用了另外一種方式，Elevatr是一款效率應用，能夠幫助你規劃工作，提出理念和目標，以便日常提醒。在Elevatr中有5中不同的顏色。從淡藍色到橙色，非常簡單，而且步驟很明晰，從理念到市場推廣到產品到商業模式再到執行，面面俱到。(下圖Elvatr)
隨著界面的不斷簡化，色彩將承載一部分功能性，讓用戶更有效率的工作。
3.應用的深度與層次
隨著iOS7的變革——視覺上的扁平化暫且不談——引發了一種層次感的變革，第三方應用應該遵循這一點。
屏幕往往是平面的，這其中的界面往往很難體現層級感。但是通過一些小技巧、小暗示，可以打造出層次感。
4.視差
很多人認為這只不過是小花招，不過我認為視差效果很不錯，為界面添加了更多的可能性和趣味性。
第三條是給界面添加一種視覺層級感，而視差卻能為這些層級添加新式交互方式。倘若兩者結合，真是潛力無窮
Hatch為什么精品？除了有神級設計師David Lanham的鼎立相助，層級效果+視差效果的雙重配合打造了一種的沉浸式用戶體驗。
游戲App Store要12元，但是很值，各位不妨下載下來研究一下David Lanham的設計，和整體的效果。
網頁設計的案例是Medium，在一些文章中會有圖像，當你滾動時，圖像會變得越來越模糊，
已經到了2014，很多網頁都采用了視差滾動效果，但是移動UI中并不常見。充分發掘你的想象與潛力，嘗試一下。
最明顯的例子便是iOS的主屏幕，除了上下左右的“X-Y軸變化”，還提供了一種偽3D的感覺，通過動效，讓打開文件夾和應用的感覺像是“Z軸移動”
如果你仔細觀察主屏幕，你會發現，3個層面是可以Z軸移動的，壁紙界面、文件夾和應用。
這只是3D層級的一個小小應用，還有更多的可能性有待探索，至今我尚未看到有應用利用這一特性，但是我估計，這是個很好的挖掘點。
5.模糊，更多的模糊
無需過多解釋，越來越多的界面設計采用了模糊背景。這是一種符合邏輯且體驗自然的設計解決方案，能夠保持界面簡約，同時保持元素的層級感，應該也是iOS7的初衷吧。
Rdio在這方面比iOS7先行一步。漂亮的專輯封面模糊為背景，顯示播放列表，既能體現美學造詣，又能體現實際功能感。
很多設計師只是為了模糊而模糊，卻沒有考慮到模糊對于層級感塑造的重要性，這一點值得注意。
隨著CSS3的深入學習，相信模糊效果會更容易打造。
6.導航系統的進一步實驗
Navicon式導航
側拉菜單導航？頂部固定導航？Navicon導航？
iOS7對于界面設計的沖擊可不止是扁平化，想想上文提到的層級感、模糊效果、視差，這些都可以作為導航的輔助手段。未來的趨勢是沒有導航，自然交互。諸君可盡情思考，如何利用界面效果更自然的引導用戶，而不是利用文本、標簽、圖標來導航。
7.動效/轉換效果的進一步發展
除了干凈、簡約，界面還需要能夠流暢運轉，切換自然。
推薦個在這方面做得不錯的應用：Metrics應用，Squarespace出品，非常的簡約，而轉換效果異常的流暢。
很難用語言去描述，各位不妨下載一下，觀察一下。這種效果能帶來愉悅的用戶體驗。
而CSS3在這方面也功能強大，網頁設計中的動效相信會越來越多。
8.注重細節
小細節關乎成敗，交互設計的小細節會產生蝴蝶效應，影響用戶的使用體驗。用戶的品味越來越高了，界面不但要好看、能用，而且還要有效、有趣、有意思。
比方說Medium這個網站，你可能會忽略一個小細節，在文章標題的后面，會給出文章閱讀所需大致時間，比方說“4分鐘閱讀”，正是眾多這樣的小細節，打造了Medium的完美閱讀體驗。
還有一個是iA.net。在閱讀他們的博客時，滑動欄會彈出氣泡，提示閱讀完本文還需多少時間。
iA和Medium做的都是小細節，但是對于閱讀體驗來說，真的是大優化。如果你時間不夠充裕，你又不知道讀完本文需要多久時，這些小細節就很有用。
閱讀細節只不過是眾多細節的一類，如果你能更多的思考用戶需求，更細膩的觀察界面設計的目的，你會找到很多可以添加的小細節。更細膩的體驗，由你來創造。
9.Snapchat引領的嶄新內容模式——閱后即焚
