对于一个优秀的UI设计师来讲,把握设计流行趋势是一项基本能力。在反复分析了2020年已经过去的几个月的UI设计作品之后,本文为大家整理总结了2020年UI设计五大流行趋势,分别是深色模式、颜色对比、卡片设计、拟物风格以及留白设计。下面我们一一来分析这些趋势的具体内容和特点吧!
1、深色模式
深色模式作为2020的主流设计趋势之一,早已上升到系统级别的设计了( iOS、material design),另外还有一些主流的APP也跟随系统进行了深色模式的设计。比如最近上热搜的热点事件微信发布深色模式版本。一般来讲这些主流APP都是跟随系统的设定而变化。
关于深色模式的设计建议主要是使用基础色进行延展,不能简单粗暴的进行反色处理或变暗处理。比如尽量使用深灰色而非纯黑色,因为在深灰色上使用浅色文本的对比相对来说较弱些,可以减轻眼睛阅读的疲劳度。另外,可以通过层级叠加的颜色变化来完成界面的UI设计。最后,还有优化深色下的亮色对比程度 ,避免饱和度或亮度过高产生强对比的视觉疲劳。
2、颜色对比
年轻化的UI设计风格是2020年UI设计的一大趋势之一。强烈对比的颜色运用,体现出了年轻化的活力与朝气,使得UI设计产品更容易与年轻化的互联网用户产生共鸣。UI设计的多彩化主要表现在一些控件或组件中,比如图标、按钮、内容模块、插图、背景、投影等等。
具体来讲就是通过多颜色的搭配,让整体的UI界面变得丰富有层次,并且更加贴合年轻化的趋势。除此之外,我们还可以在UI设计中大胆的使用渐变色,提升颜色的跨度表现,丰富设计质感。甚至可以运用撞色,提升用色的层次感。
3、卡片设计
卡片式设计一直是UI设计中最常用的方式之一,而在2020年卡片设计有了新的变化趋势。比如柔和的圆角越来越常见,当然在UI设计时更多需要考虑设计的产品风格或气质是适合大圆角还是小圆角,而非依据一些设计网站上的流行趋势。还有新的卡片设计更加趋向自然的投影,减弱投影带来的切割感觉,提升界面的平整性。
4、拟物风格
拟物风格早就不是什么新词了,在2019年就已经在UI设计中频频被提及。不过2020年的拟物风格与以往的拟物化设计不完全一样,是一种介于扁平化和拟物化的新风格尝试。主要是通过光影的变化来突出内容的区域或模块设计,整体感觉相比扁平化的设计来说会更加具有氛围性和视觉冲击感。
2020年拟物风格的基本原理主要是通过“凸起效果”和“凹陷效果”构成的。凸起效果使用外投影来实现,叠加层级依次为:基层-亮投影-暗投影;凹陷效果效果使用内投影来实现,叠加层级依次为:亮投影-暗投影-基层。从整体来看,新的拟物风格并不适用于所有的UI设计,面对新的趋势还要不断地实践中去调整。
5、留白设计
留白设计被越来越频繁地应用到UI设计中,相比于紧凑的设计,适当的留白可以让人在阅读时更加具有放松的心理暗示。留白是一种对比手法或方式,而非纯粹的减少内容来达到留白的目的,在有限的手机屏幕内容我们需要清楚哪些位置或内容可以做到适当留白。
留白的设计方式有很多,像是顶部留白,让使用者从一开始的就降低视觉压迫性。还有去线留白,即减少线对内容的信息干扰。再或者是减少重色,让整体界面的设计更加轻量化、扁平化。还有增加边距留白,增强内容的聚焦。
以上就是2020年UI设计五大流行趋势的全部分析。事实上,虽然UI设计每年都会有新的变化趋势,但是从整体上来看这种变化还是比较小的。希望大家在了解了2020年UI设计五大流行趋势后,可以在日常的设计工作中有意识地去运用这些设计方法,从而设计出更好地产品。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
父母眼中薪资20万UI设计师工作没2k技术员体面?
父母眼中20万UI设计师工作没2k技术员工作体面?所有父母眼中的得体工作,都有一个特别核心的评判标准稳定。尽管时代在变化,有很多新兴的职业出现,但教师、医生、公务员这些很稳定的工作依然被很多人视为最佳工作。
5670
2019-06-21 14:31:01
学UI设计好就业吗?设计师薪资待遇好不好?
学UI设计好就业吗?设计师薪资待遇好不好?互联网行业的兴起各大中小型企业对用户界面、用户体验的越来越重视,智能设备,APP软件普及,UI设计越来越火。招聘网站数据显示,学好UI设计薪资待遇比较理想,UI设计人才薪资普遍可以达到5k~10k,就业形势看好。
860
2020-04-07 15:28:22
UI设计师怎么做能拿高薪?
早在2-3年前,网上就有这样的声音:UI行业饱和了,在走下坡路了。但其实我们去看看各大招聘平台的数据就可以知道,即使是今年受疫情影响,整体环境不稳定的情况下,UI设计师的薪资待遇和岗位需求都处于上升趋势。有一定工作经验的UI设计师,薪资都在15k以上,那UI设计师怎么做能拿高薪呢?
840
2020-07-02 14:39:08
产品设计三大变化趋势浅析
随着近几年,移动交互和硬件技术的发展,产品设计也在发生着悄然的改变。可能不知不觉,我们手机里的许多app界面就已经被改的面目全非了。了解并掌握当下的设计趋势,无疑对我们的设计工作有着极大的帮助。本文将浅析一下产品设计的三大变化趋势,分别是界面漂白、线条消失以及对底部空间的利用。
807
2020-07-07 14:41:45
电商设计应该如何处理素材图片?
做电商设计的朋友可能都遇到过这种情况,就是手里有一堆不错的素材图片,但是怎么拼也拼不出理想的效果出来,别人家高大上的杂志风,到了自己手里就凌乱不堪!本文就来给大家解决这个问题,根据不同数量的图片,我们也有对应的处理方法。前方电商设计干货预警,赶紧一起来看看吧!
839
2020-07-16 17:13:45
PS软件精品课
¥98 基础 892
企业官网网页设计
¥199 基础 102
PS电商海报案例设计教程
免费 进阶 1094
用PS打造故障艺术效果
免费 进阶 823
PS特效字体设计案例集锦
免费 进阶 954
推荐课程
热门文章
- 区块链应用未来的几个方向有哪些?
- Python爬虫需要学多久才能掌握?
- 30岁能进入人工智能行业吗?晚不晚?
- 黑马Java架构师课程知识点有哪些?
- 选择Java培训班应该咨询什么内容?
- jQuery框架安装及jQuery特点介绍
- 初学编程遇到程序报错问题怎么解决?
- 5W2H数据分析方法及思维是什么?
- UI设计师要懂什么技术?掌握哪些知识?
- 哪里可以培训少儿编程老师?学什么? 查看更多
扫描二维码,了解更多信息
