背景

中国互联网协会在2010年《振兴上海互联网产业研究报告》中提出：「互联网产业发展要以消费型互联网与生产型互联网并举方针」；麦肯锡报告(2014)也指出：「过去中国互联网发展是以消费者而不是以企业为导向的，这一现象正在发生变化。」改变的方向指向了产业互联网。

马化腾在北京接受记者专访时表示：“互联网的下半场属于产业互联网。”他认为，我们正面临从消费互联网向产业互联网的转变，互联网正在从提供资讯、搜索、电商、购物、社交等服务，逐渐转变到与各行各业深度融合。 马化腾认为，产业互联网是未来全新的大领域，有很多想像空间。互联网将全面渗透到产业价值链，并对其生产、交易、融资、流通等环节进行改造升级，可以形成极其丰富的全新场景，极大提高资源配置效率。

互联网从上半场（消费型，主要2C）到下半场（生产型，主要2B）的转变，对于设计师来说，意味着B端设计师需求量的增加，网页设计急需在新的互联网发展趋势、新技术的进步和发展的推动下展开突破。B端设计师尤其不是在自己的艺术泡沫中工作，客户也想在人群中脱颖而出，并在不断增长的市场中抢占份额。设计趋势并不是为了设计而设计的新概念，而是从用户体验、品牌记忆力和产品风格方面着眼于设计为网站/系统带来的好处。

3D设计

毫无疑问，3D风格很容易引起人们的注意，无论是用于网页设计，平面还是海报，3D总是能够给人留下深刻的印象，并使人沉浸其中。

近年流行的3D设计趋势并不是新奇，坦白来说，它在页面设计中也有了越来越多的应用。3D设计趋势充分利用了更多的现代技术进步和软件功能。高性能UI设计和应用程序中增强现实和虚拟现实的兴起，互联网和技术速度的提高，层出不穷的设计软件都为越来越多的设计师尝试3D设计提供了可能。B端设计师们也在页面多加入用3D立体图形来制造空间感，增强美观度，让页面更加吸引人。

3D元素应用于页面信息

3D应用于网站介绍页面

3D应用于网站登录

3D技术让页面中存在逼真的超真实视觉效果。与此同时，我们预测这些3D视觉效果将具有令人难以置信的影响力，不仅仅作为推动页面呈现的次要元素，而且将占据中心位置，甚至占据整个页面的主导地位。潮流设计师将3D设计与照片或平面插图结合在一起，同时添加了动作和动画，所有这些都使该网站从大众网站中脱颖而出。这些视觉上令人惊叹的作品并非纯粹出于艺术创造，3D产生的深度和完全沉浸式的感觉吸引了观众进入设计情景，引起用户的注意，并极大地提升了用户的转化率。

表情符号设计

还记得前段时间微信上线了新表情，消息一出，马上登上微博热搜第一。

表情符号是现在无处不在的象形图形式，使设计师可以将情感添加到网站中。表情符号帮助我们在页面中更好的向用户传达情感、调动用户情绪。使用表情符号可以产生共鸣，让页面更人性化。

表情符号之所以如此有力，是因为它利用了人类识别面部情绪的认知架构（微笑和不笑的面孔具有强大的威力，以至于常常在心理学研究中作为隐藏的“启动刺激”，用来影响人对其他事物的反应）。查尔斯•达尔文曾在家里向20位客人展示一系列人的照片，要他们判断照片里表现了哪种情绪。至少从他开始，人类就知道了面部表情是易读的，也几乎是世界通用的了。达尔文认为，人类在发明语言之前就有了面部表情，因为它们对生存至关重要——人要先能传达危险、厌恶，或许还有喜悦的情绪，然后才会发明词语来匹配它们。

Teambition 是阿里巴巴工作学习套件，在Teambiton网盘帮助中心页面，利用微信表情很好的表达了「常见问题、最新进展、其他」等概念，让用户看起来疑似明确又不失亲切～

以下图片来自dribbble

插图与动画设计

卡通插图也不算是2021年新的设计趋势，因为它一直在流行。网页设计中插图的使用趋势已经增长了几年，并且看起来这种趋势将持续下去。卡通插图非常灵活，可以为产品或网站营造氛围，用作页面的焦点，吸引用户的注意。

自定义插图已成为使页面从枯燥的数据、无聊的表单中脱颖而出的一种好方法。插图比以往任何时候都更具多样性，趣味性和多功能性，可以增强设计效果，同时又能保持您要呈现的风格与产品保持一致。

越来越多的设计师把插图与动效结合起来，创造更加吸引人的页面和独特的产品风格。

