在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
对于一个优秀的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设计五大流行趋势后,可以在日常的设计工作中有意识地去运用这些设计方法,从而设计出更好地产品。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
参加视觉设计就业班能找到工作吗?
很多人都认为,参加视觉设计就业培训班就一定可以找到高薪的工作。但实际上并不是所有参加培训的同学都如愿找到心仪的工作。其中市场大环境因素、培训班教学能力、个人学习情况以及沟通面试技巧等等方面,都是绝对你最终是否可以高薪就业的因素。那如何才能通过视觉设计就业班找到高薪的工作呢?
5138
2019-09-12 17:59:17
视觉设计培训完就业前景怎么样?
谈到视觉设计这一行业,也许很多人都会感觉陌生。然而在实际生活中,我们常常能看到这个行业的身影,比如随处可见的广告宣传设计、商品包装设计和企业形象设计等等。随着商品宣传推广愈发多样,视觉设计培训如雨后春笋般出现在大众视野里。相信不少人在心动的同时,也不免担心视觉设计培训完就业前景怎么样。下面本文将从多个角度好好为大家来解答这个疑惑。
5083
2020-03-18 18:02:38
学视觉设计好找工作吗?发展前景如何?
随着大电商+新零售互联网时代的发展,视觉设计越来越频繁的出现在大众的眼前。虽然很多人常常听说视觉设计这一职业,但是对于视觉设计是什么,还并不清楚。至于学视觉设计好找工作吗?发展前景如何?对于这些问题就更不了解了,下面我们就一起来看看视觉设计的主要学习内容和就业发展分析。
7319
2020-05-28 11:07:57
电商详情设计应该怎么做?五大设计技巧分享
对设计师来说,电商详情的设计要求其实就是把文字翻译成以图片为主的视觉语言。在信息爆炸的时代,图像化的信息传播方式往往更能引起消费者的注意,因此传播效率要远远高于纯文字。优秀的电商详情设计可以表达出更为清晰易懂的信息,精准提炼出商品的卖点。那么,电商详情应该如何设计呢?
5028
2020-05-28 17:16:29
学习视觉设计难不难?需要多久?
如今,我们的生活和工作早已和视觉设计息息相关,一般我们说的视觉设计包括标志设计、包装设计、字体设计、图像设计、书籍设计、广告设计、界面设计等等。那么,学习视觉设计难不难?需要多久呢?其实只要你对设计感兴趣,在博学谷学习视觉设计就不会感觉很困难,至于学习时间因人而异。如果你有一定的Photoshop基础,一个月就能大概掌握视觉设计的相关技能了。
7563
2020-06-01 16:44:00