各位船員,
我們的浪設計號船就要開船啦!
今天你們的小浪郎
“我”
又要幫大家漲姿勢了
正文共:6817字 115圖
預估閱讀時間:17分鐘
文章轉自:蘑菇的溫室(ID:withmogu)
專注于數字設計的 MILO Design Studio 最近每年都會整理一份未來一年的設計趨勢預測,2019年也不例外。
MILO 的設計師們通過觀察世界知名設計機構的作品以及今年各大設計比賽的獲獎作品,深入分析了色彩、字體、排版、形狀等元素,總結預測了新一年可能出現的設計趨勢。
這份指南既分析了總體的趨勢,又分別囊括了 UI/UX 設計、字體排印、品牌和logo設計、包裝設計等細分領域,滿滿都是干貨。
★ 定制插畫(Custom Made Illustrations)
最近的調查顯示,使用定制插畫的效果比使用圖庫照片要好上7倍。一張色彩大膽的獨特插畫能讓商品脫穎而出,一位優秀的插畫師能根據品牌的調性和需求創作出充滿活力的插畫。
Author: Leo Natsume - Project: Estad?o Marcas + Brand illustrations
Author: ChocoToy cute - Project: Golden Flavors
Author: Gabriel Lam - Project: Join.Chat - A Design Story
1.1 大膽的色彩(Bold Colors)
在 2018 年里就有不少設計師使用鮮艷的色彩,這個趨勢在 2019 年會更加流行。甚至設計師們的作品上會出現過飽和的色調,色彩會變得更加大膽。此外,Pantone 也已經公布了它們對 2019 年色彩趨勢的預測。所以今年,如果想要讓你的作品或品牌脫穎而出,就使用大膽的色彩吧。
Author: Vladimir Lifanov, Aslamova Viktoriya - Project: Loudhead
Author: Van Orton Design? - Project: Billboard·2018
Author: Sagmeister & Walsh - Project: BABOON
1.2 不對稱(Asymmetry)
大多數人聽到「不對稱」時會想到不平衡,但「不對稱」遠不止如此。設計師可以通過刻意避免傳統的平衡,用不對稱來創造和諧、平衡整個構圖。你可以嘗試平時使用的元素,如排版、幾何形狀或3D渲染,來創造獨特的效果。記住,用戶的眼睛首先看到的是畫面上較大的元素,以此類推。
Author: CFC - Project: EASY PEASY
Author: Jason Miller, Mother Design - Project: AIGA
1.3 動畫(Animations)
網站、廣告或 App 設計中的小動畫可以讓用戶與你所宣傳的內容有更多的互動。這種類型的動畫可以整合在所有媒體中。
Author: Markus Magnusson - Project: Astronaut
Author: Markus Magnusson - Project: Channel Surfing
Author: Aleksey Vasiliev - Project: Flowers
1.4 折衷主義(Eclectic)
從廣泛的、不同的來源融合出新的想法,可以誕生出驚人的效果。折衷的設計方法可能極具挑戰性,但它絕對可以為項目帶來獨特的外觀標識。
Author: Maxime Francout - Project: Festival International de Jazz de Montréal
Author: Caroline Blanchette, PINCH Martin Tremblay - Project: O L A B_Contessa
Author: Marion Ben-Lisa - Project: FêTE DE TROP
1.5 漸變(Gradients)
漸變在 2017-18 年已強勢回歸,在 2019 年也依然占有一席之地。隨著 Apple、Instagram 等品牌在自己的宣傳中使用這個效果,漸變在接下來的一年中絕對是個不錯的選擇。
Author: Vasjen Katro - Project: Baugasm Season #3
Author: Mateusz Machalski - Project: Selfie – Exhibition ID
Author: Belu — - Project: Hedgehog Fibres
1.6 等距插畫(Isometric Design)
等距插畫一直存在于過去幾年的趨勢里,2019年隨著插畫占據所有設計領域,等距插畫依然是設計趨勢中不可或缺的一個。
Author: MORPHINE Motion Graphics - Project: McDonald's Monopoly
Author: Mohamed Samir - Project: Fast Company - 100 Most Creative People 2018
Author: Cristian Malagón Garcia, Núria Madrid - Project: Increment Mag issue 4
1.7 增強現實(Augmented Reality)
AR 增強現實技術正在 web 設計、app 設計等領域嶄露頭角。許多線上商店也嘗試在網站中加入增強現實技術。這是一個相對較新的趨勢,2019 年可以繼續關注。
Author: Clémence Gouy - Project: PHILHARMONY - Poster Series
Author: Manon Louart - Project: Mon Papi
1.8 自然的照片(Natural Looking Photos)
使用典型的圖庫照片的時代已經過去了,現在設計師們在尋找更自然的照片,或者說是看起來不像圖庫照片的圖庫照片。
Source: unsplash.com - Photo by: Ivana Cajina
Source: unsplash.com - Photo by: Charles Deluvio
2.1 移動端優先(Mobile First)
隨著谷歌優先索引響應移動端的網站,不難看出移動端優先的網站設計原則是一大重要趨勢。設計師要從為移動端用戶設計網頁開始,而后在此基礎上創建一個同樣適用于桌面用戶的版本。
Author: Milo Themes - Project Etopium UI/UX
Author: fps ecosystem - Project: Budapest Park website redesign
2.2 負空間(Negative Space)
少即是多。所有設計領域都運用了負空間,但主要還是在網頁設計和應用程序設計上。
Author: Alexander Plyuto - Project: ZIPL v 3.0
2.3 定制插畫(Custom made illustrations)
正如前面所言,定制插畫是近幾年流行的主要趨勢。從著陸頁(landing page)到整個網站,定制插畫正在席卷整個網頁設計行業。
Author: Daniel Tan - Project: My Portfolio Website
Author: Nimasha Perera - Project: Illustration Pack
2.4 直觀的圖標(Illustrative Icons)
人們總是自然地將充滿活力的線性圖標與提供的服務聯系在一起,這可以用來建立視覺層級,同時突出你希望用戶關注的區域。
Author: Netguru Team - Project: Trello Atlassian - Redesign
Author: Denis Shepovalov - Project: Illustration Constructor
2.5 流體、幾何&不對稱形狀(Fluid, Geometrical & Asymetrical Shapes)
流體形狀并不新鮮,我們在 2017、18 年已經看過不少,接下來還會出現更多。結合大膽的色彩和強烈的漸變,流體形狀會是 2019 年網頁設計的一個基本趨勢。
Author: Mariusz Mitkow - Project: LuxuryClean UI/UX iOS App
Author: Tal Midyan, Lillie Ferris - Project: PharrellWilliams.com
2.6 視頻背景(Video Background)
研究表明,網站上的視頻可以提高轉化率。視頻可以幫你快速傳達信息,并讓用戶在網站上停留的時間更長。
Author: Agency lg2 - Project: Vacances Air Canada | Digital Experience | lg2
2.7 動畫(Animations)
動畫今年十分火爆,在網站、廣告、app 設計中都能看到。不論是一個平滑的過渡動畫還是一個不錯的懸停效果,都能讓一切變得不一樣。
Author: Dannniel - Project: HQ Launch Animation Redesign
Author: Stan Yakusevich - Project: Mi Smart Home
Author: Leo Natsume - Project: Destination for the trash
2.8 微交互(Micro-interactions)
微交互是在 App 上用來創造微妙視覺效果的小動畫。今年,我們會比以往任何時候都更重視這些微交互,甚至可以發現每個UI元素后都隱藏著動畫,不管它有多小。
Author: Oleg Frolov - Project: Microinteractions V
Author: Dannniel - Project: Tab Bar Cube Interaction
Author: Mauricio Bucardo - Project: Navigation Interaction
Author: Vlad Fedoseyev - Project: Tabbar Exploration
2.9 用大膽的字體替代圖像(Bold Fonts instead of images)
隨著字體排印越來越受到人們的關注,許多像蘋果這樣的巨頭都選擇通過大膽的字體排印來表達自己的觀點。在許多情況下,字體排印正在取代圖像。
Author: Yi Shi - Project: Yi Shi Portfolio
Author: Hrvoje Grubisic, Bornfight Company - Project: Bornfight — Digital Innovation Company
2.10 打破網格和重疊元素(Broken Grid & Overlapping Elements)
重疊元素在過去幾年的網頁設計中一直存在,結合打破常規的網格,可以創造出一個獨特而有新意的布局。不過可別忘了在移動端的體驗。
Author: Slava Kornilov - Project: FRASH Canada
Author: Ovik Mooshlyan - Project: Cittá | Furniture website concept
Author: Soongyu Gwon, D.FY creative studio - Project: The D.FY you know, but better.
2.11 3D 插畫(3D Illustrations)
在過去幾年里,3D 插畫有了很大的發展,許多大品牌在產品的包裝設計等使用 3D 渲染,比如運動鞋、運動裝備等。
Author: Yambo Studio - Project: Google Cloud 2018
Author: Apus Agency - Project: Teleset Plus. Telecommunication company
3.1 更大.更大膽.更好(Big.Bold.Better)
字體排印越來越大、越來越大膽,我們可以在每年的趨勢預測中看到。使用大的字體排印的正確方式是:極簡,否則這個設計可能會變得擁擠且喪失吸引力。
Author: Murmure · - Project: Trempo
Author: Gabriel Figueiredo - Project: GRAúNA / Typeface
Author: Morgan Stephens - Project: Women‘s Foundation 25th Anniversary Campaign
3.2 定制字體(Custom Made Fonts)
許多大品牌都有自己的定制字體,以確保獨特的辨識度。
Author: Hans Christian ?ren - Project: Nike custom typeface
4.1 使用色彩通道(Working with Color Channels)
盡管在 2018 年我們已經看到很多這樣的趨勢,它在 2019 年仍然是新鮮的。使用色彩通道可以創建出令人驚艷的視覺效果。
Author: Melissa Baillache, Jason Little, Johanna Roca - Project: Queensland Theatre 2019
4.2 品牌設計使用插畫(Illustrations in Branding)
我們可以在所有設計領域里發現插畫的運用,而且非常喜歡。一個好的插畫絕對可以為任何藝術海報、品牌標識或印刷品提供一致性。
Author: Tracy Thanh Tr?n - Project: MOSAIC – Fictional Nation Branding
Author: our own night - Project: Concept Art/ NIKE WOMEN
Author: Mustafa Akülker, MONAJANS ? - Project: La Casiana Coffee Branding
4.3 動態 logo(Animated Logos)
既然動畫已經滲透到所有設計領域,當然也不得不提標識設計。看看這些驚艷的 logo:
Author: Artem - Project: Osmo
Author: Balkan Brothers - Project: Patch
Author: Jelio Dimitrov - Project: Pixelpal
5.1 大膽的色彩(Bold Colors)
這個趨勢在近幾年的包裝設計中越來越流行,在 2019 年更是一個重要部分。
Author: ohSeven studio - Project: ETUDE HOUSE
Author: ivory ho - Project: 陽光菓菓 果乾包裝
Author: Christopher Stanko - Project: T2 Tea Core Range 2018
5.2 非傳統材料(Non-traditional Materials)
使用不同尋常的材料來創造令人驚嘆的產品,讓包裝設計成為一個杰出的領域。零廢棄、可降解生物材料、可食用包裝、對音樂有反應的材料、纖維素包裝等被越來越多創新品牌所使用。
Author: fagerstr?m ? - Project: unPacked
Author: Jerome & Zimmerman, Antonio R Ayala, Sofía Maltos, Lorena Amaya, Luis De Hoyos Altamirano - Project: Brives
5.3 天然材料(Natural Materials)
木材等天然材料將永遠是包裝設計的趨勢。皮革、木材、厚紙板或再生材料制成的纖維素都是包裝設計中會用到的天然材料。
Author: Jerry Chiang - Project: Kins
Author: Razom Studio - Project: TAKAVA
5.4 大字體(Big Fonts)
正如前面提到的,使用大的字體排印是 2019 的絕對趨勢。一個強有力的字體足以創造出一個大膽的包裝。此外,使用大寫字母和小寫字母混搭,也可以贏得關注。
Author: Firmalt ? - Project: Maraca
5.5 極簡主義(Minimalism)
少即是多!盡管在包裝上呈現大量文本或不同字體可能會很誘人,但這可能也會造成一個混亂的設計。
Author: F61 Work Room, Anatoly Vasiliev, Alan Bur - Project: Gelateria Di Neve
Author: Morgan Stephens - Project: Vineoh!
Author: Erik Musin, Timofei Popandopulo, Aleksey Zadorozhnyi - Project: J. Curl
5.6 插畫(Illustrations)
如同開頭所提,插畫占領所有設計領域,包裝設計也不例外。
Author: Meroo Seth, Nachiket Jadhav - Project: Auster Packaging
Author: Andreas Roosson - Project: coffee beans
Author: Joanna Lisowiec - Project: Folklore Society Gin
MILO 的設計趨勢中還有一部分關于動態圖像設計,包括三個趨勢:顆粒效果、平面2.5D動畫、3D插畫動畫,這里就不詳細展開。
希望這份 2019 年設計趨勢能對你有所幫助!
原文鏈接:https://www.behance.net/gallery/71481981/2019-Design-Trends-Guide