UXC_Design2020_Project Research by Donerzozo(壓縮過)
本文目錄
01 UI / UX
02插圖Illustrations
03動態圖形Motion Graphics
04平面設計Graphic Design
05基於技術的趨勢Trends based on Technology
06包裝設計Packaging
07字體設計Typography
08趨勢工具Trending Tools
01 UI / UX1.1 暗模式 (Dark mode; android Q and iOS 13)暗模式是2020年延續2019的新趨勢,Android系統引入了兩種類型的暗模式,分別為 「強制暗模式」 和 「系統暗模式」。微軟通過在其電子郵件APP中展示其暗模式擊敗了谷歌,但谷歌立即迅速推出了自己針對Android 10的Gmail APP的暗模式版本。隨著越來越多的領頭大公司推出自己的暗模式版本,越來越多的設計師,將會選擇在他們的APP或網站中使用暗模式,因此希望在來年看到越來越多的暗模式。1.2 大膽用色 (Bold Colours)在過去的2019到2020年中,強烈大膽的色彩已成為重要的趨勢。大膽的色彩豐富,明亮,甚至極富活力。使用它們作為主要或次要顏色。 01. EMART UX/UI RENEWA by Plus X, Lee boram , Sabum Byun , Hee Jung, Youjin Jeon , 원 지혜, Bongho Choi01. Kraken Redesign by Sylvain Theyssens , Antonin Collard
02. Reliefy — Medical Project by Marcin Pankiewicz Gorzów , Miłosz Pożarkowski01. UI/UX | Smart Pharmacy app by Anastasia M, Sergey Nikonenko UX
03. Flying Veggies by Patricia Reiners
04. UKRPOSHTA. Mobile app of Ukraine’s national post by Ilona Kim 05.Alarm App for the Deaf by Tagir Tikeev1.6 Video in UI到2020年,信息必須非常快地到達用戶手中,通過視頻內容將會更好地完成這個目標。不管是選擇通過動畫或經典影片來解釋產品,視頻內容對於任何APP/Web都是必不可少的。01. Pockee — a family banking app by Adam Zielonko , Toto Castiglione , Wiktor Półtorak , Iryna Korshak , Netguru Team , Maciej Dyjak1.7 功能設計 (Functionality)UI設計中一個重要的部分即是功能設計,所有設計元素的選擇都是根據這個目的和能力。許多人認為您必須在設計和功能之間進行平衡,但是在新技術的幫助下,這兩種技術可以很好地融合在一起並相互補充。設計將更專注如何引起用戶,對APP/Web的注意。而功能設計將使體驗變得更輕鬆,讓用戶可以更快地找到信息。Games Casas Bahia by Miagui
Balance by Cabeza Patata Studio
Castle Crashers by Mohamed Chahin
Eyoo family 3D illustration by Baianat Personal Illustrations Vol 1 by Pablo Marín A Person Travel by 亂 Elaine2.6 極度大膽的用色(Ultra bold colors)大膽的顏色非常適合插圖。它們營造出歡樂的氛圍,使角色脫穎而出,並在圖背後展現故事。Cyberpunk City by ONJO _ , Visual Design Art S
States of Matter #3: Montage by Juan García Segura3.2 混合媒體 (Videos + Animated illustrations)結合拍攝視頻,動畫插圖以及靜止照片,有時可以產生非凡的效果。2D或3D插圖可創建令人難忘的視頻,從幾行運動到3D中的真實人物,甚至是現實生活中不存在的複雜視覺效果。
掃碼觀看
Coppel / Back to school by Plenty Studio
02. PWR by Ana Hoxha, Edvina Meta3.3 說明視頻 (2D animations)2D動畫更專注於創建過程中,使用矢量圖來創造故事和角色。當您想要廣告或產品中使用說明視頻時,2D方式可能是較為理想的選擇。在一個快時代即較少時間接觸用戶的軟體UI中,一個好的說明視頻對於任何網站都是必不可少的。掃碼觀看
Freelive by Studio Infografika , Sergey Sadowski , Anastasia Alterka , Arsentiy Lesnik , Yuriy Armstrong , Arin Good, George Vald ,Maxim Tleubaev
掃碼觀看
ESN — Railway Package by Andres Hertsens , Squarefish Studio3.4 動態商標 (Animated Logos)您應該已經了解到動態效果將是2020年的「必備設計」,為了發揮這個優勢,我們還可以將它們應用到商標設計中。許多公司已開始對其商標進行動態化處理,以引起人們的注意。這也是目前商標設計的主要趨勢。Cuppa by Victoria Ng
02–07. Motion Beast ✕ Logomachine. Logo animations by Motion Design School, Víctor Villamarín , Bogdan Dumitriu , Logomachine .net , Alexander Kuznetsov , Zack Lee , Denys Siurin , Stanislav Marchenko , Lizaveta Tsareva , Supremus Levenus , Anton Fomin , Emile Khafizov, Ach Hadda3.5 2&3D 混合動畫 (Hybrid Animation-2D and 3D Integration)2D與3D動畫混合的趨勢並不是一個新趨勢,但在2020絕對值得一提。混合動畫就是使用為此創建的特定軟體,將2D與3D效果結合在一起。Portraits by Fernando Domínguez Cózar
2. NASA | Space Age by Studio — JQ ∆ 03. NASA X BBC | Unnatural World by Studio — JQ ∆4.2 變色/對比 (Bicolor)精益求精的概念可以完美描述這一趨勢,設計師在透過創造出大膽的元素,並用優雅的設計和強烈對比將其結合。這種趨勢是創建更易於吸引注意力的平面印刷的理想選擇,因為當前的列印技術,顏色如果更多則價格會更高。Winter Open 』18 by Kinoto Studio, Romina Rios, Luc Geoffroy
Synticate© by Stepan Solodkov
TIGER IN A MUSEUM by de_form studio, nora demeczky , eniko deri
Lettering Series IX by Rafael Serra4.3 光感藝術(Optical perception art)歐普藝術有許多知名的抽象黑白作品。它們通常通過給觀看者留下動感、隱藏圖像、扭曲和閃爍的圖案,或膨脹或彎曲的印象。這種趨勢給人有了動態的印象,但其實是一種用靜態的呈現方式。如果要在印刷海報中實現動態效果的想法,這是較合適的方法。01 & 02 Tokyo Blends Film Festival by Mercedes Bazan , Adobe Live 03. Posters — Vol I by Xtian Miller4.4 平面設計中的插畫 (Illustrations in Graphic Design)插圖在設計的所有領域都非常重要,因此我們在圖形設計中也能發現被大量使用的身影。2D插圖在現在已經非常流行了幾年,並且即使在2020年,也將繼續成為設計師的最愛。GĄSKA NA HELU — PLAKATY by Ewelina Gąska
CAT bar and dance club / 2019 by kissmiklos , Eszter Sarah4.5 動畫海報 (Animated posters)動畫無處不在,我們在設計的各個領域都可以找到它們,當然它們也存在於數字海報中。動畫可以將2D與3D混合在一起,效果令人著迷。Swiss poster 01 (typography terms) by Mehman Mammedov
Synticate© by Stepan Solodkov
Havaianas Branded Content by Johann Vernizzi Kekkilä — BVB by Kurppa Hosk4.9 極簡主義 (Ultraminimalism)極簡主義的設計僅使用必需的設計元素,有限的調色和簡單的形狀來打造令人難忘的表現。放棄多餘的元素,讓所有設計都有目的。要創建超極簡主義的設計,您需要使用儘可能多的白色/留白、簡單的配色方案和一些基本的幾何形狀。6.1 包裝圖案設計
在過於飽和的包裝市場中,很難創造出可以脫穎而出的新產品,因此設計師必須重新紮根,創造出可以使產品在擁擠的零售貨架上脫穎而出的樣式。幾何,花卉,浪漫或單色圖案是任何產品包裝的大膽選擇。
01. Flying Goat Coffee by Nicole LaFave 02. VITA SPA for skin by DWYW 03. Chocolate Packaging Design by arithmetic 04. 100 Hand-drawn seamless patterns and shapes by Arseny Samolevsky
6.2 包裝插圖
插圖一直是包裝設計中的重要元素。通過他們,我們可以講一個故事,使目標受眾可以更好地理解該概念背後的歷史。平面插圖已經存在了數十年,而且很可能會一直處於流行趨勢。
Briggs Original by Hee Jae Kim 、6.3 留白
簡約主義是設計中的一個基本原則,這在今天仍然是新的。 它放棄了設計中不需要的所有內容,並用負空間代替了它。這種趨勢將功能帶到了最前沿,並專注於簡潔的設計,使版式脫穎而出。
01. A SCENT Essential Oil by Yu-Chien Lin, Huang Wun-Siang , Chi Tai Lin 02. Rebranding concept for Bodri Pincészet by Kristóf Gáthi
6.4 單色和雙色
在調色板中只使用1或2個色調起初看起來可能有些限制性,但它們可以創造出非常強烈的視覺特性。只用一到兩種顏色,你就能保持簡約的外觀,放棄一切多餘的東西,是精美,高雅的產品令人賞心悅目!
01. Zerbet Sorbet by Cailin Giles 02. Bailey Brew by Ed Hall Sydney, Ekaterina Leontyeva, Boaz Suen
6.5 大膽的配色
01. Minimalism and Hedonism: Millennium Brand Redesign by Fabula Branding
02. Tattoo Mall by Openmint Studio, Ekaterina Teterkina , Dima Je, Yegor Kumachov
03. VIZOU - Reading Glasses by Studio Chapeaux, Axel Domke
6.6 印刷工藝
關注細節的包裝比以往任何時候都更受歡迎。設計師選擇這種趨勢是因為它賦予產品真實性。這種趨勢讓我們以現代的方式思考經典。
01. HYWILDE by Chad Michael Studio
6.7 敘事性包裝
到2020年,品牌將不得不重新思考他們的產品和包裝。品牌必須講述一個故事來幫助顧客體驗產品的本質。這可以通過為包裝創造視覺和敘事身份來實現。
01. Beak Pick by Backbone Branding 02. Coloreat by Backbone Branding
07 字體設計 Typography7.1 粗體
粗體印刷術是設計中的基本趨勢,它取代了圖像作為主要元素。大膽的排版可以在網頁設計和圖形設計中發揮作用。
01. Eirik Lyng by Erik Herrström 02. Bauhaus_100 (x3) by BunkerType (Jesús Morentin)
03. UCCA Center for Contemporary Art Beijing by Bruce Mau Design (BMD) ,Jelle Maréchal
7.2 小寫
越來越多的應用程式使用完全小寫的文本,非常易於閱讀並將其完美地集成到簡約和現代的設計中。在明年,我們絕對必須關注這一趨勢。01. Autea Branding & Web Design by Michał Markiewicz 02. Yamadai Food Corporation CI by Masaomi Fujita / tegusu Inc. 03. Aquality Branding by Häkan Fidan
7.3 自定義字體
儘管自定義字體沒有什麼新意,但我們將看到這種趨勢越來越多地出現在設計中,尤其是在徽標和海報中。這種做法在大品牌中更常見,因為生產專用字體可能會非常昂貴,但是設計人員可以對現有字體進行少量調整,結果可能會非常獨特。
01. Think8 Global Institute by Blok Design 02. ZINEZŐ // design periodical by Barbara Katona , Media & Design Department Eger 03. TYPE DESIGN '19 by TRÜF Creative 04. Cako typeface by Violaine & Jeremy
7.4 動力學排版
正如我們所說,動畫在設計中無處不在,所以在排版中也能找到動畫是很正常的。動態排版使用小而簡單的交互來移動和轉向屏幕上的字體。這種簡單的技術處理文本,創造出一個最終的產品,並保留在觀眾的記憶中。
01 & 02. Grafika by Gimmick Studio .
7.5 文本堆疊
堆疊文本可能是一種現代化的解決方案,可以吸引您注意基本信息。我們可以在網頁設計,應用程式設計和圖形設計中看到這種趨勢。
Adobe Spark
Procreate是由Savage Interactive針對iOS開發和發布的用於數字繪畫的光柵圖形編輯器應用程式。針對iPad的藝術可能性而設計,並且適合從初學者到專業人士的藝術家。 它提供了130多種逼真的畫筆,多層,混合模式,蒙版,過程視頻的4K解析度導出,自動保存以及許多其他經典和原始的數字美工工具。除光柵圖形外,該軟體的編輯和渲染文本和矢量圖形能力有限。(來源:Wikipedia)Procreate是2018年App Store上最暢銷的應用程式。Adobe XD是由Adobe Inc.開發和發布的用於Web應用程式和行動應用程式的基於矢量的用戶體驗設計工具。儘管存在iOS和Android的版本可以直接在預覽版上預覽工作結果,但它適用於macOS和Windows。行動裝置。XD支持網站線框圖,並創建簡單的交互式點擊型原型。(來源:維基百科) Adobe XD