發(fā)布時(shí)間:2024-08-14 20:25:51 瀏覽量:222次
為和大家分享關(guān)于設(shè)計(jì)趨勢(shì)的見(jiàn)解,ISUX研究了2019-2020的設(shè)計(jì)趨勢(shì)。沒(méi)有必要去遵循年度設(shè)計(jì)趨勢(shì)報(bào)告,但是否意識(shí)到這一趨勢(shì),對(duì)設(shè)計(jì)師而言卻非常重要。首先我們總結(jié)了平面設(shè)計(jì)的總體趨勢(shì),然后是最近延展出來(lái)的IP形象,同時(shí)也對(duì)從Zepeto app 和 Memoji開(kāi)始的,最近擴(kuò)展出來(lái)的角色設(shè)計(jì)趨勢(shì)有所研究,最后則是UX趨勢(shì)的分析。
本文想分享ISUX設(shè)計(jì)趨勢(shì)報(bào)告的第一部分“圖形設(shè)計(jì)趨勢(shì)”。這部分展示了當(dāng)下各種品牌和動(dòng)態(tài)圖形的案例,總結(jié)了12個(gè)值得注意的平面設(shè)計(jì)趨勢(shì)。
排版一直是設(shè)計(jì)的重要元素,,也是傳達(dá)品牌強(qiáng)烈信息的手段。從去年開(kāi)始,粗大的無(wú)襯線字體和強(qiáng)有力的排版被應(yīng)用到許多品牌設(shè)計(jì)當(dāng)中,這使得它成為平面設(shè)計(jì)趨勢(shì)的一部分。此外,也有越來(lái)越多的品牌采用動(dòng)態(tài)和反映了3D趨勢(shì)的三維字體版式設(shè)計(jì)。
動(dòng)態(tài)字體海報(bào)
這張動(dòng)態(tài)排版海報(bào)不是簡(jiǎn)單地放置圖形和文字,而是將移動(dòng)的3D文字放在固定的圖形上,傳達(dá)新的視覺(jué)印象。這些圖形主要通過(guò)SNS以短循環(huán)視頻的形式共享。
Uber品牌識(shí)別
Uber開(kāi)發(fā)了一種無(wú)襯線字體用于品牌logo的再設(shè)計(jì),并將其貫穿于整個(gè)品牌系統(tǒng)。采用了這些品牌字體的動(dòng)態(tài)海報(bào),更為有力地傳達(dá)出Uber的品牌信息。
Squarespace品牌識(shí)別
Dia studio常將動(dòng)態(tài)文字應(yīng)?于品牌項(xiàng)?,“Squarespace”是其代表作品之一。
FAD視覺(jué)圖形
以3D形態(tài)傳遞活動(dòng)信息的版面設(shè)計(jì),就像禮品包裝一樣。這種循環(huán)的gif圖也作為品牌主圖形被運(yùn)用。
韓國(guó)耐克女性運(yùn)動(dòng)廣告
韓國(guó)藝人支持女性主觀活動(dòng)的耐克運(yùn)動(dòng)廣告,也采用了大膽的哥特式字體。這些由Guteform設(shè)計(jì)工作室設(shè)計(jì)的字體有基本的延展形式,同時(shí)有一個(gè)系統(tǒng)能延展成更為寬大的形式以適配媒體的比例。這種動(dòng)態(tài)化的強(qiáng)烈的排版?zhèn)鬟f了活動(dòng)信息,和其他設(shè)計(jì)元素的互動(dòng),最大限度地發(fā)揮了圖形效果。
隨著Instagram用彩色漸變作為品牌色,漸變趨勢(shì)已經(jīng)持續(xù)好幾年。最近品牌、UI和包裝的圖形設(shè)計(jì)都采用明亮而強(qiáng)烈的對(duì)比色,這種趨勢(shì)不僅應(yīng)用于設(shè)計(jì),也應(yīng)用于攝影。強(qiáng)烈的色彩組合,夢(mèng)幻的色調(diào)和彩色漸變有望應(yīng)用于2019年的整體設(shè)計(jì)。
APP圖標(biāo)設(shè)計(jì)
越來(lái)越多的手機(jī)APP圖標(biāo)使用漸變色。
歐洲體育—2018平昌冬奧會(huì)品牌識(shí)別
歐洲體育臺(tái)2018年平昌冬奧會(huì)的轉(zhuǎn)播也將強(qiáng)對(duì)比和漸變色運(yùn)用于多數(shù)場(chǎng)景中,包括logo,圖形和攝影。熒光圖形和深?背景的對(duì)比,尤為深刻地凸顯了冬季運(yùn)動(dòng)的感覺(jué)。
Basketball Forever品牌識(shí)別
NBA品牌重塑項(xiàng)目所使用的,諸如彩色漸變和大膽排版的設(shè)計(jì)方法,也反映了最新的趨勢(shì)。他們創(chuàng)作了一個(gè)系統(tǒng),通過(guò)各種顏色,字體和布局的應(yīng)用,可以產(chǎn)生各種圖形輸出。
明日之子品牌識(shí)別
騰訊視頻和哇唧唧哇聯(lián)合出品的選秀節(jié)目明日之子,用多種漸變色圓形表達(dá)不同選手的才華。隨著節(jié)目的進(jìn)行,圖形主題也會(huì)隨選手的變化而變化。
與過(guò)去基于固定網(wǎng)格系統(tǒng)的布局相比,最近越來(lái)越趨于使用僅顯示圖像一部分的非對(duì)稱布局。雖然好像只顯示整個(gè)圖像的一部分,設(shè)計(jì)師卻可以在大系統(tǒng)中無(wú)限延展每個(gè)圖形。你可以認(rèn)為平衡被打破了,設(shè)計(jì)師卻可以更加自由地應(yīng)用圖形元素,呈現(xiàn)更強(qiáng)烈的視覺(jué)效果,還可以有很酷的圖形組成。
圖形海報(bào)設(shè)計(jì)(Vasjen Katro)
設(shè)計(jì)了各種各樣圖形的Vasjen Katro,不斷嘗試的形狀,顏?和布局也反映了最新的趨勢(shì),特別是不對(duì)稱和開(kāi)放式布局。
Easy Peasy品牌識(shí)別
Easy Peasy是韓國(guó)著名化妝品公司Amore推出的獨(dú)立化妝品品牌,以品牌關(guān)鍵詞輕松、活躍、有趣和大膽為基礎(chǔ),嘗試給用戶更加簡(jiǎn)單和親切的感覺(jué)。品牌用看似自由的手繪波浪線貫穿于整個(gè)圖形設(shè)計(jì),打造不對(duì)稱之美,展現(xiàn)了自由和親近的形象。
移動(dòng)圖標(biāo)已成為趨勢(shì)很多年了,現(xiàn)在應(yīng)用交互元素的品牌案例也很多。比起強(qiáng)而有力,靈活而簡(jiǎn)單,能隨內(nèi)容做出響應(yīng)和更改的交互圖標(biāo)儼然已成為一種新的趨勢(shì)。
國(guó)際光影藝術(shù)節(jié)品牌識(shí)別
這是交互圖標(biāo)的其中一個(gè)案例,用簡(jiǎn)單的方形作為基礎(chǔ),延展出各種各樣的形狀和圖案。這些基本元素保持了簡(jiǎn)單和最大化的交互式圖像效果。
SM娛樂(lè)品牌識(shí)別
韓國(guó)最大娛樂(lè)公司之?,SM娛樂(lè)開(kāi)發(fā)了一種新的品牌標(biāo)識(shí)來(lái)反映其不斷擴(kuò)展的業(yè)務(wù)。它將基本圓形改變成了不同形狀與S和M產(chǎn)生關(guān)聯(lián)。靈活的符號(hào)和各種顏色的圓形圖案是SM娛樂(lè)視覺(jué)識(shí)別的核心。
第59 屆塞薩洛尼基國(guó)際電影節(jié)品牌識(shí)別
電影節(jié)一個(gè)有趣的識(shí)別案例,用卷軸纏繞的圖像代替尋常的電影節(jié)標(biāo)志。它不是固定的,而是復(fù)雜紊亂的,以復(fù)雜的方式排列各種不同的顏?和圖形,表達(dá)了電影節(jié)的目的——通過(guò)電影傳達(dá)多種多樣的故事和情感。
第六屆廣州三年展品牌識(shí)別
傳遞展覽核心信息,反復(fù)復(fù)制到三維空間的基本矩形,顯示了展覽的特征。在整個(gè)展廳中,你可以看到它以多種互動(dòng)和變化的形態(tài)被應(yīng)用,同時(shí)也以不同的形狀被運(yùn)用到各式各樣的場(chǎng)景中。
3D趨勢(shì)如此流行,以至于在平面設(shè)計(jì)趨勢(shì)中也不得不討論它。當(dāng)下有很多3D圖像嘗試用復(fù)雜的紋理給大眾展示生動(dòng)逼真和新鮮感十足的印象。通過(guò)在3D幾何形態(tài)中,添加逼真的紋理,創(chuàng)造在現(xiàn)實(shí)中不可能存在的圖形,人們正在定義一種新的現(xiàn)實(shí)主義。
George Stoyanov 3D插畫
George Stoyanov通過(guò)組合各種幾何形態(tài)來(lái)表達(dá)形狀之美。這種視覺(jué)嘗試很有意思,因?yàn)樗茈y在現(xiàn)實(shí)中制作。
Adobe Think Tank 視覺(jué)圖形
這張圖像由不同形狀、紋理和顏色的幾何物體設(shè)計(jì)而成,表達(dá)了Adobe Think Tank包含各種主題論壇的品牌特征。
The Hyundai ‘Super Consumers’品牌視頻
將各種各樣的材料和顏色運(yùn)用到人類行走的形狀當(dāng)中,傳遞出非現(xiàn)實(shí)和新鮮感十足的視覺(jué)印象。
耐克PG3”舒適體驗(yàn)“廣告
用柔軟的毛皮材料營(yíng)造耐克的主要感覺(jué)—舒適感,非現(xiàn)實(shí)的圖形里有著生動(dòng)的質(zhì)感,讓人耳目一新。
使用有機(jī)圖形并不是一種新的潮流,但我們發(fā)現(xiàn)今年也有大量的圖形使用水和油等液體來(lái)表達(dá)效果。它有時(shí)被用作品牌的主圖形,你可以在3D短動(dòng)態(tài)圖形中明顯地感受到這種傾向。這種具有強(qiáng)烈色彩和漸變的有機(jī)形狀,傳達(dá)出精致而夢(mèng)幻的感覺(jué)。
有機(jī)形態(tài)的3D視頻
有機(jī)形態(tài)通常以3D形式被應(yīng)用,并且廣泛應(yīng)用于SNS共享的短視頻作品中。今年尤其有很多透明質(zhì)感的案例,這些透明材質(zhì)運(yùn)用各種顏色,使色彩搭配產(chǎn)生變化,營(yíng)造出神秘的氣氛。
Peacock Society 2018 品牌識(shí)別
將明亮多彩的漸變色應(yīng)用于有機(jī)形態(tài),這些圖像表達(dá)了巴黎電子音樂(lè)節(jié)的特征。
各式各樣的平面插畫曾經(jīng)退出過(guò)潮流,但現(xiàn)在已經(jīng)成為一種強(qiáng)烈的設(shè)計(jì)趨勢(shì)。很多品牌都通過(guò)聘請(qǐng)知名插畫家的方式,用平面插畫給大眾新的印象。去年以來(lái),除了2D, 3D角色插畫也成為一種趨勢(shì)被應(yīng)用到越來(lái)越多的品牌設(shè)計(jì)當(dāng)中。
Uber 品牌插畫
運(yùn)用于Uber品牌新形象的插畫,是其簡(jiǎn)潔有序品牌系統(tǒng)中有趣的一部分。
Spotify-“音樂(lè)與你同在”插畫
這是Spotify運(yùn)用了2D插畫的品牌視頻。手繪質(zhì)感,色彩簡(jiǎn)單,人形的四肢都很大是最近的插畫趨勢(shì)。
Belif品牌插圖
這是基于3D角色的2D圖案設(shè)計(jì)示例,運(yùn)用于包裝設(shè)計(jì)和品牌視頻。
等距設(shè)計(jì)是一種將二維圖形繪制成三維的方法,最近已成為一種趨勢(shì),在圖形和動(dòng)畫視頻中被廣泛應(yīng)用。許多設(shè)計(jì)師通過(guò)運(yùn)用這種技術(shù),在一個(gè)框架中顯示整個(gè)圖形,創(chuàng)造有趣和獨(dú)特的氛圍,呈現(xiàn)出一種全新的視覺(jué)印象。和去年一樣,等距設(shè)計(jì)在今年似乎也會(huì)越來(lái)越流行。
Isometric is to draw 2D graphics in to three dimension which has been a trend widely applied in graphics and motion videos recently. Lot of designers use this technique to give a new impression by showing the whole graphic in one frame and creating a playful and unique atmosphere. It seems that isometric will be also popular this year as last year.
等距插畫
經(jīng)常使?等距技術(shù)和彩?漸變的插畫家Mohamed Samir設(shè)計(jì)了一系列富有趣味性的海報(bào)。
等距視頻
將大物體變成微小模型的等距設(shè)計(jì)能給人留下印象,最近可以看到很多運(yùn)用了這種方法后,屏幕變得更加特別和有趣的案例。
結(jié)合不同媒介的各種圖形,創(chuàng)建有趣的效果是過(guò)去常見(jiàn)的一種方式。最近,結(jié)合大膽色彩,逼真照片和3D圖像給大眾新鮮感受的案例也很多。含有扁平化元素的真實(shí)圖片和視頻是2019的主要趨勢(shì)之一。
3D視頻+2D圖形
當(dāng)2D和3D圖像組合在一起,立體效果可以更加獨(dú)特和突出。這是使用了此方法的優(yōu)秀視頻案例。
真人實(shí)拍視頻+2D插畫
匡威活動(dòng)視頻是一個(gè)很好地混合了拍攝視頻和2D圖形的案例。
真人實(shí)拍視頻+發(fā)光涂鴉動(dòng)畫
在真人視頻中添加發(fā)光的涂鴉動(dòng)畫,可以使視頻更具動(dòng)態(tài)性和趣味性。當(dāng)下,SNS平臺(tái)上越來(lái)越多舞者和歌手的視頻都使用這種效果。
運(yùn)動(dòng)3D的2D插畫視頻
有很多作品很難知道它是2D還是3D。用3D表達(dá)物體運(yùn)動(dòng),而不是簡(jiǎn)單地使用2D圖形,這種視頻能傳達(dá)一種新的視覺(jué)感受。
當(dāng)通過(guò)SNS共享圖形圖像變得很普遍時(shí),短小而重復(fù)的動(dòng)態(tài)圖形也變得很易見(jiàn)。logo,2D插畫, 3D圖像和各種各樣的圖形都以短循環(huán)動(dòng)畫的形式共享。
2D短動(dòng)畫
這些短視頻通過(guò)在簡(jiǎn)單的扁平插畫里重復(fù)使用短動(dòng)作,傳達(dá)獨(dú)特而有趣的形象。
3D短視頻
由于3D是主要趨勢(shì),短而重復(fù)的3D圖像也值得注意。添加3D真實(shí)紋理和效果,可以帶來(lái)獨(dú)特的視覺(jué)感受。
AR 和VR技術(shù)的發(fā)展,對(duì)平面和多媒體的設(shè)計(jì)趨勢(shì)產(chǎn)生了很大的影響。這些新技術(shù)使人們對(duì)品牌有更加立體的體驗(yàn)。
Le Graphisme Augmente 圖形海報(bào)
盡管是印刷海報(bào),它也允許人們通過(guò)印刷材料使?3D AR技術(shù)獲得交互式體驗(yàn)。印刷海報(bào)只包含簡(jiǎn)單的幾何圖形和極小的信息,但當(dāng)你通過(guò)手機(jī)查看時(shí),將看到獲得更多的信息和看到立體的形狀。
Apple Music x Memoji 廣告
Apple使用基于AR技術(shù)的memoji來(lái)推廣Apple music。著名藝術(shù)家如Ariana Grande推出了他們的最新歌曲,通過(guò)這支廣告,Apple一起宣傳了Apple Music和memoji。
Nike:上海Never Done運(yùn)動(dòng)店鋪網(wǎng)站
上海耐克通過(guò)AR技術(shù)實(shí)現(xiàn)360度網(wǎng)上零售的項(xiàng)目,可以讓消費(fèi)者根據(jù)運(yùn)動(dòng)的出汗量來(lái)進(jìn)行購(gòu)買和體驗(yàn)服務(wù)。
奧迪Quattro Coaster廣告
這是奧迪利用AR技術(shù)的項(xiàng)目,它能讓消費(fèi)者將汽車從銀幕上帶到自己的位置,從而積極體驗(yàn)開(kāi)車的快感。
2018年英雄聯(lián)盟全球總決賽開(kāi)幕式
2018年英雄聯(lián)盟的開(kāi)幕舞臺(tái)利用AR技術(shù),使演唱POP / Stars的真人歌手和游戲里K / DA角色一起同臺(tái)演出。這些被實(shí)時(shí)跟蹤的角色,在實(shí)際舞臺(tái)上帶來(lái)了真實(shí)的表演效果。
新復(fù)古,用現(xiàn)代感覺(jué)詮釋復(fù)古,已成為一種新趨勢(shì)。新復(fù)古是一個(gè)結(jié)合了“新”和“復(fù)古”的詞,是對(duì)過(guò)去懷舊的現(xiàn)代詮釋,不僅是設(shè)計(jì),在時(shí)尚,建筑,流行文化等各領(lǐng)域都是一種新趨勢(shì)。
復(fù)古風(fēng)格視頻
流行于80年代和90年代的電子游戲,和好萊塢電影的復(fù)古圖像與視頻,被重新詮釋后,再一次流行起來(lái)。
Fritz Co?ee Company品牌識(shí)別
韓國(guó)著名咖啡品牌,F(xiàn)irtz Coffee創(chuàng)造了獨(dú)一無(wú)二的,具有復(fù)古logo和圖形的品牌標(biāo)識(shí)。
趨勢(shì)不會(huì)朝一個(gè)方向發(fā)展,它可以擴(kuò)展成各種各樣的方式,就像我們看到的反映了最新趨勢(shì)的3D、AR/VR技術(shù)也包含了復(fù)古風(fēng)格一樣。我們希望這些不同的趨勢(shì)能以新的方式被應(yīng)用,從而創(chuàng)造出新穎而有趣的設(shè)計(jì)。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來(lái)如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見(jiàn)的5種APP界面類型,你get到了嗎?
通過(guò)介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來(lái)說(shuō),這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺(jué)醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過(guò)對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
9. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過(guò)程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過(guò)多的視覺(jué)干擾。符合用戶習(xí)慣:ui設(shè)...
10. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!