以往插画在网页设计中只是应用在功能介绍页、空状态、新手引导中，接下来我们应该还会看到插画在网页或系统产品上更广泛的应用～

来自Ant Design

来自飞书

来自dribbble

tips:插画的线性设计

线条艺术有其固有的优点——清晰、简洁、优雅，但用线性设计东西，却需要高超的技巧。用看似简单的笔触传达复杂的思想、概念或场景的能力不可估量。带有线性设计的插画在网页设计中也越来越流行。

颜色

1.单色或去色设计

在一个五彩缤纷的世界中，适度减少色彩的填充反而让人感到安慰和温馨。

经典的黑白效果，柔和、微妙、干净，即使眼睛数小时停留在的电脑上也不会很疲惫。

来自dribbble

2.柔和色设计

柔和色使设计看起来非常现代，清新而令人愉悦。让用户专注于页面内容，而其他部分都只是微妙的背景。

2020年，人们朝着柔和的配色迈进了一步，而2021年似乎又向前迈了一步。想要尝试柔和配色的同学可以看看这篇文章哦🥰：https://www.zcool.com.cn/article/ZMTIwMDAyOA==.html

3.磨砂质感

2021年将看到多彩渐变色与磨砂效果结合的使用，烘托出一种更加绚丽、干净和高级的质感。磨砂质感提升了单调的页面的品质。

几何图形

几何图形在设计中已经出现了一段时间，在接下来的网页设计中依然会是不可或缺的存在。

几何艺术可以从基本形状中巧妙地制造出令人难忘的东西，并且在2021年依然值得期待。简单的平面形状而不是简单的设计，简单的几何形状、没有分散注意力和非功能性的细节，而是带来了抽象感和自信。

几何图案可以与照片，插图结合使用，也可以作为设计的独立部分。

微动画设计

这是改善用户体验的最佳方法之一。微交互有助于使用户与系统的交互更加轻松和顺畅。我相信这一趋势将是一个持久的趋势。2021年的这些微互动将变得生动多样，从微小的按钮、号召性用语、翻页指令、光标、弹出式图片等等。微妙的动作可能是解除原本枯燥的页面的一种简单方法，增加乐趣和活力。当然，重要的是要取得平衡，并确保这些微动作不会在页面上占主导地位或分散注意力。

突出按钮

给按钮加阴影，制造悬浮的效果，我在很多页面设计中都有看到这一点。页面的主按钮是具有号召性、吸引性的，2021必将增加这种可点击的效果，吸引用户。虽然曾经的页面或者按钮/图标，加大阴影的设计处理已经过时，但是主按钮的悬浮效果依然受到追捧。不如在页面中来点大胆的尝试，也许会带来惊人的效果～

来自dribbble

极简主义

在过去的十年中，极简主义已成为绝对的不可或缺的设计趋势，已成为Web设计师工作的主要内容。但是什么是简约的网页设计？简约的设计不再是一种视觉风格，而是一种设计原则，它是基于仅使用基本元素（例如基本形状，干净的文本，有限的配色和空白空间）来创建简单，实用且令人难忘的东西。

这种趋势不仅旨在简化网站的视觉设计，而且旨在简化可用性和功能性，在未来几年中，简约的Web设计将继续成为现代UI设计的重要组成部分。 系统页面意味着更复杂的交互，更庞大的内容与数据，产品经理总是想尽办法在里面中加入更多的功能，但是这也常常让用户找不到头脑。极简主义其实是遵循希克定律：在人机交互的界面设计中，选项越多，意味着用户做出决定的时间就越长。作为设计师需要考虑将内容归类、收纳或是渐进式呈现，总之，保持页面整洁，用户才会抓住重点！

暗黑模式

暗模式是在任何网站上添加现代典雅风格的绝佳方法，它一直以来不仅是移动端ui的趋势，而且是网页设计的趋势。研究还表明，黑暗模式可以减少蓝光，这对我们的电池寿命和视觉都有好处接触。

Envato用户界面设计师Sean表示：“根据一项研究，我们发现向更多提供黑暗模式设置或仅受黑暗驱动的产品的转变已成为一项研究，这些研究揭示了眩光和蓝光暴露的影响以及我们宝贵的电池寿命。” 设计师可以加上使用柔和的色彩和霓虹灯等更具创造性的元素，不仅时尚，别致且易于眼睛使用，它还可以很好地增加对比度，并使设计元素更清晰可见。

来自dribbble

最后

2021年的网页设计趋势将像以往一样具有创意，网页设计正在跨越用户兴趣和参与度、产品交互和体验感受、功能性和实用性之间的界限。让2021年的网页设计趋势推动您和您的客户前进吧～