新聞中心
2019 - 2020 設(shè)計(jì)趨勢(shì) · 圖形篇

為了和大家分享關(guān)于設(shè)計(jì)趨勢(shì)的見解,ISUX研究了2019-2020的設(shè)計(jì)趨勢(shì)。沒有必要去遵循年度設(shè)計(jì)趨勢(shì)報(bào)告,但是否意識(shí)到這一趨勢(shì),對(duì)設(shè)計(jì)師來講卻非常重要。首先,我們總結(jié)了平面設(shè)計(jì)的總體趨勢(shì),同時(shí)也研究了從Zepeto app 和 Memoji開始的,最近擴(kuò)展出來的IP形象設(shè)計(jì)和角色設(shè)計(jì)趨勢(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)烈信息的手段。從去年開始,粗大的無襯線字體和強(qiáng)有力的排版被應(yīng)用到許多品牌設(shè)計(jì)當(dāng)中,這使得它成為平面設(shè)計(jì)趨勢(shì)的一部分。此外,也有越來越多的品牌采用動(dòng)態(tài)和反映了3D趨勢(shì)的三維字體版式設(shè)計(jì)。

這張動(dòng)態(tài)排版海報(bào)不是簡(jiǎn)單地放置圖形和文字,而是將移動(dòng)的3D文字放在固定的圖形上,傳達(dá)新的視覺印象。這些圖形主要通過SNS以短循環(huán)視頻的形式共享。

Uber開發(fā)了一種無襯線字體用于品牌logo的再設(shè)計(jì),并將其貫穿于整個(gè)品牌系統(tǒng)。采用了這些品牌字體的動(dòng)態(tài)海報(bào),更為有力地傳達(dá)出Uber的品牌信息。

Dia studio常將動(dòng)態(tài)文字應(yīng)?于品牌項(xiàng)?,“Squarespace”是其代表作品之一。

以3D形態(tài)傳遞活動(dòng)信息的版面設(shè)計(jì),就像禮品包裝一樣。這種循環(huán)的gif圖也作為品牌主圖形被運(yùn)用。

韓國(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ì)。

越來越多的手機(jī)APP圖標(biāo)使用漸變色
歐洲體育臺(tái)2018年平昌冬奧會(huì)的轉(zhuǎn)播也將強(qiáng)對(duì)比和漸變色運(yùn)用于多數(shù)場(chǎng)景中,包括logo,圖形和攝影。熒光圖形和深?背景的對(duì)比,尤為深刻地凸顯了冬季運(yùn)動(dòng)的感覺。

NBA新聞廣播公司品牌重塑項(xiàng)目所使用的,諸如彩色漸變和大膽排版的設(shè)計(jì)方法,也反映了最新的趨勢(shì)。他們創(chuàng)作了一個(gè)系統(tǒng),通過各種顏色,字體和布局的應(yīng)用,可以產(chǎn)生各種圖形輸出。

騰訊視頻和哇唧唧哇聯(lián)合出品的選秀節(jié)目明日之子,用多種漸變色圓形表達(dá)不同選手的才華。隨著節(jié)目的進(jìn)行,圖形主題也會(huì)隨選手的變化而變化。
與過去基于固定網(wǎng)格系統(tǒng)的布局相比,最近越來越趨于使用僅顯示圖像一部分的非對(duì)稱布局。雖然好像只顯示整個(gè)圖像的一部分,設(shè)計(jì)師卻可以在大系統(tǒng)中無限延展每個(gè)圖形。你可以認(rèn)為平衡被打破了,設(shè)計(jì)師卻可以更加自由地應(yīng)用圖形元素,呈現(xiàn)更強(qiáng)烈的視覺印象,還可以有很酷的圖形組成。

設(shè)計(jì)了各種各樣圖形的Vasjen Katro,不斷嘗試的形狀,顏?和布局也反映了最新的趨勢(shì),特別是不對(duì)稱和開放式布局。

