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