设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

专注于数字设计的 MILO Design Studio 最近每年都会整理一份未来一年的设计趋势预测,2019年也不例外。

MILO 的设计师们通过观察世界知名设计机构的作品以及今年各大设计比赛的获奖作品,深入分析了色彩、字体、排版、形状等元素,总结预测了新一年可能出现的设计趋势。

这份指南既分析了总体的趋势,又分别囊括了 UI/UX 设计、字体排印、品牌和logo设计、包装设计等细分领域,满满都是干货。

 

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

 

★ 定制插画(Custom Made Illustrations)

 

最近的调查显示,使用定制插画的效果比使用图库照片要好上7倍。一张色彩大胆的独特插画能让商品脱颖而出,一位优秀的插画师能根据品牌的调性和需求创作出充满活力的插画。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: ChocoToy cute – Project: Golden Flavors

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Gabriel Lam – Project: Join.Chat – A Design Story

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

1.1 大胆的色彩(Bold Colors)

 

在 2018 年里就有不少设计师使用鲜艳的色彩,这个趋势在 2019 年会更加流行。甚至设计师们的作品上会出现过饱和的色调,色彩会变得更加大胆。此外,Pantone 也已经公布了它们对 2019 年色彩趋势的预测。所以今年,如果想要让你的作品或品牌脱颖而出,就使用大胆的色彩吧。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Vladimir Lifanov, Aslamova Viktoriya – Project: Loudhead

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Sagmeister & Walsh – Project: BABOON

 

 

1.2 不对称(Asymmetry)

 

大多数人听到「不对称」时会想到不平衡,但「不对称」远不止如此。设计师可以通过刻意避免传统的平衡,用不对称来创造和谐、平衡整个构图。你可以尝试平时使用的元素,如排版、几何形状或3D渲染,来创造独特的效果。记住,用户的眼睛首先看到的是画面上较大的元素,以此类推。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: CFC – Project: EASY PEASY

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Jason Miller,  Mother Design – Project: AIGA

 

 

1.3 动画(Animations)

 

网站、广告或 App 设计中的小动画可以让用户与你所宣传的内容有更多的互动。这种类型的动画可以整合在所有媒体中。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Markus Magnusson – Project: Astronaut

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Markus Magnusson – Project: Channel Surfing

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Aleksey Vasiliev  – Project: Flowers

 

1.4 折衷主义(Eclectic)

 

从广泛的、不同的来源融合出新的想法,可以诞生出惊人的效果。折衷的设计方法可能极具挑战性,但它绝对可以为项目带来独特的外观标识。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

1.5 渐变(Gradients)

 

渐变在 2017-18 年已强势回归,在 2019 年也依然占有一席之地。随着 Apple、Instagram 等品牌在自己的宣传中使用这个效果,渐变在接下来的一年中绝对是个不错的选择。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Vasjen Katro – Project: Baugasm Season #3

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Mateusz Machalski – Project: Selfie – Exhibition ID

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Belu — – Project: Hedgehog Fibres

 

 

1.6 等距插画(Isometric Design)

 

等距插画一直存在于过去几年的趋势里,2019年随着插画占据所有设计领域,等距插画依然是设计趋势中不可或缺的一个。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: MORPHINE Motion Graphics – Project: McDonald’s Monopoly

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

1.7 增强现实(Augmented Reality)

 

AR 增强现实技术正在 web 设计、app 设计等领域崭露头角。许多线上商店也尝试在网站中加入增强现实技术。这是一个相对较新的趋势,2019 年可以继续关注。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Manon Louart – Project: Mon Papi

 

 

1.8 自然的照片(Natural Looking Photos)

 

使用典型的图库照片的时代已经过去了,现在设计师们在寻找更自然的照片,或者说是看起来不像图库照片的图库照片。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Source: unsplash.com – Photo by: Ivana Cajina

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Source: unsplash.com – Photo by: Charles Deluvio

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

 

2.1 移动端优先(Mobile First)

 

随着谷歌优先索引响应移动端的网站,不难看出移动端优先的网站设计原则是一大重要趋势。设计师要从为移动端用户设计网页开始,而后在此基础上创建一个同样适用于桌面用户的版本。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Milo Themes – Project Etopium UI/UX

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: fps ecosystem – Project: Budapest Park website redesign

 

 

2.2 负空间(Negative Space)

 

少即是多。所有设计领域都运用了负空间,但主要还是在网页设计和应用程序设计上。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Alexander Plyuto – Project ZIPL v 3.0

 

 

2.3 定制插画(Custom made illustrations)

 

正如前面所言,定制插画是近几年流行的主要趋势。从着陆页(landing page)到整个网站,定制插画正在席卷整个网页设计行业。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Daniel Tan – Project:  My Portfolio Website

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Nimasha Perera – Project: Illustration Pack

 

 

2.4 直观的图标(Illustrative Icons)

 

人们总是自然地将充满活力的线性图标与提供的服务联系在一起,这可以用来建立视觉层级,同时突出你希望用户关注的区域。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author:  Netguru Team – Project Trello Atlassian – Redesign

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Denis Shepovalov – Project: Illustration Constructor

 

 

2.5 流体、几何&不对称形状(Fluid, Geometrical & Asymetrical Shapes)

 

流体形状并不新鲜,我们在 2017、18 年已经看过不少,接下来还会出现更多。结合大胆的色彩和强烈的渐变,流体形状会是 2019 年网页设计的一个基本趋势。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Tal Midyan, Lillie Ferris – Project: PharrellWilliams.com

 

 

2.6 视频背景(Video Background)

 

研究表明,网站上的视频可以提高转化率。视频可以帮你快速传达信息,并让用户在网站上停留的时间更长。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

2.7 动画(Animations)

 

