2019-10-22 資深UI設(shè)計(jì)者
寫在前面
過去幾年中,我們的積極反應(yīng)促使我們繼續(xù)探索和分析主要設(shè)計(jì)領(lǐng)域的新趨勢。盡管大多數(shù)趨勢都是去年發(fā)生的變化,但到2020年,我們?nèi)杂幸恍┬纶厔葜档米非?。最重要的趨勢是與技術(shù)有關(guān)的趨勢,以及它們的發(fā)展趨勢,以及它們?nèi)绾斡绊懺O(shè)計(jì)領(lǐng)域。
總體趨勢
2020年的主要趨勢動(dòng)作設(shè)計(jì)與動(dòng)畫, 對(duì)于2020年,我們認(rèn)為運(yùn)動(dòng)設(shè)計(jì)是主要趨勢,因?yàn)槲覀冊(cè)谒性O(shè)計(jì)領(lǐng)域都遇到動(dòng)畫,從小的交互到徽標(biāo)和UI,一切都在變化。動(dòng)畫內(nèi)容正在進(jìn)入現(xiàn)代世界,在現(xiàn)代世界中,書面內(nèi)容沒有以前那么吸引人。 動(dòng)作設(shè)計(jì)正確實(shí)施后,可使廣告系列的信息更快,更正確地傳達(dá)給受眾。
01. theQoos品牌插圖由 閔慶 02 軍團(tuán)賽季 3由 尼克Scarcella 03. 溶劑-使大麻銀行公開賽由 BluBlu工作室 04 云服務(wù)(動(dòng)畫圖標(biāo))由 亞歷山大Baleev 05. 病毒性肝炎由 昂布爾集體 , 蒂博ZELLER , 喬納森Plesel 06 。 UXC_Design2020_Project研究通過 Donerzozo
目錄
1. UI / UX
2.插圖
3.動(dòng)態(tài)圖形
4.平面設(shè)計(jì)
5.基于技術(shù)的趨勢
6.包裝
7.版式
8.趨勢工具
1. UI / UX
1.1暗模式(Android Q和iOS 13)
暗模式是2020年的新趨勢,Android引入了兩種類型的暗模式,分別稱為“強(qiáng)制暗模式”和“系統(tǒng)暗模式”。微軟通過在其電子郵件應(yīng)用程序中展示其暗模式擊敗了谷歌,但谷歌迅速推出了自己的針對(duì)Android 10的Gmail應(yīng)用程序的暗版本模式。
有了介紹此更新的大公司,許多設(shè)計(jì)師將選擇在他們的應(yīng)用程序或站點(diǎn)中使用暗模式,因此希望在來年看到越來越多的暗模式。
1.2粗體顏色
在過去的兩年(到2020年)中,強(qiáng)烈的色彩已成為重要的趨勢。大膽的色彩豐富,明亮,甚至極富活力。它們可以是主要或次要顏色。
01. EMART UX / UI可再生的通過 加X, 李寶藍(lán) , Sabum卞 , 熙榮, 尤金全度妍 , ? ? ?, Bongho彩 02 NSH通過 索菲婭費(fèi)多托娃 03. 埃爾多拉多賭場-移動(dòng)Web UI,應(yīng)用程序ü用 的Loredana PAPP-Dinea , Mihai Baldean , Milo主題 04. mmcité+網(wǎng)站由 工作室9 茲林,帕維爾Valek 05. 自動(dòng)哈克系列#21-25由 安德烈福 06. Flipd應(yīng)用程序通過 ESTUDIO PUM
1.3 UI中的插圖
多年來,插圖一直是設(shè)計(jì)中最強(qiáng)勁的趨勢之一。插圖是對(duì)概念的直觀解釋,可以使用戶更好地理解產(chǎn)品背后的思想。除了一些精美的插圖使這一概念獨(dú)具匠心外,它們還可以更快地傳達(dá)信息。
01. 海妖重新設(shè)計(jì),以 西爾Theyssens , 安東尼科拉德 02 浮雕-醫(yī)療項(xiàng)目由 馬丁Pankiewicz 葛爾若, 米沃什Po?arkowski 03. abuk:圖書封面設(shè)計(jì)有聲書商店到 謝爾蓋Valiukh, Tubik工作室 04.我llustration系統(tǒng)GOL到 ESTUDIO PUM 05 。 智能家居的應(yīng)用程序- IOS到 瑪麗亞Osadcha 06.斯基林貿(mào)易(skilling.com) - Loredana酒店P(guān)APP-Dinea , 米哈伊Baldean
1.4講故事
設(shè)計(jì)中的講故事是關(guān)于幫助用戶在平臺(tái)上的旅程,從而使他的體驗(yàn)盡可能輕松和流暢(在UX設(shè)計(jì)中)。一個(gè)好的故事可以幫助用戶更輕松地了解產(chǎn)品。為了講述一個(gè)故事,我們可以使用一個(gè)特別創(chuàng)建的角色,將這個(gè)角色賦予他個(gè)性,我們創(chuàng)建一個(gè)故事和一個(gè)沖突,最終由我們的產(chǎn)品(UI設(shè)計(jì))解決。這是產(chǎn)品設(shè)計(jì)中講故事的基礎(chǔ)。講故事在UI和UX中都使用,并且基于相同的原理,但實(shí)現(xiàn)方式有所不同。
01. 余吳-旅行計(jì)劃應(yīng)用由 朱莉張庭 02. UX / UI | 食品外賣應(yīng)用由 康斯坦丁Seredkin 03. COOC通過 cuneyt仙
1.5動(dòng)畫圖形和微交互
正如我們所說,動(dòng)態(tài)圖形是今年的趨勢,它在UI設(shè)計(jì)中也有很強(qiáng)的表現(xiàn),它為插圖增添了力量,使創(chuàng)意更易于吸收并保留在用戶的記憶中。
微交互在2018年成為第一流,但這一趨勢值得在2020年關(guān)注。它們是UI設(shè)計(jì)中極其重要的趨勢,這使基本應(yīng)用程序/網(wǎng)站與非凡的應(yīng)用程序/網(wǎng)站有所不同。微交互在使用戶了解系統(tǒng)的工作原理并引導(dǎo)其獲得更好的體驗(yàn)方面起著至關(guān)重要的作用。
如果您是UI設(shè)計(jì)師,但尚未在工作中使用微交互,建議您這樣做,因?yàn)榈?020年,沒有UI的任何UI設(shè)計(jì)都將是非?;镜?。
01. UI / UX | 智能藥房應(yīng)用的 阿納斯塔西婭中號(hào), 謝爾蓋Nikonenko UX 02. 氣候與動(dòng)物:滅絕危機(jī)網(wǎng)站UI / UX 由 丹尼爾·譚, 達(dá)芙妮龍 03 飛素食者由 帕特里夏賴納斯 04. UKRPOSHTA。烏克蘭國家郵政局的移動(dòng)應(yīng)用程序,伊洛娜·金( Ilona Kim) 05 . Tagir Tikeev 的聾人報(bào)警應(yīng)用程序
1.6用戶界面中的視頻
到2020年,信息必須非??斓氐竭_(dá)用戶手中,最好通過視頻內(nèi)容來完成。您選擇通過動(dòng)畫或經(jīng)典電影來解釋產(chǎn)品,視頻內(nèi)容對(duì)于任何網(wǎng)站或應(yīng)用程序都是必不可少的。
1.7功能
UI設(shè)計(jì)中的一個(gè)重要部分是功能,即,根據(jù)其目的和功能選擇每個(gè)元素。許多人認(rèn)為您必須在設(shè)計(jì)和功能之間進(jìn)行選擇,但是在新技術(shù)的幫助下,這兩種技術(shù)可以很好地融合在一起并相互補(bǔ)充。設(shè)計(jì)負(fù)責(zé)引起對(duì)站點(diǎn)或應(yīng)用程序的注意,其功能使體驗(yàn)變得更輕松。它使用戶可以更快地找到信息。
01.斯基林貿(mào)易(skilling.com) - Loredana酒店帕普用餐 , 邁克爾Baldean
1.8注意細(xì)節(jié)
在UI設(shè)計(jì)中,對(duì)細(xì)節(jié)的更多關(guān)注非常重要。從按鈕,圖標(biāo),加載到導(dǎo)航到細(xì)微的細(xì)節(jié),都可以打造出非凡的設(shè)計(jì)。隨著新技術(shù)的出現(xiàn),我們?cè)赨I中必須注意的細(xì)節(jié)始終在變化。
在明年,我們將看到越來越少的按鈕,以及更多基于手勢的導(dǎo)航。例如,后退按鈕(Android的導(dǎo)航常用)在Android 10中正式消失。
01. FLYR的視覺形象和營銷網(wǎng)站的 Ramotion
02. 鬧鐘應(yīng)用聾人通過 Tagir Tikeev
1.8漸變
幾年來,我們一直在談?wù)撛O(shè)計(jì)中的漸變,這種趨勢在2020年將繼續(xù)保持強(qiáng)勁,因此值得一提。新鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕,圖標(biāo),插圖,甚至用于排版。
01. Wavecut - IOS應(yīng)用程序通過 Eleken局 02. 抗憂郁癥的應(yīng)用程序-產(chǎn)品設(shè)計(jì)(UX / UI)由 安娜Arutiunian
03. 保羅回腸-電影音樂作曲家,制作人,DJ,Perfomer 通過 的Loredana PAPP-Dinea , 米哈伊Baldean , 米洛主題 04. ITEXIA通過 下一頁局 , 亞歷克斯海鷗 , Jegor Walowski
2.插圖
2.1角色設(shè)計(jì)
角色設(shè)計(jì)包括定義一個(gè)支持整個(gè)概念的角色。最重要的是,通過繪圖,設(shè)計(jì)師向角色灌輸了強(qiáng)烈的個(gè)性。您在應(yīng)用程序或網(wǎng)站中遇到的虛擬助手是角色設(shè)計(jì)的一個(gè)很好的例子。
01. 新微小的事情?兒童圖畫書由 Vuon插圖 , 榮阮 , 榮范 02 的Adobe X Createfulness由 邁特弗蘭基, 馬蒂厄Tarwane 03。 3D人物V2由 安東尼奧·佩蒂特Cwirko 04. Malayali由 丹尼·何塞
2.2紋理
插圖和紋理很好地結(jié)合在一起,可以創(chuàng)造出令人難忘的構(gòu)圖。從粒狀紋理到預(yù)制的筆觸,您可以找到許多想法來為插圖添加紋理,也可以手動(dòng)創(chuàng)建它們。瀏覽網(wǎng)絡(luò)時(shí),您可以找到許多可以在插圖中使用的紋理,預(yù)制筆刷和工具。
01. JDE - Common Grounds by Marianna Tomaselli 02. Japan by 飯 太稀
2.3平面插圖
在過去的幾年中,我們到處都可以看到平面插圖。它們?nèi)匀惶幱谮厔葜?,但現(xiàn)在有了一個(gè)新的組成部分:對(duì)每個(gè)元素應(yīng)用細(xì)線。大多數(shù)藝術(shù)家都選擇使用細(xì)的黑色筆觸,但也可以將其上色,使其陰影比所涉及的對(duì)象暗。
01. BILLY KENNY -剛剛為音樂通過 桑戈BANG 02 Babelia - Lecturas對(duì)維拉諾由 米格爾·安赫爾Camprubí 03. 拳擊貓-第一滴血由 Felms 04. COUSCOUS STUDIO | 解釋器VIDEO 由 哈立德abdelazi ?
2.4等軸測圖
是的,等軸測圖仍然在這里。它們主要可以在UI設(shè)計(jì)中找到。隨著人們對(duì)加密貨幣的興趣不斷增加,這種趨勢似乎已經(jīng)生效,但是在2019年它已經(jīng)發(fā)展了,現(xiàn)在我們?cè)谄渌麡I(yè)務(wù)領(lǐng)域中發(fā)現(xiàn)了這一趨勢。
01. 龐克市由 溫祚_ 02 FastCompany -等距號(hào)由 阿圖爾Tenczynski 03和05. 抗體亞型由 馬里奧·德?梅耶爾 04. 松弛插圖由 京張
2.5 3D
隨著效率越來越高的軟件和工具的出現(xiàn),3d渲染已逐漸發(fā)生變化。3D插圖非常受歡迎,因?yàn)榕c2D插圖不同,它提供了更逼真的圖像。
01. 游戲巴伊亞之家由 Miagui 02 天平 由 卡韋薩Patata工作室 03. 城堡毀滅者由 穆罕默德Chahin 04. Eyoo家庭3D插圖由 Baianat 05. 個(gè)人插圖第1卷由 巴勃羅·馬林 06. 一個(gè)人旅行通過 亂伊萊恩
2.6超大膽的色彩
大膽的顏色非常適合插圖。它們營造出歡樂的氛圍,使角色脫穎而出,并在圖像背后展現(xiàn)故事。
01. 瑪莎·希肖娃(Masha Shishova)攝于莫斯科的 STRTFD咖啡壁畫 02. 作家- 利奧·夏目( Leo Natsume)的移動(dòng)互聯(lián)網(wǎng)思想 03. 可口可樂圓罐插圖由塔尼亞·雅庫諾娃( Tania Yakunova)
3.動(dòng)態(tài)圖形
3.1 3D視頻
在2020年,無法想象沒有3D設(shè)計(jì)的運(yùn)動(dòng)。設(shè)計(jì)的這個(gè)分支打開了一個(gè)世界的大門,在這個(gè)世界中,只有想象力是極限。我們可以在廣告,電影,游戲,廣告活動(dòng)等中找到3d。
01. 龐克市由 溫祚_ , 視覺設(shè)計(jì)藝術(shù)的影響
3.2視頻+動(dòng)畫插圖(混合媒體)
拍攝的視頻,動(dòng)畫插圖以及有時(shí)是靜止的照片的結(jié)合可以產(chǎn)生非凡的效果。2d或3d插圖可創(chuàng)建令人難忘的視頻,從幾行運(yùn)動(dòng)到3D真實(shí)人物甚至是現(xiàn)實(shí)生活中不存在的復(fù)雜視覺效果。
01. Coppel /回到學(xué)校通過 大量工作室 02 PWR 由安娜·霍查, Edvina元
3.3 2D動(dòng)畫-說明性視頻
2D動(dòng)畫專注于創(chuàng)建故事和角色,并在創(chuàng)作過程中使用矢量。當(dāng)您想要廣告系列或產(chǎn)品的說明性視頻時(shí),2D可能是理想的選擇。在一個(gè)總是忙碌而又沒有時(shí)間閱讀的世界中,說明性視頻對(duì)于任何網(wǎng)站都是必不可少的。
01. Freelive 由 工作室Infografika , 謝爾蓋·薩多斯基 , 阿納斯塔西婭Alterka , Arsentiy Lesnik賓館 , 尤里·阿姆斯特朗 , 阿林好, 喬治VALD ,馬克西姆Tleubaev
3.4動(dòng)畫徽標(biāo)
您已經(jīng)了解到動(dòng)畫是2020年的“必備”,為了保持競爭力,我們還必須將它們集成到徽標(biāo)設(shè)計(jì)中。許多公司已開始對(duì)其徽標(biāo)進(jìn)行動(dòng)畫處理,以引起人們的注意。這也是徽標(biāo)設(shè)計(jì)的主要趨勢。
01. 杯茶由 維多利亞伍 02 - 07. 運(yùn)動(dòng)野獸?Logomachine。動(dòng)畫標(biāo)志的 運(yùn)動(dòng)設(shè)計(jì)學(xué)院, 維克托Villamarin的, 波格丹·杜米特留, Logomachine .NET , 亞歷山大·庫茲涅佐夫, 扎克李, 丹尼斯Siurin , 斯坦尼斯拉夫·馬爾琴科, 莉扎薇塔Tsareva , Supremus Levenus , 安東·福明, 埃米爾Khafizov , 膽堿哈達(dá)
3.5混合動(dòng)畫2D和3D集成
這一趨勢不是一個(gè)新趨勢,但絕對(duì)值得一提?;旌蟿?dòng)畫就是使用為此創(chuàng)建的特定軟件將2D與3D結(jié)合在一起。
4.平面設(shè)計(jì)
4.1平面設(shè)計(jì)中的3D
盡管2d壟斷了設(shè)計(jì)的這一分支,但3d可以為最終概念添加額外的內(nèi)容。3d渲染可以采用插圖,動(dòng)畫或字體的形式。
01. 畫像由 費(fèi)爾南多·多明格斯Cózar 02. NASA | 太空時(shí)代的 工作室-JQΔ 03. 美國宇航局X BBC | 不自然世界的 工作室,JQΔ
4.2雙色
精益求精的概念可以完美描述這一趨勢,設(shè)計(jì)師在其中創(chuàng)造出大膽的元素,并帶有優(yōu)雅的手感和強(qiáng)烈的對(duì)比。這種趨勢是創(chuàng)建更易于訪問的打印的理想選擇,因?yàn)槟承┐蛴〖夹g(shù)如果顏色更多,則價(jià)格會(huì)更高。
01. 冬季公開賽'18由 Kinoto Studio, Romina Rios, Luc Geoffroy 02 Synticate©由 斯捷潘索洛德科夫 03. TIGER在博物館由 de_form工作室, 諾拉demeczky , 的Eniko DERI 04. 刻字系列IX由 拉斐爾·塞拉
4.3光學(xué)感知藝術(shù)
歐普藝術(shù)作品是抽象的,有許多知名的黑白作品。通常,它們給觀看者留下動(dòng)感,隱藏的圖像,閃爍和振動(dòng)的圖案或腫脹或翹曲的印象。(來源:wikipedia.org)。
這種趨勢給人以動(dòng)靜的印象,但是以一種靜態(tài)的方式。如果要實(shí)現(xiàn)在印刷海報(bào)中移動(dòng)圖形的想法,這是最合適的方法。
01 02 東京電影節(jié)共混物由 梅賽德斯巴桑 , 的Adobe住 03. 海報(bào)-第一卷由 Xtian米勒
4.4平面設(shè)計(jì)中的插圖
插圖在設(shè)計(jì)的所有領(lǐng)域都非常重要,因此我們?cè)趫D形設(shè)計(jì)中也可以找到它們。2D插圖在現(xiàn)在已經(jīng)非常流行了幾年,并且即使在2020年,也將繼續(xù)成為設(shè)計(jì)師的最愛。
01. GOOSE赫爾-海報(bào)由 Ewelina鵝 02 CAT酒吧和舞廳/ 2019至 kissmiklos, Eszter薩拉
4.5動(dòng)畫海報(bào)
動(dòng)畫無處不在,我們?cè)谠O(shè)計(jì)的各個(gè)領(lǐng)域都可以找到它們,當(dāng)然它們也存在于數(shù)字海報(bào)中。動(dòng)畫可以將2D與3D混合在一起,效果令人著迷。
01 節(jié)地鐵地鐵由 Bzoing, 維吉尼貝達(dá)德 02. 失敗的Windows由 皮埃爾Kleinhouse, 轄Zivony
4.6復(fù)古合成波
復(fù)古合成波是一種在80年代出現(xiàn)的趨勢,但一旦好萊塢開始發(fā)行該十年的電影后便開始重新出現(xiàn)。隨著《陌生人事物》系列的成功,這一潮流再次開始流行。
01. 雞尾酒和夢(mèng)想通過 Gjorgji Despodov 02. CINEMAX由 杰森巴爾巴 03.奇怪的事情(Netflix.com)
4.7瑞士設(shè)計(jì),達(dá)達(dá)主義,包豪斯
20世紀(jì)最重要的圖形設(shè)計(jì)運(yùn)動(dòng)始終是最好的設(shè)計(jì)師的靈感來源。這些樣式值得一提,因?yàn)樗鼈兪冀K是的,遵循它們所施加的規(guī)則幾乎不可能在設(shè)計(jì)中犯錯(cuò)誤??偟膩碚f,這些運(yùn)動(dòng)強(qiáng)調(diào)版式,無襯線字體(Helvetica于1957年在包豪斯舞臺(tái)上創(chuàng)建),幾何形狀,簡單的線條,體積和顏色。
01. 瑞士海報(bào)01(版式方面)由 Mehman Mammedov 02. 黃視VOL.3通過 維奧萊納齊名
4.8大的不間斷彩色空間
大型,不間斷的色彩空間將在明年成為非常流行的趨勢。它們與大膽的字體搭配使用,可以在圖形設(shè)計(jì),產(chǎn)品設(shè)計(jì)以及ui中找到。
01. Synticate©由 斯捷潘索洛德科夫 02 Havaianas人字品牌內(nèi)容由 約翰Vernizzi 03. Kekkil?-BVB的 Kurppa Hosk
4.9超極簡主義
極簡主義的設(shè)計(jì)僅使用必需品,非常有限的調(diào)色板和簡單的形狀來打造令人難忘的身份。放棄多余的元素,使所有設(shè)計(jì)項(xiàng)目都有目的。要?jiǎng)?chuàng)建超極簡主義的設(shè)計(jì),您需要使用盡可能多的白色/負(fù)空間,簡單的配色方案和一些基本的幾何形狀。
01. Heim雜志,第3頁, Sasha Yaguza撰寫 02. Andrei Gheorghe- DADA-通過 moodley品牌標(biāo)識(shí)發(fā)布
5.基于技術(shù)的趨勢
技術(shù)通過智能設(shè)備和嶄新的理念正在徹底改變我們的生活。這些新技術(shù)使設(shè)計(jì)師已經(jīng)開發(fā)出進(jìn)入當(dāng)前趨勢的新功能。人工智能,機(jī)器學(xué)習(xí),虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)正在影響設(shè)計(jì)師的思維方式和創(chuàng)作方式。
5.1增強(qiáng)現(xiàn)實(shí)的移動(dòng)應(yīng)用
隨著蘋果和谷歌推出自己的AR開發(fā)平臺(tái)ARKit和ARCore,很明顯,整個(gè)世界將面向增強(qiáng)現(xiàn)實(shí)技術(shù)。
許多大品牌已經(jīng)在其應(yīng)用程序中采用了這項(xiàng)技術(shù),而那些尚未采用這種技術(shù)的公司必須認(rèn)真考慮如何使用戶在這種新現(xiàn)實(shí)中與之交互。
有一些AR交互可用于創(chuàng)建直觀的應(yīng)用程序。第一個(gè)是將應(yīng)用程序固定在手機(jī)屏幕上時(shí)。另一個(gè)是AR UI與用戶周圍的環(huán)境相關(guān)聯(lián)時(shí)。最常用的互動(dòng)方式之一
是當(dāng)UI與對(duì)象相關(guān)并通過掃描特定項(xiàng)目觸發(fā)時(shí)。該動(dòng)作將數(shù)字動(dòng)畫連接到特殊的“標(biāo)記”。
有關(guān)更具體的AI規(guī)則,請(qǐng)閱讀Apple指南,以提供“將真實(shí)的虛擬對(duì)象與現(xiàn)實(shí)世界無縫融合的沉浸式,引人入勝的體驗(yàn)”。
5.2 AI,ML,聊天機(jī)器人和虛擬助手
聊天機(jī)器人是一種 通過聽覺或文本方法 進(jìn)行 對(duì)話的 軟件。[1] 此類程序通常旨在令人信服地模擬人類作為對(duì)話伴侶的行為,盡管截至2019年,它們?nèi)赃h(yuǎn)遠(yuǎn)不能通過 圖靈測試。[2] 資料來源:維基百科
人們還不習(xí)慣與AI對(duì)話,因此設(shè)計(jì)師(和開發(fā)人員)的工作很大一部分是使流程簡單并建立信任。他們需要幫助人們了解系統(tǒng)可以做什么以及如何使用它。
使用AIML(人工智能標(biāo)記語言)設(shè)計(jì)和編寫腳本聊天機(jī)器人,是出色的UX設(shè)計(jì)人員的魔力可以發(fā)揮作用的地方。
大多數(shù)使用聊天機(jī)器人的公司都選擇說明助手來為AI做鬼臉。以下是一些在其UI設(shè)計(jì)中使用聊天機(jī)器人的品牌:Spotify,星巴克,萬事達(dá)卡,絲芙蘭,Lyft,必勝客。
5.3 VR
大多數(shù)人將VR與游戲行業(yè)聯(lián)系在一起是有充分理由的,但是隨著所有大型科技公司開發(fā)VR套件和應(yīng)用程序,我們可以肯定地說,我們將發(fā)現(xiàn)使用和享受這項(xiàng)技術(shù)的新方法。VR已經(jīng)用于教育,醫(yī)療保健,旅游,房地產(chǎn)或建筑。
5.4語音用戶界面(VUI)
語音用戶界面(VUI)使用語音識(shí)別 來理解語音命令和問題,通常是文本到語音以播放答復(fù),從而 使語音與計(jì)算機(jī)的人機(jī)交互成為可能 。語音命令設(shè)備(VCD)是受語音用戶界面控制的設(shè)備。資料來源:維基百科
去年,使用互聯(lián)網(wǎng)連接的設(shè)備的人中有40%每月至少使用一次語音助手,與去年相比,這一數(shù)字增加了10%。
6.產(chǎn)品設(shè)計(jì)
6.1包裝中的圖案
在過飽和的包裝市場中,很難創(chuàng)造出可以脫穎而出的新產(chǎn)品,因此設(shè)計(jì)師要回到根源并創(chuàng)造出使產(chǎn)品在擁擠的零售貨架上脫穎而出的樣式。幾何,花卉,浪漫或單色圖案是任何產(chǎn)品包裝的大膽選擇。
01. 飛行山羊咖啡由 妮可LaFave 02. VITA SPA皮膚 由 DWYW 03. 巧克力包裝設(shè)計(jì)由 算術(shù) 04. 100手繪無縫的圖案和形狀 的 Arseny Samolevsky
6.2包裝插圖
插圖一直是包裝設(shè)計(jì)中的重要元素。通過他們,我們可以講述一個(gè)故事,使目標(biāo)受眾可以更好地理解該概念背后的歷史。平面插圖已經(jīng)存在了數(shù)十年,并且很可能會(huì)一直處于流行趨勢。
01. 布里格斯原件由 熙宰金 02 天鵝絨咖啡杯 由 安東Malishev, 呵呵卡羅拉 03. 廢物不包括廚房-品牌打造的 嘗試和真正的DESIG ň04 家,甜蜜的壽司兒童 通過 精明的機(jī)構(gòu), 馬里亞納星火 05. Cerveza塔Maleante通過 Antonay
6.3留白
極簡主義是設(shè)計(jì)的基本原則,而今天它又是新事物。它放棄了設(shè)計(jì)中不需要的所有內(nèi)容,并用負(fù)空間代替了它。這種趨勢將功能帶到了最前沿,并專注于簡潔的設(shè)計(jì),使版式脫穎而出。
01. 香味精油 由Y u型簡林, 黃惡嗯-祥 , 智泰蓮 02. 重塑品牌理念,為BodriPincészet由 克里斯托夫Gáthi
6.4單色和兩種顏色
首先,在調(diào)色板中僅使用1或2個(gè)色調(diào)似乎有些限制,但它們可以創(chuàng)建非常強(qiáng)烈的視覺識(shí)別感。僅使用一種或兩種顏色,就可以保持簡約的外觀,放棄所有多余的東西。結(jié)果是精美,高雅的產(chǎn)品令人賞心悅目。
01. Zerbet冰糕由 才林賈爾斯 02. 貝利啤酒 由 埃德大廳 悉尼, 葉卡捷琳娜Leontyeva , 波阿斯孫
6.5大膽的顏色
大膽的顏色和漸變?nèi)匀皇欠浅?qiáng)烈的趨勢,這種趨勢將在2020年持續(xù)。使用這些顏色,您可以創(chuàng)建令人難忘的產(chǎn)品。
01. 極簡主義和享樂主義:Fabula Branding 重新設(shè)計(jì)了 千年品牌
02 紋身商城 通過 Openmint工作室, 葉卡捷琳娜Teterkino , 煙, 葉戈?duì)朘umachov
03. Organic by Larissa Kendrik 和 加布里埃爾· 沙茨曼
04. VIZOU -老花眼鏡 的 工作室開頭語, 阿克塞爾杜馬克
05. 包裝的調(diào)味開心果由 米拉Katagarova
6.6注意細(xì)節(jié)(受新藝術(shù)風(fēng)格啟發(fā))
注重細(xì)節(jié)的包裝比以往任何時(shí)候都更受歡迎。設(shè)計(jì)師選擇這種趨勢是因?yàn)樗x予了產(chǎn)品真實(shí)性。這種趨勢使我們以現(xiàn)代方式思考經(jīng)典。
01. HYWILDE由 查德·邁克爾·工作室 02 AMSTEL KARGO IPA通過 卡帕羅設(shè)計(jì)船員
03. 大島咖啡烘焙-咖啡咬傷的 農(nóng)場設(shè)計(jì)
6.7包裝中的講故事
到2020年,品牌將不得不重新考慮其產(chǎn)品和包裝。品牌必須講述一個(gè)故事,以幫助客戶體驗(yàn)產(chǎn)品的本質(zhì)。這可以通過為包裝創(chuàng)建視覺和敘述身份來實(shí)現(xiàn)。
01. 喙接通過 骨干品牌推廣 02. Colorea用t 骨干品牌
7.版式
7.1粗體印刷
粗體印刷術(shù)是設(shè)計(jì)中的重要趨勢,它取代了圖像作為主要元素。勇敢的排版可以在網(wǎng)頁設(shè)計(jì)和圖形設(shè)計(jì)中發(fā)揮作用。
01. 埃里克·林格(Eirik Lyng),作者: 埃里克· 赫斯特雷(ErikHerrstr?m); 02. 包豪斯(Bauhaus_100)(x3),作者: BunkerType(JesúsMorentin)
03. UCCA當(dāng)代藝術(shù)中心北京由 布魯斯·莫設(shè)計(jì)(BMD) ,耶勒馬雷夏爾
7.2小寫
越來越多的應(yīng)用程序使用完全小寫的文本,非常易于閱讀,并且完美地融入了簡約和現(xiàn)代的設(shè)計(jì)中。在明年,我們絕對(duì)必須關(guān)注這一趨勢。
01. Autea品牌和網(wǎng)頁設(shè)計(jì)由 米哈爾Markiewicz 02 山大食品公司 CI由 臣藤田/ tegusu公司 03. Aquality品牌的 哈坎Fidan的
7.3自定義字體
盡管自定義字體沒有什么新意,但我們將看到這種趨勢越來越多地出現(xiàn)在設(shè)計(jì)中,尤其是在徽標(biāo)和海報(bào)中。這種做法在大品牌中更常見,因?yàn)樯a(chǎn)專用字體可能會(huì)非常昂貴,但是設(shè)計(jì)人員可以對(duì)現(xiàn)有字體進(jìn)行少量調(diào)整,結(jié)果可能會(huì)非常獨(dú)特。
01. Think8全球研究院通過 勃洛克設(shè)計(jì) 02 ZINEZ?//設(shè)計(jì)周期由 芭芭拉·卡托納 , 媒體與設(shè)計(jì)系埃格爾 03. 式設(shè)計(jì)'19通過 TRüF創(chuàng)意 04. Cako字體由 維奧萊納齊名
7.4動(dòng)力學(xué)排版
就像我們說的那樣,動(dòng)畫在設(shè)計(jì)中無處不在,因此在排版中也很常見。動(dòng)態(tài)字體使用小的和簡單的交互作用來移動(dòng)和移動(dòng)屏幕上的字體。這種簡單的技術(shù)可以處理文本并創(chuàng)建最終產(chǎn)品,該產(chǎn)品保留在查看器的內(nèi)存中。
01和02. Grafika , Gimmick Studio設(shè)計(jì) 。03&04. 增強(qiáng)現(xiàn)實(shí)與動(dòng)作排版,作者: Alex Slobzheninov
7.5堆疊字體
堆疊文本可能是一種現(xiàn)代化的解決方案,可以吸引您注意基本信息。我們可以在網(wǎng)頁設(shè)計(jì),應(yīng)用程序設(shè)計(jì)和圖形設(shè)計(jì)中看到這種趨勢。
01. L'嗡通過 Atipus巴塞羅那 02 期刊由 杰瑪馬奧尼 03. 海報(bào)收藏| VOL.8由 羅馬發(fā)表 04. SMLXL由 梅麗莎Baillache, 墊新郎, 杰森·利特爾
8.趨勢工具
8.1 Adobe Spark
Adobe Spark是Adobe Systems 開發(fā)的 用于移動(dòng)和Web的媒體創(chuàng)建應(yīng)用程序的集成套件 。[1] 它包含三個(gè)獨(dú)立的設(shè)計(jì)應(yīng)用程序: Spark Page, Spark Post和 Spark Video。(來源:WIkipedia)
他的免費(fèi)Adobe Spark Web應(yīng)用程序可與Spark Page,Spark Post和Spark Video iOS移動(dòng)應(yīng)用程序同步 ,從而使用戶可以從任何設(shè)備創(chuàng)建,編輯和共享其視覺故事。
[3] 這三個(gè)設(shè)計(jì)應(yīng)用程序允許用戶創(chuàng)建和設(shè)計(jì)可用于企業(yè),教育,社交媒體營銷人員等的視覺內(nèi)容。[4] Spark Gallery突出顯示了使用該應(yīng)用程序的人們所做的不同項(xiàng)目。使用這三個(gè)應(yīng)用程序時(shí),用戶可以導(dǎo)入圖片或搜索圖片。
8.2繁殖
Procreate是 由Savage Interactive針對(duì)iOS開發(fā)和發(fā)布的 用于 數(shù)字繪畫的 光柵圖形編輯器 應(yīng)用程序。針對(duì)iPad的藝術(shù)可能性而設(shè)計(jì) ,并且適合從初學(xué)者到專業(yè)人士的藝術(shù)家。
它提供130多種逼真的畫筆,多層, 混合模式, 蒙版, 過程視頻的4K分辨率導(dǎo)出 , 自動(dòng)保存以及許多其他經(jīng)典和原始的 數(shù)字藝術(shù) 工具。除光柵圖形外,該軟件的編輯和渲染文本和矢量圖形能力有限 。(來源:Wikipedia)Procreate是2018年App Store上最暢銷的應(yīng)用程序。
8.3 Adobe XD
Adobe XD是 由Adobe Inc開發(fā)和發(fā)布的 用于 Web應(yīng)用程序 和 移動(dòng)應(yīng)用程序的基于矢量的 用戶體驗(yàn)設(shè)計(jì)工具。它適用于 macOS 和 Windows,盡管有適用于iOS 和 Android的版本 可幫助直接在移動(dòng)設(shè)備上預(yù)覽工作結(jié)果。XD支持 網(wǎng)站線框圖,并創(chuàng)建簡單的交互式點(diǎn)擊型原型。(來源:維基百科)
作者授權(quán)
總結(jié)
每一年每一個(gè)時(shí)間段都會(huì)有新的趨勢,學(xué)會(huì)的辯證的眼光去看待便是最大的智慧。世界一直都在變,趨勢也是。保持學(xué)習(xí)和探索的心不變就是對(duì)自己熱愛的事情最好的回應(yīng),念念不忘,必有回響。共勉!
文章來源:站酷-木七翻譯整理
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com