2017年移動設備界面設計有哪些趨勢?

01-29

馬上2016年末了，想知道明年ui有什麼趨勢。

現如今，國內外的界面設計越來越受到歡迎跟重視，很多交互設計師也在不斷地充實自己的設計技巧，揣測接下來移動設備的走勢與設計方法。下面將結合國內外當前用戶界面設計的信息，簡要分析用戶界面設計的風格趨勢。

極簡化設計

極簡主義，在UI設計領域中已經被廣泛應用。很多國外優秀設計網站或APP，都會以功能性為前提，提倡極簡化設計。因此他們的設計風格比較簡潔、清晰，不會有過多的額外信息。

圖片來源：https://www.pinterest.co.uk/pin/199213983499506187/

比如unsplash網站的界面設計，功能鍵不是很多，上方為搜索欄，下方為圖片分類，呈現方式整齊乾淨。由於是照片分享平台，頁面中沒有過多的文字或者廣告。如果想要下載照片，網站會尊重原創，直接生成拍攝者信息與resource來源。

圖片來源：https://unsplash.com/

Instagram的這一款app，也從一開始較為具象的形態，逐步演變成為簡化、扁平化的設計。

當前，國內很多APP界面設計還處於「複雜化」的狀態，且很多APP未能充分考慮產品功能特點與整體風格，不加思考的復刻別人的成熟產品，導致風格千篇一律。

下面三款APP就屬於「複雜」的設計，其整體界面排版比較相似，功能鍵顏色類似，額外信息也比較多。同時，這樣的界面設計中，很多按鈕、功能的使用率比較低。

因此，UI設計在未來的一段時間裡仍會持續向極簡化、扁平化方向發展。

動態視覺吸引

眾所周知，UI不僅僅局限於固定的界面，目前很多UI設計已經開始通過動態的形式來吸引用戶。從下圖的數據中，我們不難看出，video的範圍比重呈現越來越大的趨勢。

圖片來源：http://inspirationfeed.com/articles/design-articles/top-5-user-interface-design-trends-in-2017/

目前已經有部分網頁、APP開始採用Animations、video的方法。從界面設計的未來趨勢來看，視頻或者動態的表現形式會越來越受到重視。因為動態形式的內容，往往比靜態的產品更加生動，從而生成更加直觀的視覺反饋。這種設計形態能夠更好地吸引用戶，並且能達到指引、表現產品的效果。

圖片來源：App Intro Tutorial [GIF]

比如當前非常流行的共享單車APP，在初次下載使用時會播放一段video，video中展示了不同車型的視頻，通過動態視覺的形式吸引用戶，讓初始用戶第一時間掌握不同類型的產品信息。

圖片來源：http://www.pconline.com.cn/autotech/963/9633564.html

不過目前國內很多APP的視頻質量與表現形式還有很大提升空間，在未來不斷發展的過程中，動態表現的整體水平將會越來越專業化，視覺效果越來越美觀。

專業化配色

用戶界面美觀與否，很大程度上由配色決定。界面設計中視覺效果好、令人感到舒適的配色，能夠極大地優化視覺體驗。

圖片來源：https://www.pinterest.co.uk/pin/502010689695222606/

圖片來源：https://www.pinterest.co.uk/pin/264797653070166441/

一個優秀的APP界面設計，需要洞悉不同的色彩搭配方案，而不是採用千篇一律的顏色設置。顏色搭配適當，才能產生一定的視覺衝擊，從而為用戶帶來更好的視覺體驗。

圖片來源：https://www.pinterest.co.uk/pin/35043703334137528/

圖片來源：https://www.pinterest.co.uk/pin/363876844883998302/

圖片來源：APP

圖片來源： Made You Look

因此，APP界面設計的極簡趨勢還將維持一段時間，且動態形式將會受到越來越多的重視與推廣。大家在進行交互設計的過程中，可以對上述內容予以嘗試，並通過色彩搭配、Icon選擇等讓自己的設計更具視覺衝擊，以達到美觀性與功能性兼具，技術性與藝術性並存。

以上望有幫助，歡迎交流

———————————————————

歡迎關注我的個人官方微信（kang-shishi）

如有藝術留學、院校、專業、作品集方面的問題，可私信康石石諮詢

設計無處不在，

她在大部分人眼裡真的是一個逼格很高的東西，

當然，在小開眼裡也是。

小開翻譯了一篇外國文章，

講的就是2017的設計趨勢，

那麼就無私地奉獻給你吧。

用戶對產品的功能和體驗要求越來越高，產品設計也在以驚人的速度發生改變。

即便你不是一個趨勢追隨者，但意識和了解到行業的變化仍是極為重要的。

2017 已至，設計趨勢又將如何？

1、極簡主義

2017年，將繼續使用最少的布局，「complexion reduction」風格會被更為重視。
極簡主義的設計旨在通過清晰的視覺交流來解決用戶的問題，以此讓用戶更多的關注內容，而不是 UI。

