超全指南 | 2019年設計趨勢,這樣做準沒錯

專注於數字設計的 MILO Design Studio 最近每年都會整理一份未來一年的設計趨勢預測,2019年也不例外。

MILO 的設計師們透過觀察世界知名設計機構的作品以及今年各大設計比賽的獲獎作品,深入分析了色彩、字型、排版、形狀等元素,總結預測了新一年可能出現的設計趨勢。

這份指南既分析了總體的趨勢,又分別囊括了 UI/UX 設計、字型排印、品牌和logo設計、包裝設計等細分領域,滿滿都是乾貨。

超全指南 | 2019年設計趨勢,這樣做準沒錯

★ 定製插畫

(Custom Made Illustrations)

最近的調查顯示,使用定製插畫的效果比使用相簿照片要好上7倍。一張色彩大膽的獨特插畫能讓商品脫穎而出,一位優秀的插畫師能根據品牌的調性和需求創作出充滿活力的插畫。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Leo Natsume - Project: Estadão Marcas + Brand illustrations

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: ChocoToy cute - Project: Golden Flavors

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Gabriel Lam - Project: Join。Chat - A Design Story

超全指南 | 2019年設計趨勢,這樣做準沒錯

1.1 大膽的色彩

(Bold Colors)

在 2018 年裡就有不少設計師使用鮮豔的色彩,這個趨勢在 2019 年會更加流行。甚至設計師們的作品上會出現過飽和的色調,色彩會變得更加大膽。此外,Pantone 也已經公佈了它們對 2019 年色彩趨勢的預測。所以今年,如果想要讓你的作品或品牌脫穎而出,就使用大膽的色彩吧。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Vladimir Lifanov, Aslamova Viktoriya - Project: Loudhead

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Van Orton Design® - Project: Billboard·2018

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Sagmeister &; Walsh - Project: BABOON

1.2 不對稱

(Asymmetry)

大多數人聽到「不對稱」時會想到不平衡,但「不對稱」遠不止如此。設計師可以透過刻意避免傳統的平衡,用不對稱來創造和諧、平衡整個構圖。你可以嘗試平時使用的元素,如排版、幾何形狀或3D渲染,來創造獨特的效果。記住,使用者的眼睛首先看到的是畫面上較大的元素,以此類推。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: CFC - Project: EASY PEASY

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Jason Miller, Mother Design - Project: AIGA

1.3 動畫

(Animations)

網站、廣告或 App 設計中的小動畫可以讓使用者與你所宣傳的內容有更多的互動。這種型別的動畫可以整合在所有媒體中。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Markus Magnusson - Project: Astronaut

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Markus Magnusson - Project: Channel Surfing

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Aleksey Vasiliev - Project: Flowers

1.4 折衷主義

(Eclectic)

從廣泛的、不同的來源融合出新的想法,可以誕生出驚人的效果。折衷的設計方法可能極具挑戰性,但它絕對可以為專案帶來獨特的外觀標識。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Maxime Francout - Project: Festival International de Jazz de Montréal

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Caroline Blanchette, PINCH Martin Tremblay - Project: O L A B_Contessa

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Marion Ben-Lisa - Project: FÊTE DE TROP

1.5 漸變

(Gradients)

漸變在 2017-18 年已強勢迴歸,在 2019 年也依然佔有一席之地。隨著 Apple、Instagram 等品牌在自己的宣傳中使用這個效果,漸變在接下來的一年中絕對是個不錯的選擇。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Vasjen Katro - Project: Baugasm Season #3

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Mateusz Machalski - Project: Selfie – Exhibition ID

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Belu — - Project: Hedgehog Fibres

1.6 等距插畫

(Isometric Design)

等距插畫一直存在於過去幾年的趨勢裡,2019年隨著插畫佔據所有設計領域,等距插畫依然是設計趨勢中不可或缺的一個。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: MORPHINE Motion Graphics - Project: McDonald';s Monopoly

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Mohamed Samir - Project: Fast Company - 100 Most Creative People 2018

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Cristian Malagón Garcia, Núria Madrid - Project: Increment Mag issue 4

1.7 增強現實

(Augmented Reality)

AR 增強現實技術正在 web 設計、app 設計等領域嶄露頭角。許多線上商店也嘗試在網站中加入增強現實技術。這是一個相對較新的趨勢,2019 年可以繼續關注。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Manon Louart - Project: Mon Papi

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Clémence Gouy - Project: PHILHARMONY - Poster Series

1.8 自然的照片

(Natural Looking Photos)

