移動介面設計趨勢分析

發表於2016-08-12

設計趨勢按種類來分,其實可以分為那麼四種

1、Fad流行:短期出現6個月到1年左右,然後又消失

2、Trend趨勢:持續2到4年左右

3、Maga Trend大趨勢:持續20年左右

4、Culture文化:跨越時間和時代,具有連續性且持續下去

2016081201

而圖形介面設計通常會包含這麼八個元素

2016081202

不論是在手機螢幕上,瀏覽器上,還是智慧手錶的螢幕上,設計都是促使產品和使用者互動的最重要的驅動力之一。

2016081203
產品和趨勢正在從“形式追隨功能”轉向“形式追隨情感”已滿足人們情感與精神層面的需求,並且這已經成為巨大部分產品的重要功能。

2016081204

因此,我們在此總結了以下的設計趨勢

[  更輕量化的設計  ]

What     

相比於使用大量漸變和陰影堆砌細節的擬物化設計,扁平化設計在美感、程式設計以及流行趨勢上,有著更為明顯的優勢。扁平化的設計對於負空間的運用有著更高的要求,不再對漸變和陰影有太多依賴,用簡約的介面,專注於核心的資訊,將流程中無法提高使用者操作效率的設計元素移除。

Why

輕量級的設計可以避免使用者分心,引導使用者專注於螢幕上更有意義更重要的內容,導航也因此更容易,時尚、現代、簡約的美學也更符合目前品牌設計的訴求。

2016081205

[  單一字型貫穿設計  ]

What     

降低單屏的字型型別的數量,從而強化排版的設計感和美感。不同的字型擁有不同的氣質,帶來不同的感受,字型大小和疏密的排列則能更好的區分內容的親疏關係。

Why

通過橫貫整個設計的單一字型來擁抱一致性設計,並不是只有品牌設計會做的事情,應用程式、桌面和手機網站都可以通過這樣的優化統一多平臺的體驗。另外,單一字型也能讓介面更加簡單易用,提升內容識別度。

2016081206

[  高亮的資料  ]

What

使用者更偏愛簡單的介面,大號的字型和醒目的色彩,希望特定的資料在最重要的位置顯示出來,而這些被高亮處理的資料會隨著使用者的狀態變化而靈活地變化。

Why

通過增加字型尺寸和顯眼的色彩來將使用者的注意力轉到特定的區域,這種方式更加潛移默化,不顯突兀。在這樣的設計之下,使用者會更快地接受資訊和資料,更高效地導航。

2016081207

[  微互動  ]

What     

圍繞特定的用例,通過微妙細小的動效或者互動強化它的視覺效果。通常當你完成某個過程的時候,比如收藏某個條目、彈出提示框,這個時候微妙的動畫會強化這些動作,將這些控制元件同其他的元素區分開來。

Why

這些微互動能夠作為訊號提示,來提醒使用者動作和任務的完成,它們更簡單、更有趣也更加吸引人。微互動通過微妙的細節和動效賦予介面更強大的生命力。

2016081208

[  簡約配色  ]

What     

扁平風在2013年開始大規模流行,令簡約設計風成為了大勢所趨。為了更為契合簡約的設計理念,設計師和使用者都逐漸開始喜歡用更少的色彩來完成設計。

Why

色彩的運用是營造情緒、吸引使用者吸引力、構建品牌意識必不可少的組成部分。更少的色彩能讓品牌形象更加突出,色彩的減少意味著凝聚性的提升,使用者更容易買賬,因為它不容易讓人分心,突出主要功能和內容。

2016081208

[  分層的介面  ]

What     

擬物化的設計在幾年前佔據著設計領域的主流,隨後扁平化設計的革命將擬物化打入冷宮。可是隨著時間的推移,層級更多、細節更豐富的扁平化2.0出現了,分層的扁平化介面讓二維化的扁平風擁有了深度和更多維度,為使用者帶來一種更為“真實”的體驗。

Why

早期的扁平化設計存在“過於扁平”的風險,而扁平化2.0的出現,讓扁平化的設計擁有了層級,以Material Design為代表的這類設計風格,通過陰影和分層顯示,讓介面步入3D,讓不同的層有了對應的Z軸座標。不同的元件之間的相互關係開始越來越清晰了。

2016081210

[  動效  ]

What     

隨著技術的發展,現在開發人員可以藉助樣式表來充分控制動畫效果。基於動效的設計包含不同的形式,過渡效果、動畫、甚至是有深度和紋理的3D效果。動效的存在有助於使用者理解內容,熟悉介面,讓更重要的部分被動效呈現出來。

Why

動效會吸引使用者的注意力,而不會被分散。通過視覺上的變化,提高使用者的參與感,並且取悅使用者。

2016081211

20160812112

[  微漸變光影  ]

What

色彩是最能引起心境共鳴和情緒認知的元素,三原色能調配出非常豐富的色彩,色彩搭配更是千變萬化。設計配色時,我們可以摒棄一些傳統的預設樣式,瞭解設計背後的需求目的,思考色彩對頁面場景表現、情感傳達等作用,從而有依據、有條理、有方法地構建色彩搭配方案。

Why

在扁平基礎上增添的漸變光影越來越成為一種主流趨勢,無論是體現介面的層次,或圖示的質感都可以使用這類元素。

在運營活動中也可加入大塊背景,以及文字的變化,使畫面變得豐富更吸引使用者。

2016081213

相關文章