乘风破浪的UI设计师们应该关注啥?

2018-03-06


编者按:这篇文章来自 UI 设计师 Diana Malewicz,她在日常工作中会非常注意 UI设计的流行趋势,而这篇总结就是她梳理总结的10个小趋势。它们更多的是偏向 UI 视觉方面,并不涉及到体验和交互。


最近我花了不少时间来观察 UI 设计的发展趋势,我偶然间注意到了不少很有意思的苗头,或者说设计趋势。我认为这些设计趋势,能够在不久的将来塑造更加独树一帜的UI 。


下面是我所梳理总结出来的 10 种趋势。


1

新拟物化



的确,新拟物化是2020年处于风口浪尖的一种视觉风格,无论你喜欢不喜欢,觉得它可行不可行,它现在都已经是一个确定的、成型的风格,并且会持续存在着。


不过,新拟物化从最初诞生到现在,已经有一定的改变了,并且在向着更加复杂、完善的方向发展,有着更为良好的可访问性,开始具备更多拟物化的设计特征,但是更加新鲜、现代,并且更能渲染出独特的氛围感。


2

柔和渐变



渐变这种设计趋势正在进入两极分化的一个阶段。一方面,在视觉设计领域,一部分渐变变得更加夸张,但是在 UI 设计领域,无论是背景、UI元素(比如按钮、卡片和图形),渐变依然存在,只不过会显得更加微妙柔和。


在 UI 设计领域,还有的设计师会使用双色渐变,并且结合模糊效果,让它更加柔和。


3

几何元素



几何元素既可以作为背景来使用,也可以作为装饰细节,让你的设计越来越有趣。几何元素在最近几年受到的关注非常多,在设计上的应用也颇为广泛,甚至有人将几何元素拼接成为马赛克,最终呈现出来的视觉效果非常酷!


4

色调柔和背景


必须说,我个人是非常喜欢这种设计趋势的。我已经看到了很多令人惊艳的、轻巧且极富美学价值的背景设计,它们用明亮柔和的色彩铺满背景,展现出极强的色彩和搭配的技巧。


使用色调柔和的背景能够让整个设计都显得现代而沉静,清新,让内容真正抓住用户的注意力。


5

插画和3D元素


插画毫无疑问是非常流行的。不过,不论是配色还是视觉风格,无论是什么样的插画风格,最终的目标依然是要契合产品和 UI,所以很多插画都选择了相对扁平的风格,或者选择模拟类似3D的视觉外观。相比于每个数字项目都在使用的免费图片,插画真的是向前走出了一大步!


6

抽象图形



和传统的规则的几何图形不同,抽象而不规则的图形可以让界面显得更加不拘一格和好玩,更通俗的来讲,就是让 UI 界面更加「有机」,我认为这是一件好事。使用钢笔工具在原始的圆形和矩形上进行编辑,尝试不同的轮廓,承载不同的颜色和渐变效果,最后生成的效果会非常有趣。如果你不想去自己绘制,可以尝试一下 Blobmaker 这个工具,能够帮你节省时间~


7

深色模式



深色模式在这2年绝对是人所共知的一个设计风尚了,如今的深色模式 UI 设计已经深入到各个不同的应用。简单来说他是整个界面配色反转之后的效果,便于用户在深夜更轻松地浏览界面信息。只不过在具体的设计实施上,深色模式远不是简单的色彩反转就可以实施的,有很多注意事项,尤其是在对比度控制上。


8

倾斜角度呈现



最初大家在 Dribbble 上会倾向于使用非标准的排版布局方式来呈现UI界面,后来这种展现方式开始逐渐在实际的设计项目中应用开来。在实际的设计当中,绝大多数情况下都会挑选30度到50度之间的倾斜角度。这种方法非常不错,可以多尝试。


9

弥散的阴影



阴影是拟物化设计当中最重要的视觉元素之一,而如今它又再次大规模流行开来了。只不过相比于之前「沉重」的阴影,柔和的弥散阴影在美学上更加令人愉悦,通常,阴影会让 UI 元素的「可点击感」更强,并且有助于区分界面中的层次结构。


10

简约加粗的字体



实际上早在 iOS 7 的时代,曾经一度流行过笔触纤细且字体宽度比较窄的字体,不过很庆幸这个时代过去了。现在所流行的字体更加讲究字体的可读性,字体的外轮廓都大体趋近于正方形,外观显得更加大气而现代。如果你正在寻找类似这样的字体,可以试试 PoppinsMontserratGilroySofia ProProxima Nova 等字体。


写在最后


这篇总结,基本上都是基于我个人对于趋势的观察和了解,在我看来,它们都有着非常强大的生命力,UI 设计的未来会更加富有希望。



相关文章

UI设计师的工作职责是什么?