动画今年十分火爆,在网站、广告、app 设计中都能看到。不论是一个平滑的过渡动画还是一个不错的悬停效果,都能让一切变得不一样。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Dannniel – Project: HQ Launch Animation Redesign

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Stan Yakusevich – Project: Mi Smart Home

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Leo Natsume – Project: Destination for the trash

 

 

2.8 微交互(Micro-interactions)

 

微交互是在 App 上用来创造微妙视觉效果的小动画。今年,我们会比以往任何时候都更重视这些微交互,甚至可以发现每个UI元素后都隐藏着动画,不管它有多小。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Oleg Frolov – Project: Microinteractions V

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Dannniel – Project: Tab Bar Cube Interaction

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Mauricio Bucardo – Project: Navigation Interaction

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Vlad Fedoseyev – Project: Tabbar Exploration

 

 

2.9 用大胆的字体替代图像(Bold Fonts instead of images)

 

随着字体排印越来越受到人们的关注,许多像苹果这样的巨头都选择通过大胆的字体排印来表达自己的观点。在许多情况下,字体排印正在取代图像。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Yi Shi – Project: Yi Shi Portfolio

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

2.10 打破网格和重叠元素(Broken Grid & Overlapping Elements)

 

重叠元素在过去几年的网页设计中一直存在,结合打破常规的网格,可以创造出一个独特而有新意的布局。不过可别忘了在移动端的体验。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Slava Kornilov – Project: FRASH Canada

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Soongyu Gwon, D.FY creative studio – Project: The D.FY you know, but better.

 

 

2.11 3D 插画(3D Illustrations)

 

在过去几年里,3D 插画有了很大的发展,许多大品牌在产品的包装设计等使用 3D 渲染,比如运动鞋、运动装备等。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Yambo Studio – Project: Google Cloud 2018

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author:  Apus Agency – Project: Teleset Plus. Telecommunication company

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

 

3.1 更大.更大胆.更好(Big.Bold.Better)

 

字体排印越来越大、越来越大胆,我们可以在每年的趋势预测中看到。使用大的字体排印的正确方式是:极简,否则这个设计可能会变得拥挤且丧失吸引力。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Murmure • – Project: Trempo

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

3.2 定制字体(Custom Made Fonts)

 

许多大品牌都有自己的定制字体,以确保独特的辨识度。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

 

4.1 使用色彩通道(Working with Color Channels)

 

尽管在 2018 年我们已经看到很多这样的趋势,它在 2019 年仍然是新鲜的。使用色彩通道可以创建出令人惊艳的视觉效果。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

4.2 品牌设计使用插画(Illustrations in Branding)

 

我们可以在所有设计领域里发现插画的运用,而且非常喜欢。一个好的插画绝对可以为任何艺术海报、品牌标识或印刷品提供一致性。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

4.3 动态 logo(Animated Logos)

 

既然动画已经渗透到所有设计领域,当然也不得不提标识设计。看看这些惊艳的 logo:

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Artem – Project: Osmo

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Balkan Brothers – Project: Patch

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Jelio Dimitrov – Project: Pixelpal

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

 

5.1 大胆的色彩(Bold Colors)

 

这个趋势在近几年的包装设计中越来越流行,在 2019 年更是一个重要部分。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: ohSeven studio – Project: ETUDE HOUSE

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

5.2 非传统材料(Non-traditional Materials)

 

使用不同寻常的材料来创造令人惊叹的产品,让包装设计成为一个杰出的领域。零废弃、可降解生物材料、可食用包装、对音乐有反应的材料、纤维素包装等被越来越多创新品牌所使用。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: fagerström ® – Project: unPacked

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

 

 

5.3 天然材料(Natural Materials)

 

木材等天然材料将永远是包装设计的趋势。皮革、木材、厚纸板或再生材料制成的纤维素都是包装设计中会用到的天然材料。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Jerry Chiang – Project: Kins

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Razom Studio  – Project: TAKAVA

 

 

5.4 大字体(Big Fonts)

 

正如前面提到的,使用大的字体排印是 2019 的绝对趋势。一个强有力的字体足以创造出一个大胆的包装。此外,使用大写字母和小写字母混搭,也可以赢得关注。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条Author: Beetroot Design – Project: Onassis Cultural Centre

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条
设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Firmalt ⋅ – Project: Maraca

 

 

5.5 极简主义(Minimalism)

 

少即是多!尽管在包装上呈现大量文本或不同字体可能会很诱人,但这可能也会造成一个混乱的设计。

 

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Morgan Stephens – Project: Vineoh!

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author:  Erik Musin,  Timofei Popandopulo, Aleksey Zadorozhnyi – Project: J. Curl

 

 

5.6 插画(Illustrations)

 

如同开头所提,插画占领所有设计领域,包装设计也不例外。

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

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

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Andreas Roosson  – Project: coffee beans

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

Author: Joanna Lisowiec – Project: Folklore Society Gin

 

 

MILO 的设计趋势中还有一部分关于动态图像设计,包括三个趋势:颗粒效果、平面2.5D动画、3D插画动画,这里就不详细展开。

 

希望这份 2019 年设计趋势能对你有所帮助!

 

原文链接:https://www.behance.net/gallery/71481981/2019-Design-Trends-Guide

  翻译转载自:蘑菇的温室(withmogu)

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

– END –

根 据 你 的 喜 好

还 有 这 些 精 彩

客户说我做的设计太小气,怎么破?

设计中的英文有哪些妙用?

设计趋势 | 带你玩转曼菲斯风格!

地球最后的孤独:他笔下有一种洒脱的“无力感”

关注我,我们一起设计

设计指南 |Behance大神 2019年设计趋势预测全解-UI头条

原文始发于微信公众号(视觉ME):超全指南 | 2019年设计趋势,这样做准没错