2020視覺設計趨勢
2020年已過去一半多了~
是否感受到2020設計的多樣化本文探討了最重要的趨勢是與技術相關的並且是由技術發展而來的以及它們是如何影響設計世界的
Dynamic Design & Animation
動態設計與動畫
對於 2020 年,我們認為動畫設計是主要趨勢,因為我們在所有設計領域都能看到動畫的存在,小到交互到 LOGO 和 UI,一切都在變化。動畫正在以自己的方式進入到當代世界,文字不再像以前那樣吸引人。正確的運用動態設計可以使信息更快更準確的傳達給觀眾。
By Mate Miminoshvili
Classification Dissect從八大類剖析
1. 動態設計
2. 平面設計
3. 插畫
4. 字體排版設計
5. 基於技術的趨勢
6. 包裝
7. 用戶界面 / 用戶體驗
8. 流行軟體
1.動態設計
1.1 3D 影像
在2020年,我們無法想像沒有 3D 的動畫,它打開了一扇大門,進入了一個只有想像力是極限的世界。我們可以在商業廣告、電影、遊戲、廣告活動和任何一個領域中看到 3D。
By Jonathan Lindgren
1.2 視頻+動態插畫 (混合媒體)
拍攝的視頻、生動的插畫,有時還有靜止的照片,這些結合在一起就能產生非凡的效果。2D 或 3D 插畫可以創造過目難忘的視頻,從幾條線條動畫到 3D 中的真實人物,甚至是在現實生活中不存在的複雜視覺效果。
By Plenty Studio
1.3 2D動畫-說明性視頻
2D 動畫側重於創造故事和角色,並在創作過程中使用矢量。當你想要一個運動或產品的解釋視頻,2D 是完美的選擇。在一個總是忙忙碌碌,沒有時間閱讀的世界裡,解釋性視頻是網站的必備品。
01. Freelive by Studio Infografika , Sergey Sadowski , Anastasia Alterka , Arsentiy Lesnik , Yuriy Armstrong , Arin Good, George Vald ,Maxim Tleubaev
1.4 動態 LOGO
在 2020 年動畫已經成為「必須品」,為了保持競爭力,我們也必須把他們整合到 LOGO 設計中。許多公司已經開始讓他們的 LOGO 動起來,為了吸引人們的注意力。這也是 LOGO 設計的主要趨勢。
1.5 混合動畫 - 2D、3D 一體化
這種趨勢並不新鮮,但絕對值得一提。混合動畫是關於結合二維和三維使用特定的軟體,創造了這一點。
2.平面設計
2.1 平面設計中的3D
雖然 2D 獨佔了設計的這個分支,但 3D 可以為最終的概念添加額外的東西。三維渲染可以是插圖、動畫或字體的形式展現。
2.2 雙色
「少即是多」的概念完美地描述了這一趨勢,設計師創造了大膽的元素,帶有優雅的觸感和強烈的對比。這種趨勢是創造一個更容易接近的印刷的完美選擇,因為某些技術印刷更多顏色成本會增加。
2.3 視知覺藝術
視知覺藝術作品以抽象為特徵,許多更知名的作品都是黑白的。通常,他們給觀眾的印象是運動,隱藏的圖像,閃爍和振動的模式,或腫脹或扭曲。(來源:wikipedia.org)。
這種趨勢給人的印象是動態的,但卻是靜態的。如果您想在印刷海報中實現移動圖形的想法,這是最合適的方法。
2.4 平面設計中的插畫
插畫在設計的各個領域都是非常重要的,所以我們在平面設計中也可以看到插畫。2D 插畫在近幾年非常受歡迎,即使在 2020 年也將繼續是設計師的最愛。
2.5 動態海報
動畫無處不在,我們在設計的各個領域都能找到它們,當然它們也出現在數字海報中。尤其是結合了 2D 和 3D 的動態海報,效果非常棒。
2.6 復古合成風
復古合成風是在 80 年代出現的一種趨勢,但在好萊塢開始發行那個年代的電影後又重新出現。隨著 Stranger Things 系列的成功,這股潮流又開始流行起來。
2.7 瑞士風格、達達主義、包浩斯
20 世紀平面設計中最重要的運動往往是最優秀設計師的靈感來源。這些風格是值得一提的,因為它們總是最新的,遵循它們所規定的規則幾乎不可能在設計中犯錯誤。總的來說,這些運動強調排版,無襯線字體 ( Helvetica 是1957年在包浩斯的舞臺上創造的) 幾何形狀,簡單的線條,體積和顏色。
2.8 大面積彩色空間
這將是明年非常流行的趨勢。與一個大膽的排版搭配,可以在平面設計、產品設計以及用戶界面中找到。
2.9 超極簡主義
超極簡主義設計只使用必需品,非常有限的色彩和簡單的形狀來創建一個難忘的元素。放棄多餘的,讓所有的設計項目都有一個目的。為了創造一個極簡主義的設計,你需要使用儘可能多的白色/負空間,一個簡單的配色方案和一些基本的幾何形狀。
3.插畫
3.1 角色設計
角色設計包括定義一個支持整個概念的角色。最重要的是,通過繪畫,設計師給人物注入了強烈的個性。在應用程式或網站中遇到的虛擬助理就是角色設計的一個很好的例子。
3.2 肌理
插畫和肌理結合能創作出令人驚豔的作品。你可以找到很多想法來添加肌理到你的插畫中,從顆粒紋理到預先製作的筆觸,或者你可以手動製作它們。在網上,你可以找到許多肌理和預先製作的畫筆和工具,可以在你的插畫中使用。
3.3 精細描邊平面插圖
在過去的幾年裡,平面插畫隨處可見。現在有一個新組合:應用於每個元素的細線描。大多數藝術家選擇使用薄的黑色筆畫,但它也可以上色,顏色要比目標物體的顏色深。
3.4 等軸插圖
是的,等軸插圖依然流行。它主要出現在 UI 設計中。隨著人們對加密貨幣興趣的增加,這一趨勢開始顯現,在 2019 年時這種趨勢得到了發展,現在它開始漸漸出現在其他業務領域了。
3.5 3D插圖
隨著越來越高效的軟體和工具出現,3D 插畫變得越來越受歡迎,與 2D 不同的是它展現了更逼真的畫面。
3.6 強烈的色彩
在插畫中強烈的色彩是精彩的,因為它創造了明亮的氛圍,讓人物脫穎而出,並展現了圖畫背後的故事。
4.字體排版設計
4.1 粗體
粗體是排版設計中的一個重要趨勢,它取代了圖像作為主要元素。粗體可以讓網頁設計和平面設計與眾不同。
4.2 小寫字母
越來越多的應用程式使用完全小寫的文本,非常容易閱讀,並完美地融入到極簡和現代的設計。明年我們一定要密切關注這一趨勢。
4.3 自定義字體
儘管自定義字體沒有什麼新意,但我們將看到這種趨勢越來越多地出現在設計中,尤其是在 LOGO 和海報設計中。這種做法在大品牌中更為常見,因為定製一種專用字體的成本相當昂貴,但設計師可以對現有字體進行小的調整,效果也會非常獨特。
4.4 動態字體設計
正如我們所說,動畫在設計中無處不在,所以在字體排版中也能找到它們是常態。動態字體使用小而簡單的交互來移動和移動屏幕上的字體。這個簡單的技術操作文本,並創造一個最終的產品,留在觀眾的記憶。
4.5 堆疊字體
堆疊文字可以是一個現代的解決方案,吸引你的注意力到基本信息。我們可以在網頁設計、應用程式設計以及平面設計中看到這一趨勢。
5.基於技術的趨勢
科技正在用智能設備和全新的理念給我們的生活帶來革命性的變化。這些新技術使得設計師們已經開發出了符合當前趨勢的新功能。人工智慧、機器學習、虛擬實境和增強現實正在影響著設計師們的思維方式和創作方式。
5.1 AR 應用程式
隨著蘋果和谷歌推出各自的 AR 開發平臺 ARKit 和A RCore,很明顯 AR 技術時代即將來臨。
許多大品牌已經在他們的應用中採用了這種技術,而那些還沒有這樣做的,必須認真考慮如何讓用戶在這種新的現實中與之交互。
有幾種 AR 交互可以應用在程序中。第一個是體現在手機屏幕中,另一種是與用戶周圍的環境結合。最常用的交互之一是當 UI 與對象相關並通過掃描特定項來觸發它時。這個動作將一個數字動畫連接到一個特殊的「標記」上。
這裡有兩種 AR 交互是能被設計在直觀的程序中。第一種是呈現在你的手機屏幕上,另一種是 AR UI 與用戶周圍環境相關聯時。
有關更具體的 AI 規則,可以閱讀 Apple 指南。
5.2 人工智慧、機器學習、聊天機器人和虛擬助手
聊天機器人是一種通過聽覺或文本方法進行對話的軟體。[1]這樣的程序經常被設計用來令人信服地模擬人類作為會話夥伴的行為,儘管到 2019 年,他們還遠遠不能通過圖靈測試。[2]來源:維基百科
人們還不習慣與人工智慧交談,因此設計師 (和開發人員) 的一大部分工作就是簡化過程並建立信任。他們需要幫助人們理解這個系統可以做什麼,以及如何使用它。
在 AIML(Artificial Intelligence Markup Language)中設計和編寫聊天機器人的腳本是一個優秀的 UX 設計師的魅力所在。很多公司都會使用聊天機器人作為助手來為用戶解決問題,以下是一些在其 UI 設計中使用聊天機器人的品牌:Spotify,星巴克,萬事達卡,絲芙蘭,Lyft,必勝客。
5.3 VR
大多數人將 VR 與遊戲產業聯繫在一起,這是有原因的,但所有主要的科技公司都在開發 VR 工具包和應用程式,我們可以肯定地說,我們將發現使用和享受這項技術的新方法。VR 已經在教育、醫療、旅遊、房地產或建築領域得到應用。
5.4 語音用戶界面(VUI)
語音用戶界面 (VUI) 使得人機對話成為可能,它使用語音識別來理解語音命令和問題,通常是文本到語音來播放回復。語音命令設備 (VCD) 是由語音用戶界面控制的設備。來源:維基百科
在過去的一年中,40%的使用網際網路設備的人每月至少使用一次語音助手,這一數字比去年增加了10%。
6. 產品設計
6.1 包裝上的圖案
在一個過度飽和的包裝市場中,很難創造出引人注目的新產品,所以設計師們回到根本,創造出能讓產品在擁擠的零售貨架上脫穎而出的圖案。在任何產品的包裝上,無論是幾何圖案,花卉,浪漫的或單一類型的圖案都是一個大膽的選擇。
6.2 包裝上的插畫
插畫一直是包裝設計中一個強大的元素。通過它們,我們可以講述一個故事,讓目標受眾更好地理解概念背後的歷史。平面插畫已經存在了幾十年,它們很有可能永遠都是一種潮流。
6.3 留白
極簡主義是設計的一個基本原則,這在今天仍然是新穎的。它放棄了設計中所有不必要的東西,取而代之的是負空間。這一趨勢把功能最大化,專注於減少多餘設計,排版而脫穎而出。
6.4 單色 & 雙色
在色板中只使用1或2個色調似乎有些限制,但它們可以創造出一個非常強大的視覺系統。只使用一種或兩種顏色,你可以保持一個極簡主義的外觀,放棄一切額外的東西。其結果是一種精緻、優雅、賞心悅目的產品。
6.5 大膽的配色
大膽的顏色和漸變仍然是一個非常強大的趨勢,將持續到 2020 年。使用這些顏色,你可以創造一個令人難忘的產品。
6.6 注重細節(靈感來自新藝術主義)
關注細節的軟體包比以往任何時候都更受歡迎。設計師之所以選擇這種趨勢,是因為它賦予了產品真實性。這種趨勢讓我們以一種現代的方式思考經典。
6.7 包裝的敘事性
到 2020 年,各品牌將不得不重新考慮它們的產品和包裝。品牌必須講故事,幫助顧客體驗產品的精髓。這可以通過創建包裝的視覺和敘事身份來實現。
7. 用戶界面/用戶體驗
7.1 夜間模式 (安卓Q和iOS 13)
夜間模式是 2020 年的一個新趨勢,Android 推出了 Force Dark mode 和 System Dark mode 兩種夜間模式。微軟搶在谷歌之前,在其電子郵件應用中展示了他們的夜間模式,谷歌也很快就發布了自己適用於 Android 10 的 Gmail 夜間模式。
隨著這一更新的發布,許多設計師將在他們的應用或網站中使用夜間模式,所以預計在未來的一年裡會看到越來越多的夜間模式。
7.2 大膽的顏色
在過去兩年裡,鮮豔的顏色一直是一個重要的趨勢,並將延續到 2020。大膽的色彩是豐富、明亮的、兼具活力的。它們可以作為主色調,也可以是次色調。
7.3 UI 插畫
近幾年來,插畫一直是設計中最為強勁的趨勢之一。用插畫來表達觀念,能讓用戶更好地理解產品背後的想法。好的插畫不僅可以讓概念更具創意,也可以更直觀的表達主題。
7.4 敘事性
在設計中講故事能幫助你的用戶在你的平臺中體驗更簡單和順暢 (在 UX 設計中),一個好的故事能讓用戶能更容易地理解產品。為了講述一個故事,我們可以創作出一個人物,賦予他一種人格,設計一個故事和一個問題,最終通過我們的產品解決了問題 (UI 設計)。這是產品設計講故事的基礎。敘事性在 UI 和 UX 中都有被使用,並且原則相同,只是實現方式不同。
7.5 動態圖形和微交互
正如我們所說,動態圖形是今年的趨勢,它在 UI 設計中也表現得很突出,它為插圖增加了力量,使想法更容易被吸收,並留在用戶的記憶中。
微交互最早出現在 2018 年,但這仍是一個值得在2020年關注的趨勢。這是 UI 設計中一個極其重要的趨勢,決定了一個應用或網站是基本的還是特殊的區別。微交互在讓用戶理解系統如何工作並引導其獲得更好的體驗方面起著至關重要的作用。
如果你是一個 UI 設計師,還沒有在你的設計中使用微交互,我們建議你去做,因為在 2020 年,任何沒有微交互的 UI 設計都是非常簡單的。
7.6 UI中的視頻
在 2020 年,信息必須很快到達用戶手中,最好的方法是通過視頻內容來實現。無論你是選擇動畫還是傳統電影形式來解釋產品,視頻內容都將是網站或應用必須具備的。
7.7 功能
功能是UI設計中一個至關重要的部分,每個元素都是根據其用途和功能來選擇的。許多人認為你必須在設計和功能之間進行選擇,但是隨著新技術的出現,這兩者可以很好地結合在一起並相互補充。設計負責將人們的注意力吸引到站點或應用程式上,其功能使體驗更容易,讓用戶更快地找到信息。
7.8 注重細節
在 UI 設計中,注重細節是非常重要的。從按鈕、圖標、加載到導航,這些小細節構成了一個優秀的設計。我們在 UI 中需要注意的細節,總是隨著新技術的出現而變化。
明年我們會看到越來越少的按鈕,更多的基於手勢的導航。例如,Android 的一個主要導航按鈕「返回」,將在 Android 10 中正式消失。
01. Ramotion打造的FLYR視覺識別和營銷網站
02. Tagir Tikeev為聾人開發的警報應用程式
7.9 漸變
近年來,我們一直在談論設計中的漸變,值得一提的是,這種趨勢將在 2020 年更加突出。鮮豔的顏色是一個成功的漸變完美的選擇。它們可以用於按鈕、圖標、插圖,甚至在排版中。
8.流行軟體
8.1 Adobe Spark
Adobe Spark 是 Adobe Systems 開發的用於手機和網頁的軟體集。它由三個獨立的設計應用程式組成: Spark Page、Spark Post 和 Spark Video。(來源:維基百科)
他的免費 Adobe Spark web 應用程式與 Spark Page、Spark Post 和 Spark Video iOS 行動應用程式同步,用戶可以在任何設備上創建、編輯和分享他們的視覺作品。可用於企業、教育、社交媒體營銷等。在使用這三個應用程式時,用戶可以導入圖片或搜索圖片。
8.2 Procreate
Procreate 是 Savage Interactive 為 iOS 開發的數碼繪畫 APP。針對 iPad 設計的,並且適用於初學者和專業人士人群。它提供 130 多個逼真的筆刷、多層、混合模式、遮罩、4K 解析度的過程視頻導出、自動保存和許多其他經典和原始的數字藝術工具。除了柵格圖形,這個軟體有有限的能力編輯和渲染文本和矢量圖形。(來源:維基百科) 它是2018年 App Store 上最暢銷的應用。
8.3 Adobe XD
Adobe XD 是由 Adobe Inc. 開發的基於矢量的 web 應用程式和行動應用程式用戶體驗設計工具。它適用於 macOS 和 Windows ,不過也有 iOS 和 Android 版本可以幫助直接在行動裝置上預覽作品。XD 支持網站線框圖,並創建簡單的交互點擊原型。(來源:維基百科)
8.4 CINEMA 4D
C4D 是德國 MAXON 出品的 3D 動畫軟體,C4D 簡單易學且內建強大的 Mograph 功能,可以輕鬆玩轉動態效果。由於其出色的視覺表達能力已成為許多視覺設計師首選的三維軟體。近年來,越來越多品牌:Apple、騰訊、Google、Oppo 等企業都喜愛用 C4D 動畫短片進行品牌和產品宣傳。