Easy Peasy是韓國(guó)著名化妝品公司Amore推出的獨(dú)立化妝品品牌,以品牌關(guān)鍵詞輕松、活躍、有趣和大膽為基礎(chǔ),嘗試給用戶更加簡(jiǎn)單和親切的感覺。品牌用看似自由的手繪波浪線貫穿于整個(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ì)。

這是交互圖標(biāo)的其中一個(gè)案例,用簡(jiǎn)單的方形作為基礎(chǔ),延展出各種各樣的形狀和圖案。這些基本元素保持了簡(jiǎn)單和最大化的交互式圖像效果。

韓國(guó)最大娛樂公司之?,SM娛樂開發(fā)了一種新的品牌標(biāo)識(shí)來反映其不斷擴(kuò)展的業(yè)務(wù)。它將基本圓形改變成了不同形狀與S和M產(chǎn)生關(guān)聯(lián)。靈活的符號(hào)和各種顏色的圓形圖案是SM娛樂視覺識(shí)別的核心。

這是電影節(jié)一個(gè)有趣的識(shí)別案例,用卷軸纏繞的圖像代替尋常的電影節(jié)標(biāo)志。它不是固定的,而是復(fù)雜紊亂的,以復(fù)雜的方式排列各種不同的顏?和圖形,表達(dá)了電影節(jié)的目的——通過電影傳達(dá)多種多樣的故事和情感。
傳遞展覽核心信息,反復(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)逼真和新鮮感十足的印象。通過在3D幾何形態(tài)中,添加逼真的紋理,創(chuàng)造在現(xiàn)實(shí)中不可能存在的圖形,人們正在定義一種新的現(xiàn)實(shí)主義。

George Stoyanov通過組合各種幾何形態(tài)來表達(dá)形狀之美。這種視覺嘗試很有意思,因?yàn)樗茈y在現(xiàn)實(shí)中制作。

這張圖像由不同形狀、紋理和顏色的幾何物體設(shè)計(jì)而成,表達(dá)了Adobe Think Tank包含各種主題論壇的品牌特征。

將各種各樣的材料和顏色運(yùn)用到人類行走的形狀當(dāng)中,傳遞出一種非現(xiàn)實(shí)和新鮮感十足的視覺印象。

用柔軟的毛皮材料營(yíng)造耐克的主要感覺—舒適感,非現(xiàn)實(shí)的圖形里有著生動(dòng)的質(zhì)感,讓人耳目一新。
使用有機(jī)圖形并不是一種新的潮流,但我們發(fā)現(xiàn)今年也有大量的圖形使用水和油等液體來表達(dá)效果。它有時(shí)被用作品牌的主圖形,你可以在3D短動(dòng)態(tài)圖形中明顯地感受到這種傾向。這種具有強(qiáng)烈色彩和漸變的有機(jī)形狀,傳達(dá)出一種精致而夢(mèng)幻的感覺。

有機(jī)形態(tài)通常以3D形式被應(yīng)用,并且廣泛應(yīng)用于SNS共享的短視頻作品中。今年尤其有很多透明質(zhì)感的案例,這些透明材質(zhì)運(yùn)用各種顏色,使色彩搭配產(chǎn)生變化,營(yíng)造出神秘的氣氛。

將明亮多彩的漸變色應(yīng)用于有機(jī)形態(tài),這些圖像表達(dá)了巴黎電子音樂節(jié)的特征。
各式各樣的平面插畫曾經(jīng)退出過潮流,但現(xiàn)在已經(jīng)成為一種強(qiáng)烈的設(shè)計(jì)趨勢(shì)。很多品牌都通過聘請(qǐng)知名插畫家的方式,用平面插畫給大眾新的印象。去年以來,除了2D, 3D角色插畫也成為一種趨勢(shì)被應(yīng)用到越來越多的品牌設(shè)計(jì)當(dāng)中。