使用典型的相簿照片的時代已經過去了,現在設計師們在尋找更自然的照片,或者說是看起來不像相簿照片的相簿照片。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Source: unsplash。com - Photo by: Ivana Cajina

超全指南 | 2019年設計趨勢,這樣做準沒錯

Source: unsplash。com - Photo by: Charles Deluvio

超全指南 | 2019年設計趨勢,這樣做準沒錯

2.1 移動端優先

(Mobile First)

隨著谷歌優先索引響應移動端的網站,不難看出移動端優先的網站設計原則是一大重要趨勢。設計師要從為移動端使用者設計網頁開始,而後在此基礎上建立一個同樣適用於桌面使用者的版本。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Milo Themes - Project Etopium UI/UX

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: fps ecosystem - Project: Budapest Park website redesign

2.2 負空間

(Negative Space)

少即是多。所有設計領域都運用了負空間,但主要還是在網頁設計和應用程式設計上。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Alexander Plyuto - Project: ZIPL v 3。0

2.3 定製插畫

(Custom made illustrations)

正如前面所言,定製插畫是近幾年流行的主要趨勢。從著陸頁(landing page)到整個網站,定製插畫正在席捲整個網頁設計行業。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Nimasha Perera - Project: Illustration Pack

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Daniel Tan - Project: My Portfolio Website

2.4 直觀的圖示

(Illustrative Icons)

人們總是自然地將充滿活力的線性圖示與提供的服務聯絡在一起,這可以用來建立視覺層級,同時突出你希望使用者關注的區域。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Netguru Team - Project: Trello Atlassian - Redesign

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Denis Shepovalov - Project: Illustration Constructor

2.5 流體、幾何&不對稱形狀

(Fluid, Geometrical & Asymetrical Shapes)

流體形狀並不新鮮,我們在 2017、18 年已經看過不少,接下來還會出現更多。結合大膽的色彩和強烈的漸變,流體形狀會是 2019 年網頁設計的一個基本趨勢。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Mariusz Mitkow - Project: LuxuryClean UI/UX iOS App

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Tal Midyan, Lillie Ferris - Project: PharrellWilliams。com

2.6 影片背景

(Video Background)

研究表明,網站上的影片可以提高轉化率。影片可以幫你快速傳達資訊,並讓使用者在網站上停留的時間更長。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Agency lg2 - Project: Vacances Air Canada | Digital Experience | lg2

2.7 動畫

(Animations)

動畫今年十分火爆,在網站、廣告、app 設計中都能看到。不論是一個平滑的過渡動畫還是一個不錯的懸停效果,都能讓一切變得不一樣。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Stan Yakusevich - Project: Mi Smart Home

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Leo Natsume - Project: Destination for the trash

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Leo Natsume - Project: Destination for the trash

2.8 微互動

(Micro-interactions)

微互動是在 App 上用來創造微妙視覺效果的小動畫。今年,我們會比以往任何時候都更重視這些微互動,甚至可以發現每個UI元素後都隱藏著動畫,不管它有多小。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Mauricio Bucardo - Project: Navigation Interaction

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Oleg Frolov - Project: Microinteractions V

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Vlad Fedoseyev - Project: Tabbar Exploration

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Dannniel - Project: Tab Bar Cube Interaction

2.9 用大膽的字型替代影象

(Bold Fonts instead of images)

隨著字型排印越來越受到人們的關注,許多像蘋果這樣的巨頭都選擇透過大膽的字型排印來表達自己的觀點。在許多情況下,字型排印正在取代影象。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Hrvoje Grubisic, Bornfight Company - Project: Bornfight — Digital Innovation Company

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Yi Shi - Project: Yi Shi Portfolio

2.10 打破網格和重疊元素

(Broken Grid & Overlapping Elements)

重疊元素在過去幾年的網頁設計中一直存在,結合打破常規的網格,可以創造出一個獨特而有新意的佈局。不過可別忘了在移動端的體驗。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Ovik Mooshlyan - Project: Cittá | Furniture website concept

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Soongyu Gwon, D。FY creative studio - Project: The D。FY you know, but better。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Slava Kornilov - Project: FRASH Canada

2.11 3D 插畫

(3D Illustrations)

在過去幾年裡,3D 插畫有了很大的發展,許多大品牌在產品的包裝設計等使用 3D 渲染,比如運動鞋、運動裝備等。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Yambo Studio - Project: Google Cloud 2018

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Apus Agency - Project: Teleset Plus。 Telecommunication company

超全指南 | 2019年設計趨勢,這樣做準沒錯

3.1 更大.更大膽.更好

(Big。Bold。Better)

