精致淡雅,“新”擬態(tài) -“新”開(kāi)端

2021-1-20    前端達(dá)人


原創(chuàng)藝仁 藍(lán)藍(lán)設(shè)計(jì) 2020-12-18



       藍(lán)藍(lán)設(shè)計(jì)一直關(guān)注著國(guó)際國(guó)內(nèi)創(chuàng)新設(shè)計(jì)趨勢(shì)和理念。權(quán)威設(shè)計(jì)平臺(tái)Behance上最近發(fā)布了2021年設(shè)計(jì)趨勢(shì),這次的設(shè)計(jì)趨勢(shì)包含了UI、平面、包裝等多個(gè)領(lǐng)域。

      其中,3D成為2021年的主要趨勢(shì),我們?cè)谒械脑O(shè)計(jì)類(lèi)型中都可以找到它。2021年3D的新穎之處在于應(yīng)用在了UI界面上,而在此之前,UI界面一直被平面設(shè)計(jì)所主導(dǎo)。即將發(fā)布的Mac新操作系統(tǒng)Apple Big Sur也讓3D在UI設(shè)計(jì)中得到更頻繁的使用。

1.jpg


2.jpg


3.jpg

      ios14的界面更新將影響所有的UI設(shè)計(jì)。ios14新推出的Widgets小工具分為大、中、小三種尺寸,用戶(hù)可以自由布置界面。因此設(shè)計(jì)師需要設(shè)計(jì)3種樣式的Widgets小工具圖標(biāo)。

4.jpg

5.jpg

       線(xiàn)稿填色這種插畫(huà)風(fēng)格的流行在2020年已經(jīng)初見(jiàn)端倪,在2021年也將繼續(xù)流行下去。

7.jpg

8.jpg

      近年來(lái)3D風(fēng)靡設(shè)計(jì)界,有一些精致的插畫(huà)給我們留下了深刻的印象。簡(jiǎn)約而配色鮮明的3D插畫(huà)將成為2021年插畫(huà)的流行風(fēng)格之一

9.jpg

       時(shí)尚是個(gè)圈,70、80年代懷舊風(fēng)漫畫(huà)將在2021年重回潮流。這種經(jīng)典風(fēng)格的插畫(huà)特點(diǎn)是使用輪廓、簡(jiǎn)單的形狀和一些細(xì)節(jié)填充。

10.jpg

       這種風(fēng)格的插畫(huà)非常像凌亂的涂鴉,乍看未完成,但所有的細(xì)節(jié)都是經(jīng)過(guò)深思熟慮的。重疊的形狀和強(qiáng)烈的色彩讓這些插畫(huà)與眾不同,同時(shí)能有效激發(fā)靈感。


11.jpg


12.jpg

13.jpg

       VFX或視覺(jué),是將現(xiàn)有的鏡頭與計(jì)算機(jī)生成的圖像相結(jié)合,創(chuàng)造出逼真的場(chǎng)景。隨著眾多方便友好的軟件出現(xiàn),VFX開(kāi)始在視頻和短片中會(huì)變得更加普及。

14.jpg

       3D影響了所有的設(shè)計(jì)領(lǐng)域,我們甚至可以說(shuō),2021年,它主導(dǎo)了幾乎所有的數(shù)字設(shè)計(jì)。隨著虛擬現(xiàn)實(shí)在越來(lái)越多的App、網(wǎng)站或軟件中的應(yīng)用,3D也將越來(lái)越重要。而設(shè)計(jì)師們可以將3D和攝影或2D結(jié)合起來(lái),創(chuàng)造出一種不同的設(shè)計(jì)效果。

15.jpg

       動(dòng)態(tài)logo已經(jīng)出現(xiàn)了好幾年了,但現(xiàn)在他們被更多的品牌使用,因此非常值得我們的注意。打開(kāi)App之后,我們首先看到的就是logo,將logo與動(dòng)效結(jié)合能給用戶(hù)留下深刻印象,從而更容易記住品牌。

16.jpg

       因?yàn)橐咔楦綦x,很多公司開(kāi)始投資AR技術(shù)。在未來(lái),我們可以看到,在人工智能和機(jī)器學(xué)習(xí)的幫助下,增強(qiáng)現(xiàn)實(shí)技術(shù)將大規(guī)模應(yīng)用于各個(gè)領(lǐng)域,無(wú)論是醫(yī)藥、藝術(shù)、商業(yè)、客戶(hù)服務(wù)還是導(dǎo)航。

17.jpg