2018-08-11
UI设计是什么?是指对软件的人机交互、操作逻辑、界面美观的整体设计.好的UI设计不仅是让软件变得有个性有品味,还要让软件的...

企业需要什么样的UI设计人才?

2018-05-19
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计.好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得...

有一个做UI设计的女朋友是什么感受?

2018-04-03
“有一个做UI/UE设计师的女朋友是什么感受或者说...体验....”(我在想什么…我一点都不污!)那么,RD哥哥为什么好奇设计师妹子...

UI设计是做什么的,UI设计工资一般有多少,零基础能学会UI设计吗?

2018-04-01
1.UI设计是什么UI设计是英文,User Interface的简称,翻译成中文的意思就是用户界面设计.用户界面设计又分为三个职位,分别是以...

UI设计师的工作内容有哪些?

2018-04-01
UI设计是什么,以为画个手机图标就是做UI了,导致很多人都忙着画各种各样的图标.这样很容易让那些新人们走错路,图标只是UI的...

普通 UI 设计师与20万的UI设计师的区别是什么?

2018-03-26
“ 普通 UI 设计师与20万的 UI 设计师的区别是什么?顶级设计师和你聊生活,普通设计师和你聊技术.——知乎用户:Johnny Shen工...

UI设计师凭什么月薪就拿30000

2018-03-25
还会觉得UI设计是画线框图那么简单吗、这些设计中的小经验,都是在实践中积累起来的,并不是随便临摹一下.就能完全学会的,所...

3分钟告诉你,什么是UI设计

2018-03-24
UI设计是什么东东?懵~~那些UI设计师好高大上!感觉离我好远~~看完以下视频,秒懂UI设计,修炼一身技艺,炫酷的界面你也能创造...

UI设计也是设计,但什么样才是合格的UI设计人呢

2018-03-24
用户界面设计是指人机交互、操作逻辑和软件界面美观的总体设计.根据行业,用户界面设计可分为四种类型: 一、软件图形界面设...

济南UI设计 ui设计是什么需要美术功底吗

2018-03-22
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计.好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得...

随机推荐

5个月的故事-PHP100期毕业啦

2020-04-28
100%的骄傲——PHP100期毕业啦!兄弟连妹纸微信号:xdlmeizi泥萌好,我是程序媛小编.做过电影、搞过设计、现在在做编程,我...

PHP 绕过禁用函数漏洞的原理与利用分析

2020-03-13
在字符串被释放后,创建一个新的对象占位,进行类型混淆,此时字符串的len被新创建对象的ce覆盖ce 是一个地址...读取新创建对象的handlers方便之后泄露内存信息,handers的值即为上图的 0x0000000008dfe500...将新创建对象的一个属性的值指向的类型改写为引用,引用的地址为一个伪造的引用字符串对象...

利用OLE DB查询,导入数据列表指定字段记录

2018-02-26
FORMAT函数对字段的显示进行格式化IIF(逻辑表达式,'TRUE结果表达式','FALSE结果表达式'),若逻辑表达式取值为“TRUE...

调试Python代码,不要再用Print了!

2018-02-23
让我们通过打印Python函数的输出来进行尝试.from icecream ... for _ in range(3): time.sleep(1) ic('Hello')输出结果如下.2021-01-...

20℃ today, major temp drops for GD this weekend

2017-11-15
20℃ today, major temp drops for GD this weekend受新一轮冷空气影响,本周末我省气温将下降5℃~7℃(Photo via sogou.com)The ...

最低0°C!成都要下雪了!

2017-01-29
今冬首次亮相的寒潮来势汹汹今冬首场寒潮!注意保暖成都的盆友,你准备好了吗?未来三天冷空气驾到你以为下雨降温就完了?当然...

Java EE Security API ,给企业最棒的安全守护!

2015-10-09
Java EE Security API, 成功地结合使用了现有身份验证和授权机制的强大功能,以及开发人员期望从现代 Java EE 特性和技术获得的...

数据结构的教与学(附教学大纲)

2015-03-05
(2)习题集【1】数据结构教程(第5版)学习指导,李春葆等,北京:清华大学出版社,2017【2】数据结构教程(第5版)上机实验指导...

【信息技术教育】教研助力 教学添彩 —— 阜阳市初中信息技术主题教研活动报道

2015-01-21
促进了教学一线信息技术教师的交流,开阔了视野,更加明确了新时期新教育形式下自身的担当和使命,相信大家会一如既往做到不忘...

跟华为过不去,谷歌搞事情?工行APP登不上,用户苦恼至极

2015-01-07
3、是Google拦截吗?有网友关闭Google Play保护机制,但仍然是登陆不了.最后,有网友分享,经过工行客服指引才解决了登陆问题...