簡單的用戶界面結合強大的可用性，會真正令用戶印象深刻。一個簡單易用的應用也能更好地進行傳播。

2、更多微交互

2016年網上經常能看到關於微交互的話題，它們將繼續成為2017年的趨勢。微交互，通常以微妙的動畫的形式，在用戶體驗設計中發揮重要作用，特別是在移動設備上。

微交互通過傳達狀態和變化，吸引用戶關注某些區域，並為完成的行動提供反饋，幫助創造難忘的體驗。

3、視頻才是王道

視覺被認為是所有人類感官中最強的。
圖像長期以來一直是用戶界面設計的主要元素，它的成功慢慢為其自然的繼承者 - 視頻，鋪平了道路。如果說一張圖片描繪了一千個字，那一個視頻則是圖片的十倍，因為它是動態的。

視頻能抓住用戶的眼球，並作為一種視覺敘事手段放大。當它用作主頁背景時，能從一開始就吸引住用戶。

4、豐富的顏色和戲劇性的排版

豐富的色調已經在用戶界面不斷增加，2017年充滿活力的色調將使界面更明亮。用戶將看到更多生動的色調，雙色調和粗體漸變UI。

類似於色彩的原創、排版等工具將愈加流行，它們能喚起用戶情緒並建立一個有個性的產品。
排版不只是為了閱讀，它還做陳述。使用排版你可以創造更引人注目的布局。

5、定製插圖

插圖因為比傳統圖像更個性化，會很快成為流行的替代品。
他們創造視覺語言，真正捕捉品牌或產品的個性。

插圖還給設計師更多的創作自由。

6、長滾動和視差技術

長滾動/無限滾動將成為網站的標準。這種技術能很好地將PC頁面轉化至移動端瀏覽（較小的屏幕意味著更多的滾動，適用於觸摸控制），有助於用戶在單個滑動中快速瀏覽大量內容而不中斷。

此外，我們將看到更多的網站使用視差滾動。視差技術允許前景和背景內容以不同的速度滾動，創建深度錯覺。
視差，如果做得很好，會有一種視覺衝擊 - 它拎出屏幕上的元素，並創建一個動態的3D效果。它允許設計師使用圖形元素有效地講故事。

7. Cards 依然重要

Cards 可以看成是關於單個主題的所有最相關的信息被組織成單個容器。

Cards 允許創建一個多功能的用戶界面，可以在從小到大的屏幕上使用。對於用戶來說，Cards 是直觀的，易於理解，無需解釋。

8、對話介面興起

chatbot 技術已經集成到消費者應用很長一段時間了，他們幫助執行和處理一般任務，減輕我們的負擔。

9、增強現實/虛擬現實（AR/VR）

除了對話介面不，AR 和 VR 也將是令人興奮的技術。因為這些技術可以為品牌提供全新的身臨其境的參與感。
同時，為虛擬世界設計UI也是一個全新的挑戰。

AR 和 VR 平台的出現將對現代交互和視覺設計產生巨大影響。手勢將被關注，從現實世界中具有相似意義的自然手勢將有助於在虛擬空間中翻譯動作。

2017年可能不會是虛擬現實「年」。但是，將決定哪些是應該和不應該為 VR 設計的一年。

10、原型設計

2017年，UX 和 UI 設計師之間的界線將繼續模糊，二者結合為更加一體化的設計過程。
比以往任何時候都更容易將想法帶入生活，原型設計將成為每個設計流程的一部分。新的原型設計工具將大大改善設計師的工作流程，使他們能夠花更多的時間思考最終用戶，而不用每次從頭開始。

設計師將專註於互動而不是布局。

--------------------

以上內容參考開源中國社區：

2017 最值得關注的十大 APP、Web 界面設計趨勢

另，最近開源中國旗下碼雲團隊招聘開始啦。

如果你是銷售精英，年薪點開下面鏈接看，小開怎麼會在知乎談錢【傲嬌臉】。

詳情打開：恆拓開源北京總部_職位搜索_智聯招聘

用電腦登知乎才發現被邀請了....我不搞IT也不搞設計還不認識題主所以是基於什麼大數據邀請我的呢？.....

我記得蘋果有句廣告語「The only thing that is changed is everything」，所以「很特別」是能最快吸引我們行外人眼光的一點吧。看各種科技廣告，最能打動人的還是這款設備體現的一種精神或情懷。

在看薦有篇文章提到：卡片就是個小型的信息容器

易於消化

卡片是一個非常棒的快速溝通的方式，把內容放在卡片里用戶非常容易消化。並且卡片直觀簡約的形式使用戶能夠快速找到自己的目標，並且很樂於與此產生互動。

視覺的愉悅性

卡片式界面設計非常依賴視覺，事實上，加大卡片中的圖片是很有利的，研究表明圖像能夠提升網站和應用程序的用戶體驗，因為圖片能夠快速的吸引用戶的眼球，所以在卡片式界面中加大圖片的部分更能吸引用戶。

大圖和清爽現代的字體設計

漸變色

無網格設計

卡片式設計