字型排印越來越大、越來越大膽,我們可以在每年的趨勢預測中看到。使用大的字型排印的正確方式是:極簡,否則這個設計可能會變得擁擠且喪失吸引力。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Murmure • - Project: Trempo

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Gabriel Figueiredo - Project: GRAÚNA / Typeface

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Morgan Stephens - Project: Women‘s Foundation 25th Anniversary Campaign

3.2 定製字型

(Custom Made Fonts)

許多大品牌都有自己的定製字型,以確保獨特的辨識度。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Hans Christian Øren - Project: Nike custom typeface

超全指南 | 2019年設計趨勢,這樣做準沒錯

4.1 使用色彩通道

(Working with Color Channels)

儘管在 2018 年我們已經看到很多這樣的趨勢,它在 2019 年仍然是新鮮的。使用色彩通道可以創建出令人驚豔的視覺效果。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Melissa Baillache, Jason Little, Johanna Roca - Project: Queensland Theatre 2019

4.2 品牌設計使用插畫

(Illustrations in Branding)

我們可以在所有設計領域裡發現插畫的運用,而且非常喜歡。一個好的插畫絕對可以為任何藝術海報、品牌標識或印刷品提供一致性。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Tracy Thanh Trần - Project: MOSAIC – Fictional Nation Branding

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: our own night - Project: Concept Art/ NIKE WOMEN

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Mustafa Akülker, MONAJANS ® - Project: La Casiana Coffee Branding

4.3 動態 logo

(Animated Logos)

既然動畫已經滲透到所有設計領域,當然也不得不提標識設計。看看這些驚豔的 logo:

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Artem - Project: Osmo

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Balkan Brothers - Project: Patch

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Jelio Dimitrov - Project: Pixelpal

超全指南 | 2019年設計趨勢,這樣做準沒錯

5.1 大膽的色彩

(Bold Colors)

這個趨勢在近幾年的包裝設計中越來越流行,在 2019 年更是一個重要部分。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: ohSeven studio - Project: ETUDE HOUSE

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: ivory ho - Project: 陽光菓菓 果乾包裝

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Christopher Stanko - Project: T2 Tea Core Range 2018

5.2 非傳統材料

(Non-traditional Materials)

使用不同尋常的材料來創造令人驚歎的產品,讓包裝設計成為一個傑出的領域。零廢棄、可降解生物材料、可食用包裝、對音樂有反應的材料、纖維素包裝等被越來越多創新品牌所使用。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: fagerström ® - Project: unPacked

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Jerome &; Zimmerman, Antonio R Ayala, Sofía Maltos, Lorena Amaya, Luis De Hoyos Altamirano - Project: Brives

5.3 天然材料

(Natural Materials)

木材等天然材料將永遠是包裝設計的趨勢。皮革、木材、厚紙板或再生材料製成的纖維素都是包裝設計中會用到的天然材料。

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Jerry Chiang - Project: Kins

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Razom Studio - Project: TAKAVA

5.4 大字型

(Big Fonts)

正如前面提到的,使用大的字型排印是 2019 的絕對趨勢。一個強有力的字型足以創造出一個大膽的包裝。此外,使用大寫字母和小寫字母混搭,也可以贏得關注。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Beetroot Design - Project: Onassis Cultural Centre

超全指南 | 2019年設計趨勢,這樣做準沒錯

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Firmalt ⋅ - Project: Maraca

5.5 極簡主義

(Minimalism)

少即是多!儘管在包裝上呈現大量文字或不同字型可能會很誘人,但這可能也會造成一個混亂的設計。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: F61 Work Room, Anatoly Vasiliev, Alan Bur - Project: Gelateria Di Neve

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Morgan Stephens - Project: Vineoh!

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Erik Musin, Timofei Popandopulo, Aleksey Zadorozhnyi - Project: J。 Curl

5.6 插畫

(Illustrations)

如同開頭所提,插畫佔領所有設計領域,包裝設計也不例外。

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Andreas Roosson - Project: coffee beans

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Joanna Lisowiec - Project: Folklore Society Gin

超全指南 | 2019年設計趨勢,這樣做準沒錯

Author: Meroo Seth, Nachiket Jadhav - Project: Auster Packaging

MILO 的設計趨勢中還有一部分關於動態影象設計,包括三個趨勢:顆粒效果、平面2。5D動畫、3D插畫動畫,這裡就不詳細展開。

希望這份 2019 年設計趨勢能對你有所幫助!

原文連結:

https://www。

behance。net/gallery/714

81981/2019-Design-Trends-Guide

⊹ M O G U ⊹

超全指南 | 2019年設計趨勢,這樣做準沒錯