本文翻譯自Behance的年度推薦好文2019 Design Trends Guide,作者Milo整理了2018下半年的Behance上的知名作品,包含了UI、動效、插畫。
我們嘗試研究在數字設計領域即將到來的2019 趨勢。我們的預測是基于我們在最負盛名的世界設計機構和今年設計競賽的獲獎作品中,觀察到的顏色,排版,形狀和尺寸的深入分析。
年度重點
雖然在2018 年插畫風格就已經是重點,但到了2019 年插畫設計會繼續(xù)上升到一個新的高度,根據最近的統計數據,插畫風格的視覺效果對比普通攝影照片的轉化高達7 倍之多。品牌們也越來越趨向于尋找充滿活力和風格的插畫作品來體現自己的品牌調性,獨特的插圖與大膽的色彩會使產品品牌更能脫穎而出。
-------------
(1) Author: Leo Natsume - Project: Estadão Marcas + Brand illustrations; (2) Author: Milo Themes - Project Etopium Illustrations; (3)Author: ChocoToy cute, Project: - Golden Flavor; (4) Author: Gleb Tagirov, Project: - Isometric Illustration; (5) Author: Ranganath Krishnama - Project Zencargo; (7) Author: Milo Themes - Project Bitcoin Illustrations; (8) Author: Fernando Nunes - Project: Fantasy Play; (9) Author: Saber Wang - Project - Illustration of Block Chain. ; (10) Author: Manoj Jadhav - Project - Illustration; (11) Author: Gabriel Lam- Project: Fantasy Play;
1 大趨勢
1.1 大膽的用色(Bold Color)
從2018 年,在數字領域的設計師們已經開始偏向使用鮮艷的色彩,這種趨勢在2019 年將會變得更加流行、更加大膽,大量的過飽和色調將會更普遍。同時Pantone 已經公布了2019 年的色彩趨勢預測,如果今年希望自己的設計能被更加注目,或許可以嘗試使用大膽的色彩。
-------------
(1) Author: Vladimir Lifanov , Aslamova Viktoriya  —  Project : Loudhead ; (2) Author: Van Orton Design®  —  Project : Billboard • 2018 ; (3) Author:Sagmeister & Walsh  —  Project : BABOON ; (4) Author: Beetroot Design  —  Project : Onassis Cultural Centre ; (5), (6), (7) Author: Vladimir Lifanov , Aslamova Viktoriya  —  Project : Loudhead ; (8) Author: Van Orton Design®  —  Project : Billboard • 2018
1.2不對稱(Asymmetry)
從事數字設計的設計師大多習慣以完美對稱來完成構圖,但通過適當的不對稱性,不但可以避免傳統的平衡構圖方式,還能讓你的設計脫穎而出。建議設計師可以透過一些元素,如排版、幾何形狀、3D渲染,以創(chuàng)建獨特的不對稱構圖,達成達特的視覺效果。
-------------
(1), (2) Author: CFC  —  Project : EASY PEASY ; (3) Author: Jason Miller , Mother Design  —  Project : AIGA ;
1.3 動效(Animations)
好的動畫效果一直以來都能對產品或應用起到不少加分的作用。在網站,廣告或應用程序中設計的小動畫,可以使用戶更多地與您想傳達的內容進行互動。
到2019年動效效果仍然有不少成長的潛力。
-------------
(1) Author: Eduard Mykhailov - Project: OK; (2) Author: Markus Magnusson - Project: Boyz; (3) Author: Markus Magnusson - Project:
Channel Surfing; (4) Author: Markus Magnusson - Project: Astronaut; (5) Author: Aleksey Vasiliev - Project: Flowers; (6) Author:
Gleb Kuznetsov✈ - Project: Organic Artificial Intelligence design; (7) Author: Aslan A. - Project: MyTaxi Driver
1.4混搭風格(Eclectic)
透過融合多樣化的風格,產生不同時覺效果的沖突,可以產生驚人的結果。這種不拘一格的設計方法可能非常具有挑戰(zhàn)性,但絕對可以在2019 年帶來獨特的設計效果。
-------------
(1) Author: Slava Kornilov  —  Project : FRASH Canada ; (2) Author: Caroline Blanchette , PINCH Martin Tremblay  —  Project : OLA B_Contessa ; (3) Author:Maxime Francout  —  Project : Festival International de Jazz de Montréal ; (4) Author: Marion Ben-Lisa  —  Project : FÊTE DE TROP ;
1.5漸變風格仍然會在2019年流行(Gradients are still in 2019)
漸變風格一直都未退流行,Gradients Style 在2017–2018 年末出現了大量的回歸,而即便到了2019 年漸變風格仍然會存在。像Apple 或Instagram 這樣的公司,仍然在他們的品牌中使用漸變元素,絕對是2019 年的不敗選擇。
-------------
(1) Author: Vasjen Katro  —  Project : Baugasm Season #3 ; (2) Author:Mateusz Machalski  —  Project : Selfie — Exhibition ID ; (3) Author: Belu —  — Project : Hedgehog Fibres
1.6 透視設計(Isometric Design)
這類2.5D、C4D 效果的設計風格,一直在過去幾年展露頭角,但隨著AR、VR、MR 等這類真實世界三維空間的設計概念引入,以及插畫風格的大量運用,在2019 年這類視覺效果必將迎來最盛大的一年。
-------------
(1) Author: MORPHINE Motion Graphics  —  Project : McDonald's Monopoly ; (2) Author: Igor Kozak ; Rocketboy Studio - Project : 10012 ; (3) Author:Cristian Malagón Garcia, Núria Madrid  —  Project : Increment Mag issue 4 ; (4 ) Author: Peter Tarka , Mateusz Krol - Project : Adobe Government ; (5) Author:Igor Kozak ; Rocketboy Studio  —  Project : 10012 ; (6) Author: Mohamed Samir- Project : Fast Company — 100 Most Creative People 2018 ;
1.7 AR設計(Augmented Reality)
增強現實類的技術,已開始出現在網頁設計或應用程序設計等領域。許多平臺開發(fā)者也嘗試將增強現實技術納入其開發(fā)工具里面,可預期的這類型的應用將會越來越多。這是一個相對較新的趨勢,因此不可在2019 年遺忘它。
-------------
(1) Author: Clémence Gouy - Project: MANIFACTORY; (2) Author: Manon Louart - Project: Mon Papi;
1.8 自然風格(Natural Photo)
更為自然,非刻意為之的照片更受到如今的設計行業(yè)寵愛,同時也是接下來圖像領域的重點趨勢方向。
-------------
(1) Photo by: Charles Deluvio 🇵🇭🇨🇦; (2) Photo by:Ivana Cajina; (3) Photo by: Suad Kamardeen; (4) Photo by: Tetbirt Salim
2 ui/ux設計趨勢
UI / UX年度之星
Adobe推出了這款令人驚嘆且極具競爭力的新軟件,而且是免費的。Adobe XD!這是一款UX / UI設計解決方案的軟件,供體驗設計人員在他們的網站上做廣告設計,原型化和分享引人入勝的用戶體驗。今年,XD團隊希望在不斷提供更新的同時,提供增強的動畫功能和UI元素動畫。
2.1仍然是移動端第一(Mobile First)
隨著谷歌首先實現在移動端使用響應式網頁技術后,移動端現在已成為產品優(yōu)先考慮的設計因素。移動端第一,首先是為移動用戶設計網站,然后在創(chuàng)建一個也適用于桌面用戶的版本。
-------------
(1) Author: Milo Themes  —  Project Etopium UI/UX; ; (2) Author: fps ecosystem  —  Project : Budapest Park website redesign ; (3) Author: Nikita Resh  —  Project : Logistics Corporate website | UX/UI Design ;
2.2 負設計(Negative Space)
少即是多!在設計中做減法一直都能有不錯的效果,目前在所有設計領域都看到或多或少這類負空間的使用,而2019 年將更大量的使用于網頁設計和應用程序設計中。
-------------
(1), (2) Author: Alexander Plyuto  —  Project ZIPL v 3.0 ; (3) Author:Alexander Plyuto  —  Project SUBURBIA
2.3 定制插圖(Custom made illustrations)
正如前面所提到的年度趨勢,插圖一直是幾年中不斷增長的主要趨勢。在2019 年從登陸頁面到整個網站,定制插圖將會風靡整個數位設計行業(yè)。更多插畫素材可訪問:設計插畫素材 欄目。
-------------
(1) Author: Daniel Tan  —  Project My Portfolio Website ; (2) Author: Nimasha Perera  —  Project : Illustration Pack ; (3) Author: Milo Themes  —  ProjectEtopium UI/UX; (4) Author: Daniel Tan, Daphnie Loong  —  Project : Tofu Design — Website & Identity ; (5) Author: Mumtahina Hasnat , Mushfiq  —  Project : Evento App Design ;
2.4情感化圖標(Illustrative Icons)
好的圖標可以自然的把用戶的視線,引導到需要重點關注的信息或功能上。同時也能自然地將與服務相關聯的信息,通過良好的視覺層次結構說明。
同時搭配好令人會心一笑的情感化設計,肯定能起到不錯的效果。下圖中的素材可從這邊下載
-------------
(1), (2) Author: Denis Shepovalov  —  Project : Illustration Constructor ; (3) Author: Netguru Team  —  Project Trello Atlassian — Redesign ;
2.5流體、幾何、非對稱(Fluid, Geometrical, Asymetrical)
Fluid 風格一直都能在2017–2018 年中持續(xù)看到流體,但這類的風格在2019 年將會更加顯性。配合前面所提的混搭風、大膽的顏色和強烈的漸變,流體形狀是2019 年必不可少的網頁設計趨勢。
-------------
(1) Author: Mariusz Mitkow  —  Project : LuxuryClean UI/UX iOS App ; (2) Author: Eddie Lobanovskiy  —  Project : CrowdRise ; (3) Author: Tal Midyan , Lillie Ferris  —  Project : PharrellWilliams.com ;
2.6視頻背景(Video Background)
大量的研究數據表明,2018 年使用短視頻可以提高更高的轉化率。視頻相較于文字與圖片,可以在幾秒鐘內傳達更多更好更清晰的內容,同時也仍持續(xù)吸引用戶的注意力。
-------------
作者:Agency lg2 - 項目:Vacances Air Canada | 數字體驗| LG2
2.7 動效(Animation)
動效設計早已是數字設計行業(yè)中不可或缺的專業(yè),試著在你的移動產品或網頁設計里,加入一些順暢的平滑過渡或漂亮的懸停效果,可以讓你的設計更加地吸引人。
-------------
(1)作者:Anton Skvortsov - 項目:沙漠之路滾動動畫 ; (2)作者:Leo Natsume - 項目:垃圾的目的地 ; (3)作者:
Dannniel - 項目:HQ Launch Animation Redesign ; (4)作者: Charles Patterson - 項目:Invision Projects - Spaces iOS ; (5)作者:
Stan Yakusevich - 項目:Mi Smart Home ; (6)作者: Anton Skvortsov - 項目:xore ;
2.8微交互(Micro-interactions)
微交互效果是移動端上,常用于創(chuàng)建微妙視覺效果的小動畫。今年,我們比以往任何時候都要更關注這些微觀互動。
(1)作者:Oleg Frolov - 項目:Microinteractions V ; (2)作者:Oleg Frolov - 項目:搜索圖標互動 ; (3)作者:
Mauricio Bucardo - 項目:導航互動 ; (4)作者: Charles Patterson - 項目: InVision Studio制作 ; (5)作者:
Hoang Nguyen - 項目:創(chuàng)建新文檔標簽欄 ; (6)作者: Dannniel - 項目:Tab Bar Cube Interaction ; (6)作者:
Vlad Fedoseyev - 項目:Tabbar Exploration
2.9 粗體代替圖片(Bold Fonts instead of images)
隨著近年對于排版的關注,許多巨頭企業(yè)如蘋果,都在嘗試選擇通過獨特的字體與排版風格來做出品牌聲明。在一些場景下,通過排版能達到更好的說明。
(1) Author: Yi Shi - Project: Yi Shi Portfolio; (2) Author: Hrvoje Grubisic, Bornfight Company - Project: Bornfight — Digital Innovation Company;
2.10柵格突破與元素重疊(Broken Grid & Overlapping Elements)
網頁設計中柵格突破在2018 年末開始盛行,可以預見在2019 年可以看到更多結合柵格突破的方式,與元素重疊的網頁設計組合,但在使用時,記得始終要牢記移動端的體驗!
(1) Author: Abhishek Biswas - Project: Meaww; (2) Author: Daniel Tan - Project: Aero - Airline Flight Booking UI/UX; (3) Author: Slava Kornilov - Project: FRASH Canada; (4) Author: Soongyu Gwon, D.FY creative studio - Project: The D.FY you know, but better.; (5) Author:Ovik Mooshlyan - Project: Cittá | Furniture website concept; (6) Author: Soongyu Gwon, D.FY creative studio - Project: The D.FY you know, but better.;
2.11 3D 插圖(3D Illustrations)
3D 形態(tài)的插圖在過去幾年中已經開始大受歡迎,許多大品牌也使用3D 效果來作為產品宣傳渲染,如:運動鞋,運動裝備,包裝設計等等。
(1)作者: spiilkadesignbüro - 項目:Megogo品牌標識 ; (2)作者: Apus Agency - 項目:Teleset Plus。電信公司 ;
3 字體設計趨勢
3.1 更大更粗的字體
不難發(fā)現,這幾年字體正在朝著越來越大的趨勢發(fā)展。當你使用大字體的時候,應當留意配合極簡主義使用,否則設計可能會過于擁擠,而失去了原有的意義。
(1) Author: Murmure • - Project: Trempo; (2) Author: Gabriel Figueiredo - Project: GRAÚNA / Typeface; (3) Author: Avant Post - Project:Les Salins 2018/2019; (4) Author: Morgan Stephens - Project: Women‘s Foundation 25th Anniversary Campaign;
3.2 定制字體
許多大品牌都有自己的定制字體,這保證了品牌的識別度和獨特性。
Author: Hans Christian Øren - Project: Nike custom typeface;
4 品牌和標志設計趨勢
4.1 使用顏色通道
即使我們已經在 2018 年看到了很多這種風格運用,但它在 2019 年仍然是新的潮流,使用顏色通道可以創(chuàng)造出令人驚艷的視覺效果,看看下面這些。
Author: Melissa Baillache, Jason Little, Johanna Roca - Project: Queensland Theatre 2019;
4.2 品牌插畫
我們可以在幾乎所有的設計領域找到它們,一個好的插畫絕對可以給任何藝術海報、品牌標識或印刷品帶來極佳的辨識度。
(1) Author: Kervin Brisseaux - Project: BURIZU: CHAPTER 1; (2) Author: Tracy Thanh Trần - Project: MOSAIC – Fictional Nation Branding; (3) Author: our own night - Project: Concept Art/ NIKE WOMEN; (4) Author: Mustafa Akülker, MONAJANS ® - Project: La Casiana Coffee Branding; (5) Author: Elina Bouyssou - Project: Toulouse 2018 "Empreintes Culturelles";
4.3 動態(tài)logo
動畫已經滲透到了所有的設計領域,就連 logo 也可以擁有吸引人的動畫,看看這些令人驚嘆的作品吧。
(1) Author: Jelio Dimitrov - Project: Pixelpal; (2) Author: Maksim Marakhovskyi - Project: Soroka Store; (3) Author:
Fraser Davidson - Project: Rebrand; (4) Author: Bojan Mesar - Project: dashX - logo & Preloader; (5) Author:
Balkan Brothers - Project: Patch; (6) Author: Artem - Project: Osmo; (7) Author: Daniel Bodea - Project: pigup;
5 動效設計趨勢
5.1 噪點風格
噪點風格通常應用于二維動畫中,同樣也可以應用于三維動畫中。
(1) Author: Renaud Lavency - Project: 10 - R.O x KONOBA - FILM; (2) Author: John Hughes - Project: Etsy Plus; (3) Author: Studio Ianus- Project: Buon Ferragosts; (4) Author: Renaud Lavency - Project: 10 - R.O x KONOBA - FILM; (5) Author: WEI _ - Project: 動效系列插畫; (6) Author: Renaud Lavency - Project: 10 - R.O x KONOBA - FILM;
5.2 2D動畫
2D 動畫在二維藝術空間中創(chuàng)造運動,大多數動畫都有故事板,其中每個場景中的主要動作是以漫畫書形式繪制的。通過平滑的過渡,它可以吸引用戶的注意力,通過這種方式,你的產品可以很容易與用戶拉近關系。
(1), (3) Author: Renaud Lavency - Project: L'Oups; (2) Author: MANIFACTORY - Project: Tranquío;
5.3 3D動畫
3D 動畫看起來很驚艷,無論你賣的是什么,都能完美地推廣你的產品。多數大品牌在他們的廣告活動中加入 3D 動畫,因為它有很高的轉化率。
(1) Author: EJ Hassenfratz - Project: Cineversity Promo; (2) Author: Fabricio Rosa Marques - Project: Pitch.com Launch; (3) Author: R A D I O - Project: Double taps; (4) Author: Jeremy Woons - Project: Executive Producer; (5) Author: Randy Archie - Project: The Curious Case of an Eggplant;
6.1 大膽的配色
大膽的配色一直是最近幾年的流行趨勢,也是 2019 年包裝設計中最重要的一個部分。
(1) Author: Christopher Stanko - Project: T2 Tea Core Range 2018 ; (2) Author: ohSeven studio - Project: ETUDE HOUSE; (3) Author:Firmalt ⋅ - Project: Maraca; (4) Author: ivory ho - Project: 陽光菓菓 果乾包裝; (5) Author: Firmalt ⋅ - Project: Maraca; (6) Author:Christopher Stanko - Project: T2 Tea Core Range 2018; (7) Author: vegrande ® - Project: MIX EAT;
6.2 非傳統材料
包裝設計已經成為設計中的一個重要領域,用不同尋常的材料創(chuàng)造出令人驚嘆的產品。零浪費,可降解生物材料、可食用的包裝,這些材料都能在包裝設計師手中變成藝術品。
(1), (2), (3) Author: fagerström ® - Project: unPacked; (4), (5) Author: Jerome & Zimmerman, Antonio R Ayala, Sofía Maltos, Lorena Amaya, Luis De Hoyos Altamirano - Project: Brives;
6.3 天然材料
在包裝設計中,木材等天然材料永遠是主流。對于包裝設計師而言,用回收材料制成的皮革、木材、厚紙板或纖維素等,也是“天然材料”。
(1) Author: Jerry Chiang - Project: Kins; (2) Author: Razom Studio - Project: TAKAVA;
6.4 大字體
正如我們之前提到的,在 2019 年,大字體設計絕對是一個趨勢。一個大的、強有力的詞匯,就足以創(chuàng)造出一個令人驚嘆的包裝效果。
(1) Author: Beetroot Design - Project: Onassis Cultural Centre; (2) Author: BR/BAUEN Design Group - Project: Diferentona; (3) Author:Gianluca Ciancaglini, Alessandro Latela, Paolo Angelini - Project: Unikit; (4) Author: Luminous Design Group - Project: Aloe Packaging; (5) Author: Firmalt ⋅ - Project: Maraca;
6.5 極簡主義
少即是多,雖然在包裝中添加大量文本或不同字體可能很吸引人,但這容易讓人眼花繚亂分不清主次,所以極簡主義仍然是一個經典的選擇!
(1) Author: Estudio Pum - Project: Intrínsecos; (2) Author: F61 Work Room, Anatoly Vasiliev, Alan Bur - Project: Gelateria Di Neve; (3) Author: Morgan Stephens - Project: Vineoh!; (4) Author: F61 Work Room, Anatoly Vasiliev, Alan Bur - Project: Gelateria Di Neve; (5) Author: Erik Musin, Timofei Popandopulo, Aleksey Zadorozhnyi - Project: J. Curl;
6.6 插畫
正如開篇所說,插畫覆蓋了幾乎所有的設計領域,就連包裝設計也不例外。
(1) Author: Meroo Seth, Nachiket Jadhav - Project: Auster Packaging; (2) Author: Apus Agency, Isaev Vladimir - Project: Biji Coffee Company; (4) Author: Joanna Lisowiec - Project: Folklore Society Gin; (5) Author: Andreas Roosson - Project: coffee beans ; (6) Author:Jasmijn Evans - Project: Ah hagel packaging;

全部評論