運(yùn)用于Uber品牌新形象的插畫,是其簡(jiǎn)潔有序品牌系統(tǒng)中有趣的一部分。

這是Spotify運(yùn)用了2D插畫的品牌視頻。手繪質(zhì)感,色彩簡(jiǎn)單,人形的四肢都很大是最近的插畫趨勢(shì)。

這是基于3D角色的2D圖案設(shè)計(jì)示例,運(yùn)用于包裝設(shè)計(jì)和品牌視頻。
等距設(shè)計(jì)是一種將二維圖形繪制成三維的方法,最近已成為一種趨勢(shì),在圖形和動(dòng)畫視頻中被廣泛應(yīng)用。許多設(shè)計(jì)師通過運(yùn)用這種技術(shù),在一個(gè)框架中顯示整個(gè)圖形,創(chuàng)造有趣和獨(dú)特的氛圍,呈現(xiàn)出一種全新的視覺印象。和去年一樣,等距設(shè)計(jì)在今年似乎也會(huì)越來越流行。

經(jīng)常使?等距技術(shù)和彩?漸變的插畫家Mohamed Samir設(shè)計(jì)了一系列富有趣味性的?報(bào)。

將大物體變成微小模型的等距設(shè)計(jì)方法能給人留下印象,最近可以看到很多運(yùn)用了這種方法后,屏幕變得更加特別和有趣的案例。
結(jié)合不同媒介的各種圖形,創(chuàng)建有趣的效果是過去常見的一種方式。最近,結(jié)合大膽色彩,逼真照片和3D圖像給大眾新鮮感受的案例也很多。含有扁平化元素的真實(shí)圖片和視頻是2019的主要趨勢(shì)之一。

當(dāng)2D和3D圖像組合在一起,立體效果可以更加獨(dú)特和突出。這是使用了此方法的優(yōu)秀視頻案例。

匡威活動(dòng)視頻是一個(gè)很好地混合了拍攝視頻和2D圖形的案例,

在真人視頻中添加發(fā)光的涂鴉動(dòng)畫,可以使視頻更具動(dòng)態(tài)性和趣味性。當(dāng)下,SNS平臺(tái)上越來越多舞者和歌手的視頻都使用這種效果。

有很多作品很難知道它是2D還是3D。用3D表達(dá)物體運(yùn)動(dòng),而不是簡(jiǎn)單地使用2D圖形,這種視頻能傳達(dá)一種新的視覺感受。
當(dāng)通過SNS共享圖形圖像變得非常普遍時(shí),短小和重復(fù)的動(dòng)態(tài)圖形也變得很易見。logo,2D插畫, 3D圖像和各種各樣的圖形都以短循環(huán)動(dòng)畫的形式共享。

這些短視頻通過在簡(jiǎn)單的扁平插畫里重復(fù)使用短動(dòng)作,傳達(dá)了一種獨(dú)特而有趣的形象。

由于3D是主要趨勢(shì),小而重復(fù)的3D圖像也值得注意。添加3D真實(shí)紋理和效果,可以帶來獨(dú)特的視覺感受。
AR 和VR技術(shù)的發(fā)展,對(duì)平面和多媒體的設(shè)計(jì)趨勢(shì)產(chǎn)生了很大的影響。這些新技術(shù)使人們對(duì)品牌有更加立體的體驗(yàn)。

盡管是印刷?報(bào),它也允許人們通過印刷材料使?3D AR技術(shù)獲得交互式體驗(yàn)。印刷海報(bào)只包含簡(jiǎn)單的幾何圖形和極小的信息,但當(dāng)你通過手機(jī)查看時(shí),將看到獲得更多的信息和看到立體的形狀。

