你的設計看上去Too old Too out了嗎?其實每隔一段時間設計行業都會涌現一些新的趨勢和新的元素,盡管你可能叫不出它的名字,但你會慢慢開始接受這些新變化,并且逐步應用到我們的產品中。
/模糊背景
模糊背景和iOS毛玻璃效果非常的相似,也符合時下流行的扁平化和現代風的設計,設計效果十分的賞心悅目,可以很好的和幽靈按鈕以及時下流行的元素搭配起來,提升用戶體驗。
我們以淘寶電影為例,采用的是虛化該電影海報作為背景,這樣的話每一個頁面的頭部效果都不一樣,視覺效果更佳,也更個性。
/大字體
隨著手機屏幕越來越大,各APP的字體也越來越大,大字體在移動端上呈現,會賦予界面以層次,提高特定元素的視覺重量,給用戶眼前一亮的感覺。
而且現在的界面設計趨勢更有雜志風的方向,大字體,模塊化,用圖片替代色塊作為背景。
其次字體夠大,夠優雅,夠獨特,同時也能提升頁面的氣質和特色,不一定滿足功能,但是足夠好看,這對很多app提升用戶粘性也是一個不錯的新方向。.
以蘑菇街為例子,文章詳情頁原來的標題和正文字體分別是36px和28px,改動后的大小分別是56px和34px,整體頁面的信息密度雖然降低了,但是字體變大使得用戶的閱讀效率有所提高。
/用空間來間隔
之前設計師們習慣通過線條和分隔符來進行劃分內容區塊,擁擠且不整齊。而通過空白空間來劃分區塊能,讓界面更加通透、干凈。
通過空間間隔來劃分區塊是一種非干擾性的設計,使得用戶專注于功能,而且擁有更加清晰的層級劃分和更優的易用性,更匹配時下流行的風格和設計的需求。
例如Pinterest,在最新的一次改版中直接把卡片的背景去掉了,這個做法非常大膽,但是效果非常好,整體圖片內容更加清晰、通透。
同樣還是uni,一般我們會設置背景為灰色,來區分不同模塊,這樣可以更突出內容。新的設計直接把灰色背景去掉,同時加強了模塊的標題,通過間距來劃分模塊,整體更加統一,簡潔,界面的整體感也隨之變強。
/微交互
圍繞特定的用例,通過微妙細小的動效或者交互強化它的視覺效果,通常能達到意想不到的效果,同時還能讓用戶感受到設計者的用心。
這些微交互能夠作為信號提示,來提醒用戶動作和任務的完成,簡單而且自然,有的有趣的效果還會引發用戶多次觀看。
即刻點擊其中一條沒有鏈接的內容,如果沒有跳轉,該條內容會左右晃動,頂部會出現提示的文案條,給人的感覺非常自然;豆瓣查看大圖,按住圖片移動的時候會顯示背景,可以任意滑動,松開的時候就返回到小圖模式,交互感非常強;Uber點擊查看司機信息的時候,地點信息會隱藏,司機照片和汽車信息會分開展示,查看完又會收起來,界面使用效率很高。
動圖
/雙色調
扁平化設計占據主流的時候,漸變的設計手法就很少出現了,但是看最近的一些作品,發現漸變色被設計師們重新啟用了,漸變色設計有很多好處,設計師們可以調節過度使用的圖像和元素,為畫面添加有趣的元素。
其次就是雙色調的使用,雙色漸變是漸變設計中很重要的組成部分,它比同類色漸變的視覺效果更多突出,可以讓頁面層次感更豐富,突出頁面更加重要、關鍵的元素。
/圖文結合
現在隨意打開一個App,只要涉及到圖片排版,設計師們都更喜歡用圖文結合來呈現,簡單,節省空間,文字和圖片配合相得益彰,文字的疊加填補了圖片在畫面層次上的空白,同時也讓界面更豐富。
/為空頁面趣味化
近些年,為空頁面的設計越來越受到設計師的重視,它變的更富趣味性,色彩也更加豐富了。我們可以看到,設計師們正在想辦法,盡可能的讓App的每一個維度都變的更有趣。
像蘑菇街產品,把原來以圖標形式為主的空白頁面調整成趣味性的插畫,這樣頁面即使在沒有內容的情況下也是飽滿的,對用戶來說也更加友好。
/彩色投影的流行
自從Google的發起的長投影慢慢從人們的視野中淡出后,近期又興起了一種新的投影方式—彩色投影,投影的顏色會隨著整體背景的色系而改變,這樣的好處是可以把投影融進整體的畫面中,同時也可以讓界面更突出和飽滿。
設計的流行趨勢總是在變化輪回, 扁平化潮流的興起,表達質感擬物的元素退出歷史舞臺,如今代表空間感的彩色投影又回來了,它和扁平設計的相結合,在視覺上給人帶來一種別開生面的感覺。
還是uni頭條頁面,通過把輪播banner做成投影的樣式,背景用品牌色,把用戶的注意力更加的集中在頭部,投影和品牌色的結合讓對比更加強烈,也更適合于突出重點內容。
趨勢的展開往往都是從大開公司開始,頂級互聯網公司的產品擁有龐大的用戶群,這樣更容易向用戶普及和推廣,從而推動整個行業的推陳出新。
趨勢的變化很快,今年所流行的可能明年就已經消退了,但是趨勢的大方向是相對穩定的。
云和教育作為云和數據旗下高端泛IT職業教育品牌,開設有UI總監班、PHP高薪班、JAVA大數據班、HTML5專家班、Unity虛擬現實大師班五大精品課程。
課程設置緊跟時代“前端”發展和“后端”需要。采用小班教學,金牌講師面授輔導,采用沉浸式的教學模式,8+2的學習模式,學員畢業即擁有1-2年工作經驗,貼近企業需求,保證高薪就業!