2021年APP设计趋势

说在前面的话

前几天竹子写了《如何做好作品集》，阅读反响还是很不错的，突然想起来，2021年马上就要到了，所以我先把作品集相关的文章往后推迟。先来总结展望一下未来一年的APP设计趋势。身为设计师，我们时时刻刻都要留意世界上新事物的变化，并且被这些新鲜事物冲刷着认知。任何一个新事物的悄悄冒头，都有可能在未知的对我们设计师产生巨大的影响。本文中介绍了很多有设计感的优秀的APP，大家可以下载来体验下。

2020年是非常特殊的一年，全球疫情而引发的一系列工作和生活习惯的改变，互联网红利下降所带来变化莫测的商业动向，做为互联网从业的相关UI设计师，这一切都深深的影响着我们。所以我收集了一些行业资料，预测下2021年的互联网的APP设计趋势是怎么样的。

1、暗黑模式

苹果手机从IOS13开始引入暗黑模式，我们适配暗黑模式的目的在夜晚光照不足的时候，减少了光污染，让眼睛更加舒适。造成眼睛损伤的是蓝光和频闪。事实上并没有减少蓝光，也没有暗黑模式并没有完全解决频闪的问题，唯一有用的是苹果手机的夜览模式，开启后会页面变黄，一定程度上会减少蓝光的摄入。

在2020年初,UI掀起了一股适配暗黑模式的潮流。但是很多APP在这方便做的依然不够好，显得非常的粗放，没有单独对暗黑模式进行适配，或者适配的不好，让人暗黑模式下看文字更加的不舒服。以知乎APP为例，知乎暗黑模式下，所有的文字都是刺眼的白色。知乎核心在于文字内容浏览，用户无法在最短时间看清标题，而且在强光环境下无法正常浏览，对用户造成一定的影响，阅读的时候非常不舒服。这个现象在年初的时候微信APP也存在。

当然吐槽的人多了，微信设计团队也及时跟进，进行了调整。现在微信已经全面修改的暗黑模式的文字配色。在文本颜色选择时，选择了对比度较低的灰色，部分文字还加上了蓝色做了区分，页面配色整体看起来很和谐，在夜晚看，颜色也没有那么刺激了。

很多设计师很喜欢对各种APP进行重新设计，大多陷入各种产品界面分析，然后做设计，但其实很多时候这种分析很苍白，深色模式作为一个主流趋势，在2021年，深色系配色主题必然会逐渐适配到几乎全部的移动端产品上，让用户在低亮度环境下更舒适地和移动端界面进行交互。同时，也会在可视性和实现成本方面有更多细节打磨和研究。所以我觉得也可以对暗黑模式进行全部界面继续重设计，这也是非常不错的研究方向。比如来源于某设计网站上酷狗的Redesign，就非常具有看点。整个界面使用了加入蓝紫色的灰调，文字使用灰色调和金色调文字。颜色看起来搭配非常的柔和舒适。

我们来看看追波上一些优秀的暗黑模式界面设计，你会发现界面不在拘泥与一块黑色调的背景，而是带上了各种微渐变的暗黑界面，相信用不了多久。我们也会在界面设计中大量看到这些漂亮的暗黑模式设计

我在推荐一款暗黑模式做的非常不错的APP，就是QQ音乐，可以下载来看看。

2、拟物化设计

在扁平化设计流行多年之后，我们好像对扁平化设计有点审美疲劳了。觉得扁平化设计虽然对于阅读表达类型APP有无可比拟的优势。但是不是所有的APP一定要拟物化设计。比如智能家居，物联网应用，这些与硬件结合的APP界面，就一直采用拟物化设计。原因是拟物化设计具有丰富的光影层次，非常适合表达科技类硬件APP。

当然拟物化设计不是让你重新去学习绘制写实图标，而是具备基础的拟物图标设计的技法。比如各种渐变、投影、高光，以此来营造图标内元素之间的纵深关系。在这个基础的同时，去配合界面实现层次关系。既要界面很酷，同时也要关注各种光影对于界面的表达。

我记得曾经有一个学生，她的研究方向比较特别，一直专注于各种汽车和硬件的APP设计，所以她的作品一直非常独特非常的酷，所以她找工作一直非常轻松。而且薪资远超很多UI同行。所以我给设计师的建议是不要完全沉浸在各种扁平的界面设计中。可以跳出无趣的扁平界面分析，在拟物化设计中去深入探索一下。

3、立体图标定制

这几年C4D的设计手法非常的流行，大量的运用在各种运营专题设计中。C4D有独特的立体柔和光影风格，可以快速的制作各种立体场景，配合PS的调色，整个画面营造的氛围感是非常抓人眼球的。