18.jpg

       排版是設(shè)計(jì)中最重要的元素,有經(jīng)驗(yàn)的設(shè)計(jì)師甚至可以只使用文字排版來(lái)設(shè)計(jì)視覺(jué)標(biāo)識(shí)。排版對(duì)于建立信息、建立強(qiáng)大的視覺(jué)層級(jí)、傳遞信息以及為用戶(hù)創(chuàng)造良好的體驗(yàn)都很重要。

      大字體和粗體從設(shè)計(jì)之初就已經(jīng)存在了,不管采用什么樣的設(shè)計(jì)手法,醒目的大字而且將永遠(yuǎn)是設(shè)計(jì)中的一個(gè)熱門(mén)趨勢(shì)。

19.jpg

       從上世紀(jì)初開(kāi)始,幾何形狀就已經(jīng)用于視覺(jué)藝術(shù)中,盡管這不是一種新的設(shè)計(jì)趨勢(shì),但在2021年的平面設(shè)計(jì)中,無(wú)論是海報(bào)、印刷品、包裝還是品牌識(shí)別,都將聚焦于幾何形狀。

20.jpg 

       線(xiàn)條藝術(shù)充滿(mǎn)魅力,并可以在各種設(shè)計(jì)領(lǐng)域內(nèi)應(yīng)用。

21.jpg

22.jpg

       疫情讓人們對(duì)環(huán)境保護(hù)格外重視,因此包裝行業(yè)必須開(kāi)始采取措施,減少對(duì)環(huán)境的影響,使用可生物降解的材料。

23.jpg

       經(jīng)過(guò)深思熟慮后設(shè)計(jì)的獨(dú)特插畫(huà)可以為你的品牌故事產(chǎn)生廣泛影響。因此你必須謹(jǐn)慎地選擇能夠傳達(dá)你的品牌故事的插畫(huà)。它們必須是有意義,并給品牌帶來(lái)一致性的。

24.jpg


25.jpg

       在銷(xiāo)售產(chǎn)品時(shí),用優(yōu)質(zhì)的包裝設(shè)計(jì)講述有關(guān)品牌的迷人故事,能有效激發(fā)出購(gòu)買(mǎi)欲。包裝上的所有元素都應(yīng)該為客戶(hù)帶來(lái)獨(dú)特的體驗(yàn)。

26.jpg

       在人人都離不開(kāi)手機(jī)的時(shí)代,包裝也可以和手機(jī)產(chǎn)生互動(dòng),比如使用AR等手段創(chuàng)造品牌知名度。


27.jpg


28.jpg

       權(quán)威色彩機(jī)構(gòu) Pantone 公布了2021年度雙流行色:灰+亮麗黃。

       這是繼2016年水晶粉+寧?kù)o藍(lán)之后,第二次推出組合年度色,寓意光明,傳遞力量與希望?;?亮麗黃這兩個(gè)獨(dú)立的色彩,聯(lián)手打造出夢(mèng)寐以求的色彩組合,像是自然風(fēng)化的巖石上浮起的日出,帶來(lái)了一種更深層的體貼和踏實(shí)感,同時(shí)也表現(xiàn)了對(duì)未來(lái)充滿(mǎn)希望的樂(lè)觀精神。

       這正是經(jīng)歷過(guò)艱難的2020年后,世界所需要的。
29.jpg

       當(dāng)人們期望尋求能量來(lái)強(qiáng)化自己,克服持續(xù)的不確定感時(shí),堅(jiān)實(shí)可靠而又熱情洋溢的色調(diào),恰好能夠滿(mǎn)足我們對(duì)生命力的追求。

       在過(guò)去幾年里,潘通的選擇充滿(mǎn)了社會(huì)意義,被看作是對(duì)全球情緒的捕捉。

       而在經(jīng)歷了記憶中最黯淡的一年之后,2021年的組合色旨在以堅(jiān)韌的精神基底傳遞積極和幸福即將到來(lái)的訊息,給人們帶來(lái)希望,讓人感到一切都將變得更加光明。

30.jpg

       目前,已有相關(guān)設(shè)計(jì)產(chǎn)品使用了潘通2021流行色:

31.jpg

32.png

       本文藍(lán)藍(lán)設(shè)計(jì)著重介紹一個(gè)未來(lái)可以配合3D設(shè)計(jì)趨勢(shì)的全新設(shè)計(jì)風(fēng)格-新擬態(tài)設(shè)計(jì)。

33.png

       光是人眼感知世界的媒介,溫和柔美的光影變化輔以精致優(yōu)雅的配色紋理展現(xiàn)出真實(shí)世界原本物體的豐富質(zhì)感。光影的把控影響著事物的情感表達(dá),光影的流轉(zhuǎn)變化傳遞出不同的情緒,同時(shí)也影響人對(duì)事物空間感的判斷。

34.png

       新擬態(tài)是一種圖形樣式,其原理是通過(guò)簡(jiǎn)單富有層次的光影變化為界面的UI元素賦予真實(shí)感。新擬物算擬物風(fēng)格的一種,只不過(guò)表現(xiàn)形式相對(duì)特立獨(dú)行,最早出現(xiàn)在國(guó)外網(wǎng)站dribbble上,之后陸續(xù)被收錄在2020設(shè)計(jì)趨勢(shì)預(yù)測(cè)中,在2019年的年末慢慢被大家熟知,討論,重視起來(lái)。

