手机ui设计发展趋势，2020年ui设计趋势？

今天这篇文章是浅谈一下手机ui设计发展趋势。对于现在大部分人来说，手机依然成为我们生活的一部分了，对于手机ui界面的要求也会越来越高。所以手机ui设计发展趋势也成为我们这群设计师需要探讨的问题，只有这样才能够了解到用户需求，设计的产品也会更加吸引人。

微软Metro Design

说到谷歌material design的中文译名有多种，“材料设计”、“材料学设计”等等，但最准确的应该是“质感设计”，目前这种设计语言在手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。可以让颜色更鲜艳，动画效果更突出，谷歌的想法是让谷歌平台上的开发者掌握这个新框架，让所有应用拥有一个统一的外观，让用户得到连贯体验。

Material Design

自从苹果发布iPhone 5s同时推出iOS 7系统以来，苹果系统扁平化的风格就随之而来。这个设计灵感来自德国已故传奇设计师Otl Aicher，由Jonathan Ive主导的iOS 7，完全抛弃了立体、逼真、细节，取而代之的是扁平、线条简单、色调明亮的色块。不过苹果的设计里，阴影，渐变，高光甚至纹理很多效果都依然还在，所以苹果的“扁平化”并非真正的“扁平化”。

拟物化

所谓拟物，必须是现实世界中已经有的物体，而且是人们日常的生活中经常使用的物品。人们生活中使用过的东西都在或多或少地模拟现实世界出现的同类事物，这就是“拟物化”。这种拟物设计的初衷是让人们更好更形象地理解系统所要表达的功能，它会花额外的精力描绘UI细节和装饰。这类设计不仅体现在图标的拟物化思路上，还可以用动态过程表达出来。

拟物在UI设计上的精髓在于帮助用户理解某款应用或某个按钮的功能，拟物在数字世界中的应用可以追溯到上世纪80年代，虽然并非苹果首创，不过却是1984年苹果商用的首款用户GUI向大家很好地诠释了具有拟物特色的桌面和图标——它们与现实世界中的文件夹、纸张非常相似，随后这种设计思路一直被沿用至今，成为数字世界中的主流设计。

在iOS6之前的版本，已经把拟物推到了一个非常高的高度，视觉上每一处的纹理、阴影、质感，每一个细节都经过精雕细琢，堪称完美。这个时候想要有所超越，尤其是想要在拟物这条路上有所超越，已经非常困难。而且人们生活中的东西是非常有限的，而我们熟知的日常物品也在不断被替代，应用的功能创新，很难找到现实生活中的物来拟，拟物的风格会限制住创新应用的发展。

2020年ui设计趋势
对于一个优秀的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设计中，相比于紧凑的设计，适当的留白可以让人在阅读时更加具有放松的心理暗示。留白是一种对比手法或方式，而非纯粹的减少内容来达到留白的目的，在有限的手机屏幕内容我们需要清楚哪些位置或内容可以做到适当留白。
留白的设计方式有很多，像是顶部留白，让使用者从一开始的就降低视觉压迫性。还有去线留白，即减少线对内容的信息干扰。再或者是减少重色，让整体界面的设计更加轻量化、扁平化。还有增加边距留白，增强内容的聚焦。
以上就是今天的手机ui设计发展趋势相关分享内容。希望大家在了解了UI设计趋势后，可以在日常的设计工作中有意识地去运用这些设计方法，从而设计出更好地产品。大家有了解更多关于UI设计学习方法、小技巧以及行业相关信息，都可以加V：913438879一起交流，我会把两年来的UI设计师工作经验和建议倾囊相授的。

来源：暮羽鑫