那么C4D的立体的风格在UI界面设计，的细分场景中也有不少涉及。比如今年就有一些很多大厂开始制作3D图标在APP界面中使用。

比如美团外卖的APP金刚区图标中的第一排为了其他图标进行设计形式感的区分，使用了立体图标的风格。

可以预见在预计在2021年，3D图标会更多在APP中使用。比如一些无数据页，一些占位图，这些传统扁平插画形式感的内容可能被3D形式感取代。

4、 糖果配色

自从简洁扁平的UI风格在界面设计中盛行之后，在APP中靠各种色彩图片或者色彩插画，一直是让界面视觉上出彩的重要手段。APP设计中有一个重要的手法就是弥散阴影。这种阴影绘制方式让界面充满了一种通透的层次关系。通过弥散阴影可以让白色充满了质感。而颜色重我们可以大量运用漂亮的糖果配色，搭配使用弥散阴影方式去构建APP界面层次。

丰富的色彩一直是设计趋势之一。大面积色块，对比碰撞，带来强烈的视觉冲击体验，在简单的扁平风格界面中可以大放异彩。例如社交类APP苏打就大量的运用色彩丰富的配色运用在界面设计中。

5、单色界面

APP界面不一定要全部是彩色，无彩色的黑白界面也非常具有独特的设计感。去掉色彩的黑白线性设计，会使整个界面显得更加简约、对比明确。采用无色彩的设计会让设计本身看起来更个性化。给大家推荐一个包含大量无彩色插画的APP，这个APP叫涂手，这个APP是一个兴趣社交的社区。这个共同的兴趣就是喜欢画这样单色白描的各种插画。

黑白的单色插画作为经典插画表现形式，它的魅力是独特甚至不可替代的。我们可以结合线条粗细、网点纹理等手法，使画面更加趣味、丰富。这类白描插画未来会在APP中的各种无数据页中使用，因为这些地方可以更多体现设计师个人趣味以及技法的差异化体现，所以未来会有更多设计师，会在这些地方设计一些独具匠心的小插画。

6、大圆角卡片

2020年的疫情使得全球人群的快乐值都在降低，而互联网一直有娱乐化倾向。我们都知道在界面设计中。直接代表硬朗的风格，而圆润的圆角风格代表更加柔和的情绪。

2021年，界面设计中一直流行的大圆角风格会继续延续，在处理上卡片的处理圆角会比原先更大。。所以竹子大胆预测会有更多的APP加入到这张大卡片圆角风格。例如下图中的苏打APP界面中大量使用了圆角卡片设计，随之带来的是多的留白处理，结合大字号，带来更透气通透的视觉感受。

7、3D插画形式的运用

从2017年开始，设计师都在大量学习各种风格的插画，运用在界面设计和运营设计中。那么我们来看现在这些插画形式有什么新的趋势。主要的趋势体现在形式感和内容，一方面形式感上开始逐渐3D化发展，C4D的运用在配图中逐渐成为新的潮流。3D插画最早应用在各种电商运营的营销页中。

但随着C4D的模板化运用，技法难度在降低，很多模型和光影素材的套用，渲染和设计时间大大缩短。很多立体插画在APP的配图中大量出现。

8、插图组件化应用

近年来，插画的人物设计在UI中也变得非常普遍。这些人物插画在界面中的banner、启动页、无数据页中大量使用。为了提高工作效率、统一画面风格，设计师将这些人物插画进行拆分绘制，以做UI组件的思路把人物、场景、物件等元素进行归类，再通过组件化的拼接合成，使用组件的设计师可以根据需求场景自由组合。

这种方法同样适用于C4D的人物设计，用这样的方法同样可以大量节省人物建模时间。

这个做法其实有点类似设计一个IP人物，然后全局反复使用这个人物IP形象，在界面合计中的各个角落去使用。例如下图中的人物形象就在插画中反复构建使用。

关于2021年的APP界面设计的趋势，今天就讲到这里，明天竹子将继续更新下一篇作品集系列《如何设计UI作品集》, 为了第一时间看到，大家记得关注转发哦，让更有有需要的朋友看到。

—

推荐阅读

—

我们还有设计学习课程，点击下图了解更多

《视觉全能班》2021年1月班报名中

往期学生作业访问站酷

https://booui.zcool.com.cn

—

聊最新鲜的设计

近期，微信官方将公众号文章的推送规则作出了改动，

现在已经不是按照发布时间排序

如果大家想看到【聊设计】的文章准时出现，

请点击文章右上角的“...”，

将【聊设计】设为“星标”，

也要别忘了右下角的「在看」哦～

点个在看，每天收到最新资讯