[译] 2018 设计趋势

• 原文地址：2018 Design Trends
• 原文做者：Mark Banaynal, Epicco Digital
• 译文出自：掘金翻译计划
• 本文永久连接：github.com/xitu/gold-m…
• 译者：pot-code
• 校对者：wzy816、ryouaki

2018 设计趋势

为项目选一个合适的设计风格愈来愈关键，挑战也很大。如何才能吸引观众呢，怎样才能让本身的设计从竞争激烈、信息过载的市场中脱颖而出呢？即使这是个信息驱动的世界，设计仍是有机会让人们在情感上产生共鸣，从而打造出符合人直觉的交互体验。

双色调和双重曝光

2015 年底，Pantone（潘通）公布了 2016 年的表明色为静谧蓝（Serenity）和粉晶（Rose Quartz），这一声明震惊了设计界。可能正是由于这点，引领了数码界渐渐使用双色调的趋势。到了 2016 年，大量网站开始采用双色调的设计风格，试图营造一种富有冲击力和活力的氛围，典型的如 SpotifyBy。最后到了 2017 年，这种风格已经烂大街了。2018 年比之前仍是有所进步：多了双重曝光的效果，倒也能在某些照片中表现出均衡的色感、增长一点戏剧性。

Adison Partner's Website

Spotlight Festival Identity，摘自 Manitou Design，由 Kristina Udovichenko 和 Shamil Karim 联合设计

7h10 Double Color Exposure

更大胆的用色

虽然最近渐变色大有回归之势，但大胆、鲜明的色系在设计界仍然有着不可撼动的地位。毕竟在让人眼花缭乱的品牌设计中，没有什么能比大胆和鲜明的用色更加出类拔萃、让人印象深入了。可是，一旦决定使用大胆色系，就要斟酌色彩之间的搭配问题，还要考虑如何才能更好的凸显出品牌形象，抓住目标观众的心。

Simply Chocolate Website

Visión Yo Soy 的商业铭牌，由 Eduardo Vázquez 为 Qualium 设计

更加生动的渐变

大胆色如日中天，渐变色也不甘示弱，相比之前有了很大的进步。渐变回归设计界后，也算是站住了脚跟：品牌设计、web 设计、logo 设计、用户界面设计等都陆续开始使用渐变元素。双色、三色或者色彩大满贯的组合让设计更显得有范，富有吸引力。

Magic.co 的首页，由 Ludmila Shevchenko 设计

Gradient Studies 12，由 Evgeniya Righini-Brand 设计

KIWI Rebranding，由 Fabio Pistoia 设计

几何图样

继扁平设计和极简主义以后，几何系逐渐成为设计界的新宠。再加上大胆的用色，几何系适当增长了视觉上的复杂性，还有那么点视觉刺激，不过也正是这样才能足够吸睛。

Goldengate 的商业铭牌设计，出自 Studio Recode

BigCommerce Mural，出自 Steve Wolf

Mercht Brand Identity，出自 Robot Food

动效

近几年动效发展迅猛，随着硬件性能的提高，动效的执行也愈来愈流畅，交互体验也更加符合直觉。 动效在 web 页面中能够起到铺陈的做用，手机端能够用来平滑元素间的过渡。毫无疑问，动效为设计注入了无穷的活力。 固然，动效也没必要设计的多么华丽，避免显得多余，只须要在感官、交互和处理过程上传达出细节上的人文关怀，这样才能更好的取悦用户。

Facebook F8 峰会的网页设计

PocketBook 的欢迎页设计，由 Andrew McKay 设计

Intel Logo 动画，Nicolas Girard 设计

还有另外一个 Google 点阵动效。

视差效果

视差效果让网站显得更有趣，更容易让人留下印象。例如，页面滚动时，在页面的前景和背景元素之间插入 3D 效果，可让元素的穿梭更加丝滑，还能带来沉浸式的浏览体验。

Ronin Amsterdam Website

AMAIÒ Website

Elevux Website

3D

3D 用途普遍，例如如今 AR 和 VR 的沉浸式体验。无论是表现现实中的物体仍是创做纯粹的艺术做品，3D 技术都能轻松胜任。圆润的抛光、细腻的表面和恰当的打光，达到了以假乱真的地步。3D 不只能够给做品带来深度，还能给观者一种实感 —— 经过手头物品的联想来感知画面中物体的触感、运动趋势等。

Marina Bay Sands Singapore X'Mas Comes Alive Campaign by MACHINEAST -

Rubik，由 molistudio ™ 和 Peter Tarka 联合设计

金属风

如今的渲染工具愈来愈强大，渲染出的模型看起来也越光滑圆润了。有了这些黑科技，要作出奢华、高级的金属质感也就不是什么难事了。打好光、调好反射和阴影参数，坐等出图就能够了。

Grand Spectacular 2016，由 C&B Advertising 设计

Various Concepts，由 Oleg Morozov 设计

League of Legends Mid-Season Invitational and World Championship Branding，由 ILOVEDUST 设计

等轴设计

设计也没必要拘泥于二维的，能够尝试多种透视风格。等轴设计将物体分布在三个维度来隔离彼此，能够给创做带来更多机遇，或可一展宏图。

Adobe 之城，由 Peter Tarka 和 Mateusz Krol 联合设计

谷歌人，来自 Markus Magnusson / 社交媒体，来自 Ricardo Nask

3D 城，来自 Anna Paschenko

留白

给用户多点呼吸的空间，满屏幕的信息怕不是要把用户噎死。适当的留白反而可让设计更现代化，看起来更舒服，也能让用户更专一于主体内容，不被冗杂的信息干扰，对内容的消化也更完全。

能够参考：

Great Wisdom Buddhist Institute

打破 Grid 布局

长久以来，元素都是呆在本身的区域内，不敢跨越界线一点，更不谈相互重叠了。固然，这也确实方便了设计师的规划：指定某个区域只展现什么内容。长期如此，观众未免产生审美疲劳，看到千篇一概的设计就失去了继续看下去的欲望。

因此，愈来愈多的设计师开始打破 Grid 布局风格，力图打造独特的风格，让设计看起来更富有表现力和吸引力。想要保持与时俱进，赢得市场竞争力，挑战就会存在，这种趋势也还会继续下去。

能够参考：

Cedric Lachot Website

Red Collar Digital Agency

但愿 2018 年，这些设计趋势不止成为趋势，还能成为主流；设计也能更加大胆，能有更多出色、独特的设计让人记住。观众们能够期待之后的设计能带来更多沉浸式的体验，在信息量和美观度之间达到平衡的同时，还能沁人心扉。

2018 年的设计，绝对碉堡了。

---

掘金翻译计划 是一个翻译优质互联网技术文章的社区，文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注 掘金翻译计划、官方微博、知乎专栏。