35.png

36.png

       在2020年2月11號(hào)舉行的三星視覺(jué)發(fā)布會(huì)使用新擬態(tài)的設(shè)計(jì)手法作為設(shè)計(jì)海報(bào)。帶有漸變的淺灰色背景,結(jié)合富有層次感的光影漸變,充滿(mǎn)未來(lái)感。相對(duì)克制的色彩選擇和多角度的光影變化,強(qiáng)調(diào)出產(chǎn)品豐富的質(zhì)感和科技感,簡(jiǎn)潔而神秘。

37.png

       這是一款多平臺(tái)記錄工具,有道云筆記的擬物化設(shè)計(jì)風(fēng)格相對(duì)謹(jǐn)慎,主要的操作按鈕部分,均采用了“擬物化的”風(fēng)格,但是在大面積的展示區(qū)域和非功能性按鈕依然沿用了簡(jiǎn)潔的扁平化設(shè)計(jì)。在保證“新擬物”質(zhì)感的同時(shí),保證主體內(nèi)容的可閱讀性,和整體頁(yè)面的清爽感。

38.png

39.png

      藍(lán)藍(lán)設(shè)計(jì)也在設(shè)計(jì)項(xiàng)目中結(jié)合目前流行趨勢(shì)進(jìn)行探索設(shè)計(jì),容器元素通過(guò)光影的變化,展現(xiàn)出不同的狀態(tài),通過(guò)模擬物理層面“高程”的不同,形成不同的組件狀態(tài),從而演變成承載各式功能的基本元素。

      清晰淡雅的容器元素和扁平活潑的表現(xiàn)層元素在色彩和材質(zhì)上都形成了鮮明的對(duì)比,扁平的圖標(biāo)配以高飽和度的色塊或者深色的圖片,讓界面元素的對(duì)比愈發(fā)強(qiáng)烈,容器層和表現(xiàn)層的層疊配合,千變?nèi)f化, 組成界面中的各種模塊,讓界面版式更為豐富,給人簡(jiǎn)潔靈動(dòng)之感。

40.png

      在扁平風(fēng)大行其道的當(dāng)下,公眾審美難免已經(jīng)疲勞,設(shè)計(jì)風(fēng)格再次回歸擬物化,或許已經(jīng)是主流趨勢(shì)。未來(lái),3D設(shè)計(jì),輕立體設(shè)計(jì)將與扁平化的設(shè)計(jì)風(fēng)格相結(jié)合,產(chǎn)生新的設(shè)計(jì)語(yǔ)言和領(lǐng)域。

      從輕擬物風(fēng)格到Glassmorphism風(fēng)格,擬物化設(shè)計(jì)的演變進(jìn)程已然開(kāi)啟,未來(lái),無(wú)論是3D設(shè)計(jì)的加入還是扁平風(fēng)格的延續(xù),“質(zhì)感”都將成為設(shè)計(jì)過(guò)程中被著重強(qiáng)調(diào)的風(fēng)格。



      藍(lán)藍(lán)設(shè)計(jì),工作室2008年開(kāi)始,2011年正式成立北京蘭亭妙微科技有限公司,主創(chuàng)清華團(tuán)隊(duì),專(zhuān)注軟件和互聯(lián)網(wǎng)ui設(shè)計(jì)開(kāi)發(fā)。擅長(zhǎng)企業(yè)信息化管理、監(jiān)控、大數(shù)據(jù)軟件UI、UE咨詢(xún)和設(shè)計(jì)開(kāi)發(fā)服務(wù)。立足UI,一直在學(xué)習(xí)進(jìn)步。
      藍(lán)藍(lán)設(shè)計(jì),秉承設(shè)計(jì)優(yōu)秀,不斷超越的理念,誠(chéng)信敬業(yè)、專(zhuān)業(yè)耐心的工作作風(fēng),進(jìn)行設(shè)計(jì)服務(wù)創(chuàng)新,幫助企業(yè)進(jìn)行軟件和互聯(lián)網(wǎng)產(chǎn)品的界面設(shè)計(jì)及開(kāi)發(fā)升級(jí),提供卓越的解決方案。對(duì)軟件界面用戶(hù)體驗(yàn)與交互設(shè)計(jì)與實(shí)現(xiàn),國(guó)際化標(biāo)準(zhǔn)和流行趨勢(shì),進(jìn)行不斷的研究和實(shí)踐,擁有豐富的解決問(wèn)題經(jīng)驗(yàn)。


42.png


欣賞更多界面及其它作品請(qǐng)?jiān)L問(wèn)
sillybuy.com




藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