鄭州UI培訓教你網頁設計新趨勢
來源:
奇酷教育 發表于:
告別2018喜迎2019,新的一年新的開始,鄭州UI培訓教你網頁設計新趨勢,讓你在UI設計走在最前沿的設計風格。下面就和奇酷教育一起來看看
告別2018喜迎2019,新的一年新的開始,
鄭州UI培訓教你網頁設計新趨勢,讓你在UI設計走在最前沿的設計風格。下面就和
奇酷教育一起來看看吧。
1.極簡主義/MUJI風格(性冷淡風格)
極簡主義這種風格已經流行了很多年,追求Less is more的理念,設計上追求極簡和留白,拒絕奢華,減少視覺上的干擾,讓用戶得以聚焦內容本身;這一理念深深影響著設計行業的各個領域,尤其是在家居和服飾等流域,這種設計給人帶來一種舒適、簡單的生活感受;
扁平化設計也受到極簡主義的影響,去除冗余、厚重和繁雜的裝飾效果,倡導簡單、清晰、空間、留白等,突出核心的設計元素一直是扁平化的設計核心,已經流行多年,相信大家都很熟悉了,就不多贅述了,這種設計風格在2019勢必依舊會流行。
3.大標題+大圓角+去線化+留白+投影
大圓角的使用在
UI設計中也十分常見,人的大腦對圓形和圓角矩形接受程度比直角矩形高,所以圓角的使用對用戶來說更加友好,內容也更容易聚焦;例如這次微信7.0更新,也將頭像的直角改為了圓角;
弱化分割線或去掉分割線的使用,用大間距留白效果來構筑空間,打造出清新自然的界面;另外加大文字大小和色彩的對比,帶來優雅舒適的界面閱讀體驗,這也是未來UI設計的趨勢;但是去掉線條不代表沒有邊界,交互上要注意點擊狀態下(Pressed)點擊區域的可視性,這一點比較容易被忽視;
另外,去年卡片加投影的設計手法十分常見,這種手法能夠清晰的體現出層級關系,能給設計增加深度,但是在開發過程中,投影的實現開發成本高、效果不理想,建議酌情使用;
4.icon的細節刻畫
icon的種類有:線性icon、面性icon、填充icon、扁平icon、軸測icon(2.5D icon)、擬物icon、微擬物icon、實物icon等;主要應用于導航欄、標簽欄、金剛區、宮格導航、列表導航等位置;
和以往單調的在面性icon上做顏色漸變等效果不同的是,去年在icon的設計中對細節的刻畫會越來越注重,比如用色彩的搭配和明暗對比來表現icon的層次、顏色的透明度疊加效果等;再比如微擬物icon,通過模擬真實物體的質感、細節、光亮等表現手法,icon的識別度會變得更高,再結合明亮的配色,icon會變得更加真實;實物icon則是在生鮮類電商中運用的比較多,除了識別性最高之外,也可以直觀地傳達出商品的新鮮度;
5.插畫風格
去年最火的風格當屬插畫無疑了,廣泛應用于App中的啟動頁、缺省頁、banner圖、專題頭圖、彈窗插畫、icon等,插畫配色豐富,比圖片更容易出效果,運用時要和App的整體風格搭配;有趣味、富有創意的插畫會讓用戶對產品的好感大幅提升;
插畫的種類很多,去年最流行的還屬手繪插畫、扁平插畫、漸變插畫、肌理插畫、2.5D插畫;從事UI和視覺設計的小伙伴有必要多掌握一門技藝了,相信插畫風格在2019年依舊還會十分流行;
6.色彩漸變
漸變色的使用已經流行兩年有余,在2019年依舊是大熱的趨勢,和MUJI風完全不同的是,漸變色風格色調使用上有冷暖色調漸變、同色系漸變、大膽的多色漸變等,風格多樣、顏色豐富明快,在電商設計中使用這種手法比較能突出節日的熱鬧氛圍,刺激用戶的購買欲;另外流體漸變的設計手法也十分流行,常作為設計點綴配合使用,在電商設計中十分常見。
7.漸變色新趨勢: 柔和漸變
得益于全面屏手機的發展,追求無邊界設計理念,柔和漸變風格主張讓色彩自然延伸,打破邊界限制,用顏色牽引視覺走向,更加輕量化,讓心靈獲得一份純粹。
8.年輕、大膽的配色
去年視覺設計上的用色開始變得越來越大膽了,高明度、高飽和度配色的使用越來越多,更加年輕化、時尚、更有視覺沖擊力的配色,對年輕人來說接受度也比較高。
9.字體效果處理
字體錯層手法,這種手法常見于banner中的字體處理上,將設計好的字體使用蒙版和漸變處理,看起來像是字與字之間形成了投影;同樣也可以在字的筆畫上進行處理,這種手法加強了層級關系和層次感,主題變得更加突出。
10.故障風
源于抖音的火熱,故障風在今年也十分流行,錯位、失真、變形是這一風格的特色,另外還給人的感覺就是時尚、年輕、酷,有的還搭配有霓虹等元素,配以動效的話更能出效果,十分符合當下年輕人的審美,在海報設計和電商設計中用的比較多。
12.C4D風格
今年C4D的流行度相信大家都已經有所感受,其在視覺設計方面的使用相當廣泛,無論是線上線下的活動海報、還是品牌營銷和宣傳等方面,都能看見這一風格,商業化設計中運用十分廣泛。
13.多使用線條
點、線、面是平面視覺設計的基本元素,也是永遠不會過時的設計元素;去年在視覺設計中經常可以看見線條的使用,整體給人的感受是動感、現代、時尚,線條的走向引導著視覺的走向。
14.動效設計/微交互
動效設計的重要性不言而喻,每一年都很流行,使用也很廣泛,在App、網頁、插畫或是品牌設計中都比較常見,它的幾點特性:快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺效果,好的動效會給產品加分。
15.響應式設計/柵格化設計
響應式設計一直是產品追求的、最好的體驗設計,但是奈何人力、技術成本等因素限制,很多產品都沒有花費大的精力去做;
要做好響應式設計,必須要結合柵格化設計,柵格化可以讓你的設計變得有依據,同時也能提升工作效率。