2018年​最酷的UI设计趋势

本文摘自知名设计网站Behance关于2018年UI设计趋势的分析研究,帮助大家更好的了解UI设计行业趋势。

1.未来感

早在2000年代初,未来似乎就像我们在“黑客帝国”中看到的那样:滚动数字,技术,机器人,脉冲光的序列。

当电影显然远离现实时,这种情况失去了吸引力,而现实中的电影远没有想象的那么多。但最近我们在谈到分析或大数据时看到了这些机器人趋势:即使数字不如黑客入侵世界,未来主义的装饰主义将在2018年出现。

2. 简约舒适

少即是多,永恒的趋势。简洁意味着清洁,对于以极简主义为名的白色主导,整洁的页面。空间是王者:它的优化适用于多功能,多功能设计。

3. 深度感

在传统的平面设计中添加一些酱料可能是2018年的正确方向:一点点阴影将有助于使物体具有更圆的尺寸,而使平面变得更大的最小姿态仍然占主导地位。

在这些超深的概念中,空间和深度将在字面上找到它们的维度。

4. 响应式图标

移动电话时,徽标会响应。 在越来越多的面向移动体验的未来,桌面越来越不重要,品牌本身必须适应其新的竞争,无论是智能手机,平板电脑还是横幅。

响应式徽标对设计师至关重要:品牌必须能够呈现自己,无论尺寸和空间如何。

对于设计师来说,一个激动人心的挑战,响应式标志将是2018年的必备品。

5. 插画设计

任时光奔腾如梭,但历史总是惊人相似。太长时间的同质化,让突出个性的呼声愈喊愈震。这些年尚未发力的插画,在今年一定会得到大家的关注。


6. 动效设计

我们喜欢移动它,移动它! 随着GIF的社交爆炸,动画在线变得越来越大。使用移动元素等横幅或英雄形象保证了引人注目的策略,对于新闻简报和DEM(例如启动页面)非常有用或登陆页面。

2018年很可能会看到电影图形趋势的回归(具有单个移动元素的稳定图像,例如杯子)

从它出来的动画烟雾)。重要的是永远不要停滞不前!


7. 微交互

他们无处不在。 每当您在Facebook上喜欢某些内容或在移动应用上轻扫时,您就会参与微互动。考虑到他们的目标是吸引用户并保证动态用户体验,他们的工作非常好。元素变得流动:按钮可以变成其他东西,所有表面都成为触摸和使用的动画场景。我们打赌他们也将在2018年统治。


8. 演示动效

这种动效只供展示,引导用户使用。特别是在启动页、空状态,演示动效能极大的激发用户使用兴趣,帮助用户完成特定操作。

9. 明亮渐变

扁平化大行其道多年,多少让人有些审美疲劳,渐变得以重新回归。不同以往的是,鲜艳、明亮、酷炫,是当下渐变的特点。

10. 三维效果

3D始终是一个爆炸性的,并且在2018年它肯定会引领设计趋势的很大一部分。它的力量是以一种如此微妙的方式与虚构和现实一起玩,有时候无法区分它们。是图片还是渲染?边界越来越薄......

随着现实与虚构之间的游戏变得更加艰难,艰难的开始和3D通过一系列重要的挑战来挑战未来的设计趋势。当有机和非有机相遇时,设计将阴影和颜色转化为文字从物体和产品中倾泻而出的坚固金属元素。效果是如此具体,你可能想触摸和感受那些液体,冷,光滑的表面,几乎很难相信它只在屏幕上。不能碰这个?!

12. 上个时代的彩色图案

我以前在某个地方看到过吗? 当然:80年代和90年代的颜色和图案以其强烈的粉红色和勇敢的对比而回归。这种怀旧气候只是一种反复出现的趋势吗?还是因为那些明亮而疯狂的岁月的孩子正在成为今天的设计师?

他们的旧玩具和他们的妈妈有时候可疑的装扮是这种充满活力,活泼的潮流的灵感来源,它带来了昔日的口香糖风味,带来了多种现代感。

13. 傻大粗黑

这一点毋庸置疑,在较长的一段时间里它都不会被取代。更令人欣慰的是,无衬线字体也开始展露头脚,让字体的选择进入了一个新世界。

14. 字体设计

2018年不仅不会放弃创意排版,而且肯定会成为即将到来的一年的主流趋势之一。正如Willy Wonka所说,“一个纯粹的想象世界”是这种技术的无拘无束的用途。要留下印象的类型必须是年度指南。

15. 粒子背景

拖我阅读” 是用户隐含地向任何设计师询问的内容。这就是为什么粒子背景似乎是吸引眼球注意力而不会分散注意力并且没有视频背景带来的加载问题的理想解决方案。

略微移动的纹理,柔和的动画,一点泡沫效果:它们都可以成为更大设计的一部分,

其最终目的是取悦用户。即使在2018年。

有些东西总是时髦的,比如黑色鸡尾酒礼服或模块化的空白空间设计。为什么它被确认为明年的趋势之一?答案就像布局本身一样简单:清晰,有效,整洁,它允许最好地管理空间和内容,通过使用颜色和形状来增强最有趣的部分。

经典,如牛仔裤和白色T恤组合,在优雅和清晰方面始终扮演主角角色,由于其模块化的特性,适应每一场比赛。


17. 单色图标

虽然页面的其余部分充满了颜色和渐变,但图标仍然符合单声道规则,其最终目标是易于阅读。一点点填充音调将有助于图标美观,而不仅仅是提供信息,并与其他设计元素顺利整合。

对于轮廓图标,也可以使用颜色,其中线条用于将它们作为证据。填充物不是很饱满,但只有一点点颜色,留下白色部分,使图标成为一个精心制作的元素,不会太沉重,并且乍一看总是可读。

对自由和平衡(和谐)的渴望是人类固有的(由于他的普遍性)”,Piet Mondrian说。

这就是为什么Mondrianizm将在明年被视为一种趋势:一种基本的红色,黄色和蓝色相遇的风格,以建立一个干净,谐和和平衡的氛围。

由平方形状和基本颜色组成的平衡,其中内容和图像可以在可用性的名称中找到它们自己的空间。


完整链接可以看:Behance


其他UI设计文章链接:

干货福利!全网质量最高的图标PSD源文件 - 简书

从零基础如何自学UI设计 - 简书

UI设计师常用的ps功能只有这4个 - 简书

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,165评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,503评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,295评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,589评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,439评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,342评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,749评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,397评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,700评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,740评论 2 313
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,523评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,364评论 3 314
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,755评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,024评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,297评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,721评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,918评论 2 336

推荐阅读更多精彩内容