【自译】2018年设计趋势-上篇-设计趋势-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

编辑推荐

【自译】2018年设计趋势-上篇

0.0°

2018-01-23 自译外文 设计趋势 原作者： Duminda Perera, Massimiliano Albizzati, Secil Kaya, Camilla Maccaferri 举报 2614 29 16 0

桔子橙关注

原作者授权编译，感谢Duminda和他团队的分享！

原作者：
Art directors: Duminda Perera, Massimiliano Albizzati, Secil Kaya
Copywriter: Camilla Maccaferri
原文地址：
Design Trends 2018
编译：
桔子橙

（上篇）

Image title

在众多流行设计趋势中，哪些才是最酷的呢？
在2017年，可以看到移动端设计正变得越来越重要。我们倾向于认为，在2018年这一趋势将持续下去，使得诸如响应式Logo这样的元素对设计师至关重要。

我们可能会看到更多对炫彩、定制插画的运用，以及更多充满自由创造力的作品。

2018年将是充满缤纷色彩炫动的一年，听起来是不是有点小激动呢？

Image title

回顾本世纪初, 似乎我们已从《黑客帝国》中看到未来光景: 滚动的数字序列、前沿科技、机器人、脉冲光…...

当电影远离现实的时候，这种场景就失去了吸引力。但最近在说到人工智能或大数据时，我们可以切实感受到机器人技术的热度: 虽不及黑客们对此的狂热, 在2018年的设计界，未来风格仍将占一席之地。

Image title

项目：Automotive cluster effects exploration process

作者：FΛNTΛSY

Image title

项目：Crown Tech | SpaceShip | Data Visualization Concept

作者：Jan Wolinger | Arif Rachman Hakim Yogyakarta | Mario Šimić

Image title

少即是多, 一个永不过时的潮流趋势。简洁意味着干净、整洁的页面，大量留白，以及极简主义。空间为王: 对于页面中空间的优化，适用于多种场景和功能的设计。

Image title

项目：Rem

作者：Alim Maasoglu

Image title

项目: A propos du cancer | WaveOC Corporate Website Redesign
作者: Extra | Tetiana Donska

Image title

为传统的扁平设计风格加点料或许在新一年会是正确的方向：添加一点淡淡的阴影效果就有助于使对象更加饱满立体，虽说扁平极简仍是主导的风格。

拉大纵深的概念下，空间感和层次感都能够充分得以体现。

Image title

项目: Nike Promotion Ads — Parallax Effect
作者: Jardson Almeida

Image title

项目: Flyknit Lunar 3 | Made You Look 255 | Live a little more.

作者: Callum Notman | STUDIOJQ

Image title

Logo适配移动端规范。

未来趋势是，品牌不得不适应在智能手机、平板电脑或Banner上的竞争，更多地考虑面向移动设备上的体验。桌面平台将更加失势。

响应式Logo对设计师而言变得至关重要: 一个品牌形象的展现必须不被空间限制。2018，响应式Logo必须得有——这对设计师是个刺激的挑战。

Image title

项目: Premiere League | Evolving Google Identity | Nike Air
作者: DesignStudio | Google Design | Nike

Image title

素材图，不带劲。

这就是为什么在2018年我们将看到更多定制化的设计和插画，而因为图标素材库和艺术图库而带来的同质化则会减少。从网站整体设计开始，到配合的插画，品牌语言将把一个网站变得独一无二。一旦在网页上着陆，人们便能感受到毫不含糊的品牌的声音。

Image title

项目: Lifecycle
作者: Iswanto Arif

Image title

我们就爱动起来！

随着GIF在社交网络上爆红, 动效运用愈发重要。在首页或重点页面，使用诸如带有动态元素的Banner或者背景图可以抓取用户眼球。

2018将最有可能看到cinema-graph（动态照片, 例如：一个正在冒着烟的杯子）的回归。最重要的东西才不会是固定不动的！

Image title

项目: Neo Kids - Onboarding Concept
作者: FΛNTΛSY

Image title

项目: Exploring The North Face
作者: Eddie Lobanovskiy

Image title

项目: cinemagraphs.com
作者: Kevin Burg, Jamie Beck

Image title

它们无处不在。

每当你在Facebook上点下一个赞，或在移动应用上左滑右滑，都是在与“微交互” 紧密接触。考虑到目标是吸引用户和保证灵活顺畅的交互，微交互的确管用。

界面元素可以灵活转换：按钮能变成别的什么控件，整个界面在使用时都是一个运动的场景。我们打赌在2018年它们将继续主导潮流。

Image title

项目: My idea | An incident in front of you! | Playlist - Radial Interaction
项目: Johny vino™

Image title

项目: Brewskies v2 | Gesichtspunkt
作者: Kevin Yang | Alim Maasoglu

Image title

柔和而持久。

故事板动画的动作并不剧烈，但能持续在用户导航体验中引导用户——无论是用户等待加载时，还是与引导其与屏幕上控件交互时（例如滚动屏幕或聚焦于某一部分）。

动画人物的存在可以帮助用户找到角色认同，增强与网站的互动，以及构造一条能够有序叙事的路径。

Image title

项目: inturn website
作者: INTURN

Image title

有时它们会回潮。

渐变在10年前便不被设计师所用，后来被扁平设计彻底取代。但在2015年像Spotify和Instagram这样的巨头将绚丽鲜亮的渐变带回人们视野后，它似乎迎来了第二春。渐变2.0没有它的老版本那么糟糕了: 以突出的颜色创造出双调渐变效果。

比起主流的扁平设计, 渐变在设计中的使用代表着新鲜、酷炫和数字时代。

Image title