Apple使用基于AR技術(shù)的memoji來推廣Apple music。著名藝術(shù)家如Ariana Grande推出了他們的最新歌曲,通過這支廣告,Apple一起宣傳了Apple Music和memoji。
商丘耐克通過AR技術(shù)實(shí)現(xiàn)360度網(wǎng)上零售的項(xiàng)目,可以讓消費(fèi)者根據(jù)運(yùn)動(dòng)的出汗量來進(jìn)行購(gòu)買和體驗(yàn)服務(wù)。

這是奧迪利用AR技術(shù)的項(xiàng)目,它能讓消費(fèi)者將汽車從銀幕上帶到自己的位置,從而積極體驗(yàn)開車的感覺。

2018年英雄聯(lián)盟的開幕舞臺(tái)利用AR技術(shù),使演唱POP / Stars的真人歌手和游戲里K / DA角色一起同臺(tái)演出。這些被實(shí)時(shí)跟蹤的角色,在實(shí)際舞臺(tái)上帶來了真實(shí)的表演效果。
新復(fù)古,用現(xiàn)代感覺詮釋復(fù)古,已成為一種新趨勢(shì)。新復(fù)古是一個(gè)結(jié)合了“新”和“復(fù)古”的詞,是對(duì)過去懷舊的現(xiàn)代詮釋,不僅是設(shè)計(jì),在時(shí)尚,建筑,流行文化等各領(lǐng)域都是一種新趨勢(shì)。

流行于80年代和90年代的電子游戲,和好萊塢電影的復(fù)古圖像與視頻,被重新詮釋后,再一次流行起來。

趨勢(shì)不會(huì)朝一個(gè)方向發(fā)展,它可以擴(kuò)展成各種各樣的方式,就像我們看到的反映了最新趨勢(shì)的3D、AR/VR技術(shù)也包含了復(fù)古風(fēng)格一樣。我們希望這些不同的趨勢(shì)能以新的方式被應(yīng)用,從而創(chuàng)造出新穎而有趣的設(shè)計(jì)。
感謝您的閱讀。
本文標(biāo)題:2020年web頁面交互設(shè)計(jì)趨勢(shì)-圖形篇
本文鏈接http://njylbyy.cn/xinwenzhongxin/24449.html
- 關(guān)鍵字排名查詢工具
- 網(wǎng)站怎么宣傳
- 長(zhǎng)春網(wǎng)站優(yōu)化體驗(yàn)
- 長(zhǎng)春網(wǎng)站關(guān)鍵詞推廣
- 重慶網(wǎng)站seo技術(shù)
- 百度蜘蛛池收錄:蜘蛛池搭建原理深度解析,圖片大全帶你輕松入門
- 百度蜘蛛池租用:蜘蛛池新手入門教程,輕松掌握SEO優(yōu)化利器
- 江門網(wǎng)站seo
- 青島網(wǎng)站快速排名提升
- 百度蜘蛛池優(yōu)化:蜘蛛池工具全邀zjkwlgs,揭秘高效內(nèi)容采集的秘密武器
- 下載百度2024最新版
- 百度公司簡(jiǎn)介介紹
- 頭條權(quán)重查詢站長(zhǎng)工具
- 百度蜘蛛池效果:2020年蜘蛛池出租代理,網(wǎng)絡(luò)營(yíng)銷新寵,助力企業(yè)高效拓展業(yè)務(wù)
- 百度蜘蛛池優(yōu)化:站群蜘蛛池優(yōu)化策略,揭秘如何提升網(wǎng)站在搜索引擎中的排名
- 百度蜘蛛池租用:自制蜘蛛池成本解析,如何以最低預(yù)算打造高效捕蟲利器
- 深圳做推廣哪家比較好
- 百度蜘蛛池引流:重慶神馬蜘蛛池租用,高效便捷的互聯(lián)網(wǎng)營(yíng)銷新選擇
- 百度蜘蛛池租用:黑龍江出租蜘蛛池,助力農(nóng)業(yè)發(fā)展,提高經(jīng)濟(jì)效益
- 莆田seo推廣公司