本文将结合案例，为大家从四个关键点来深度解析详情页的文字排版难题。

拓展阅读：

手机详情页如何卖爆货？先掌握经典的版式四原则！ 关于手机端的详情设计，版式可以说是设计师必须要掌握的核心能力，因为详情页是讲产品的详细内容，只有合理的图文排版才能让用户更好的读内容。

阅读文章 >

欢迎关注作者的 微信 公众号：「美工美邦」

编者按：这最近 GraphicMama 的编辑 Al Boicheva 梳理总结的 2022 年比较流行的 8 种 配色方案 ，对于正在头疼选配色的同学而言，这篇文章提供的参考还是蛮有价值的：

配色一直都是设计师的基础和关键技能，看似不复杂的配色，其实需要多年的学习。然而，除了基础的 配色理论基础知识之外，找到正确的配色方案，很大程度上依然依靠的是在各种案例和场景中寻求灵感。而这就是今天的文章想要带给你的东西。2022 年已经过半了，我们梳理了 2022 年目前来说相对最流行的配色趋势和相对更为时尚的颜色组合，来激发你的灵感。这些配色方案的来源非常的多样，有数字艺术和插画，有网站和 APP，有排版和字体设计，也有品牌、LOGO 和 包装设计。

值得一提的是，虽然绝大多数的配色方案都早已客观存在，但是随着时间和环境的变化，有一些配色方案确实会一阵阵地流行，在对的时间关注到大众偏好，这也是配色趋势报告的意义所在。

这次挑选出来的是配色方案总计有 8 种，其中当然包括 2022 年的年度流行色：

趋势1：粉+绿 趋势2：黑+霓虹绿 趋势3：深蓝+亮橙 趋势4：黑+金 趋势5：长春花蓝 趋势6：黄+绿+白 趋势7：红+黑+白 趋势8：粉+紫 这些 设计趋势 相关的文章也值得看看：

超多案例！2022年十大动效与动画设计潮流趋势 编者按：这篇文章出自著名的设计网站 Graphicmama.com，是今年上半年的设计趋势预测系列文章之一，这篇文章梳理出了 2022 年主要的10个动画动效设计趋势。

阅读文章 >

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势 Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。

阅读文章 >

我们仔细观察了来自世界各地优秀设计师的作品，而他们在用色上的这种偏好最终总结收束为这8个趋势，下面我们逐个来说一下。

趋势1：粉+绿

这种方案在最近几年越来越多地出现在时装店和追求设计感的店铺当中，这种色彩组合在讲求现代感的室内设计中，较为普遍，在平面设计当中，使用频率也在提升。

事实上，粉色和绿色的搭配效果非常不错，因为它们在很大程度上是高对比度的的互补色，两者色相位于色轮完全相对的位置上。这两种颜色的搭配会因为明度和饱和度的差异，不同的搭配方式能够带来截然不同的氛围。时尚圈当中，很多设计师偏向于两者都使用高饱和度高明度的搭配，而平面设计师则通常偏好将其中的一个颜色的明度和表和度调低，来降低撞色的强烈刺激。

在2022 的平面设计案例当中，粉色和绿色最受人青睐的玩法是使用柔和的粉色和深沉的绿色的搭配方式。在数字化的时代，在屏幕上使用对比度过强的颜色，对于用户体验而言，并不是一件很好的方案，相反，设计师们会根据经验使用饱和度较低的粉色和绿色。

汽油绿+柔和的粉红色/桃红色：汽油绿是一种较为深沉但是饱和度不高的柔和绿色，和较浅的粉色能够形成足够的对比，但是在视觉上不会给人以压力，这种设计在网页、UI、UX 当中非常流行。

Cramdyn Studio 网站

明亮柔和的绿色+柔和的粉色/桃红色：这是一种更为轻巧的组合，能够在视觉上保持活力，但是不会令人厌倦，在电商类网站上较为流行。

Bloc Collective Website

其他的参考案例：

Alexandra Necula 的极简夏日插画│ Dribbble

Grove Lust Website

Ivy

Eddy Naboulet Portfolio Website

趋势2：黑+霓虹绿

黑色与霓虹绿的搭配是非常具有科技感和未来感的，在2022 年，很多强调技术感的品牌，为了让品牌气质给人感觉和新技术同步，会选择在自家的网站和 APP 上将这种配色和干净简约的交互组合起来使用，或者是搭配形式感极强的排版在海报中呈现。

在黑色和霓虹绿的搭配之下，还可以轻松添加白色和不同深浅的灰色作为搭配，让整个配色体系保持一致又足够丰富有层次感。在某些情况下，会有设计师选择添加鲜艳的粉红色作为提亮色。

设计案例：

Young Guns Project by Fat Head Studio

K72 Agency Website

Obey Alliance 2022 Animated Rebrand

Obey Alliance 2022 Animated Rebrand

big_bets 网站

Diana Arsenteva 设计的 Neon Nike 运动鞋│ Behance

趋势3：深蓝+亮橙

这同样是一组经典的高对比度配色，因为蓝色和橙色在色相上几乎也是出于对位，这种搭配方式方式中，橙色通常都保持着如同火一样的高亮度，而蓝色通常是深沉低明度色彩。虽然我们在很多企业的配色当中，经常看到天蓝色和明黄的搭配来制造一种向上的、具有信任感的视觉搭配，但是目前来看，深蓝和亮橙的搭配更能凸显出着一对对比色的视觉张力。

和其他的互补色不同，深蓝和亮橙两者有着强烈的对抗性，它们常常代表着冷与暖，天与地，海和陆，火与冰，它们两者也非常接近自然环境光的呈现形式，这也使得设计很容易在一众设计中脱颖而出，更容易被接纳。

更多案例：

Oliver Swinburne Cozy Sofa Living Room│ Dribbble

Neondoor Exhibit Website

Loonaverse 2022 Poster by Anthony Rodriguez│ Behance

The Volt Kit – 2022 NYCFC Kit Launch by Kylie Woyat│ Behance

Happy Christmas from KDC Website

Onboarding by Gleb Kuznetsov │ Dribbble

趋势4：黑+金

黑金搭配的关键在于「优雅感」。 没有什么比黑金二色更能体现出高端、奢华的感觉了，到目前为止，这两种颜色的组合可能是奢侈品品牌最为青睐的配色了，不过如今很多其他的品牌也正迎头赶上，比如说当下正在流行的数字艺术、房地产的品牌设计、活动海报设计还有产品设计，都会越来越多地使用这类配色。

需要注意的是，这类配色方案不仅可以让黑色作为主色，也适合让金色作为主色，不过这两种方式所呈现出来的氛围和感觉，是截然相反的。

更多案例：

Face with a View by Chelsea Wirtz │ Behance

Welcome to the House of Gucci Website

In Memoriam NFT Illustrations Design by Billelis │ Behance

Hideo Kojima’s “The Creative Gene” │ Book Depository

Nagaland Perfume by Abdullah Alhasawi │ Behance

Chess World Championship Website

趋势5：长春花蓝

说配色趋势的时候，多少还是离不开潘通色的。2022 年的年度色，英文名为 Very Peri ，中文名为长春花蓝，这种接近于紫色的蓝色在过去的大半年时间里已经出现在大量的设计当中。这种有着强烈时代精神特质的用色，在视觉上显得独特而不那么常规，也正是这个原因让很多设计师选择了这种配色方案，并且应用在自己的设计里面。

更多案例：

Royal Room Brand Identity by Anastasia Rafaliuk│ Behance

Project Launch by Hurca!│ Behance

Samsung Galaxy S21 Poster by Anila MA│ Behance

Spike’s Tarot Cards Campaign Website

Tigers and Geometric Elements by Irina Skaska│ Behance

Mushrooms and Cats by Julia Gosteva│ Behance

趋势6：黄+绿+白

当三种颜色搭配在一起的时候，配色所带来的氛围和情绪就开始特别多变了。黄色和绿色组合在一起的时候，能够制造出能量十足、富有生命力的感觉，而随着饱和度和明度的变化，这种配色方案还能呈现出神秘 、愉快乃至于平静的感觉，这种特质使得绿黄白的色彩组合在很多领域都非常流行，从体育赛事到奇幻小说，这种配色方案都能发挥效果。你可以使用霓虹绿和高亮黄来制造活力十足的氛围，也能用金黄色和低饱和度的绿色来创造奢华低调的质感。

在下面的案例当中，你能看到这三种颜色所能够唤起的截然不同的感觉：

Notorious Nooch Co Website

Birdwatching by Benjamin Flouw│ Behance

Papilo Design Buro by Alexandra Volodos│ Behance

2022 Oregon Football Recruiting Graphic by Ryan Pham│ Behance

Harry Potter 20 Years Anniversary Book Covers by Jekaterina Budryte

趋势7：红+黑+白

这既是经典配色的延续，也是当下最流行的有趣的流行搭配，大自然当中最具有警告意味的两种颜色组合到一起，带有强烈的对比意味，也是相当具有视觉冲击力的搭配。黑色和红色经常出现在自然界中有毒的蛇、青蛙、昆虫甚至于一些鸟类的身上，我们从本能上会对这两种颜色的组合感到警醒和注意，任何红黑双色的搭配，都能够在宣传的时候，狠狠抓住用户的注意力。不过，这个当中，白色所带来的变化是最为有趣的。

红黑作为主色，白色提亮：主色调两者碰撞吸引用户的注意力，而白色则提供一种新的转变，让用户的注意力得到迁移，白色用的越少，放的位置越刁钻，也越能制造出前卫感和形式感。 白色为主色，红黑色提亮：这种变化在某种程度上是经典的黑白配色的变体，只是加入了一些红色的提亮色。这种设计给人专业感很强，适用于简约的风格。

下面是更多的案例：

Nico & Puku by Flowing Design │ Behance

Noa Beyo Portfolio Website

Morobe Website

Poster Riso Print Design in Red Black and White

PACT Media Website

Wienerin Font by Ale Paul Sudtipos│ Behance

趋势8：粉+紫

2022 年最后一个流行配色方案，更为柔和的粉色和紫色所组成的配色方案。粉色，尤其是柔和的粉色有着强烈的青春感，代表着希望，而紫色的加入，让整个配色方案变得更加富有活力，成熟感更强。值得一提的是，这套配色方案中，紫色应该更加偏向蓝色的色相一点。

下面是更多的范例：

Oraculo Evrone Website

Danger Hearts by Leila Divine│ Behance

Julia Goulart by High Brands │ Behance

Jasu Hu, New York Times

Online Interview – Anni Wang Website

Summer by Jinqing Wu │ Behance

结语 希望这些 2022 年的设计流行色能够帮你在日常设计当中，提供一些帮助，在不知道选择配色的时候，能够从这些流行色中选出适合你的设计项目的配色。最重要的是，要不停地获取灵感，并且坚持创作。

在开始这个话题之前，我们需要先对设计中台有个基本的认识，读者可以通过《SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践》这篇文章了解到阿里对 设计中台 研发模式和设计工程化的思考和工具方面的进展。我们对产品生产链路中多角色协同、可消费物料进行管理，加速生产效率的同时降低成本，同时产品的体验基线还可以得到保障。

SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践 本文为 SEE Conf 2022 设计场分享《设计工程化三部曲》，整理成稿。

阅读文章 >

今天我们要讨论的重点不是系统产品生产方面，而是 B 端系统的 用户体验 走向以及 菜鸟 在这一领域的切入点。我们将分 2 期来讨论这个话题，第一期将讨论 B 端系统的智能化体验走向，第二期将讨论智能化能力应用对体验带来的变化。

B 端系统的走向与体验诉求 首先我看看看 B 端系统在产品层面的发展历史：

在 1980 年代，IBM 等公司已经提供了以计算机为核心的管理系统，实现企业原材料管理、生产加工管理，员工工作时管理的闭环管理系统。

在 1990 年代这样的管理系统更加成熟，可以实现财务预测、生产能力和资源的调度等能力，真正成为可以用于产品质量管理、资源管理、财务管理的系统工具，辅助企业管理者进行决策。我们将这样的系统称为 ERP(Enterprise Resource Planning) 。

2000 年开始，互联网技术的成熟让企业的系统实现与供应链、客户上下游系统的数据交换能力，加强了供应链各环节企业的联系，使企业决策者进行跨企业协同更加方便。

2010 年至今，基于云计算的 ERP 产品以 SaaS、PaaS 等技术搭建非本地化系统逐渐走上历史舞台，为适应企业个性化业务诉求而定制的能力在考验系统「应用市场」规模和二次开发能力，其中二次开发能力以低代码和零代码受到行业关注。

我们可以观察到行业的基本走向有 4 个特征：

从解决企业单点管理问题到解决企业整理管理问题 从关注自己内部的管理和生产效率到关注供应链上下数据与协同效率 从服务事（企业生产等）到服务人（企业决策者、系统使用者） 从关注系统模块的功能到关注系统模块快速、低成本配置和落地的能力 基于此我们有理由相信，传统的管理系统向数字化时代的进化就在当下正在进行，当下我们需关注系统以数据处理为手段的信息化和系统自主决策完成目标为导向的智能化体验手段。

我们以系统在生产过程中，对生产关系所起到的作用和目的为切入点来整理思路，将系统以生产管理为目的围绕人力处理的阶段称为传统时代，将系统以数据处理能力替代人类做重复性决策为目的的阶段称之为数字时代。

我们不难发现，传统时代的系统需要我们在生产研发的时候更关注系统为人提供的能力，并且为了大规模生产最好可以低成本、快速的开发方式，配合这种研发模式孕育而出的就是各种技术、设计中台。比较典型的有 Salesforce 开放平台、蚂蚁的 AntD 等，菜鸟的中台叫做 Cone，意为 Cainiao One。Cone 提供设计工程化、标准化、低代码研发、能力服务平台、小程序等能力，关注优化系统生产链路，成本与效率，能力模块复用和体验标准化。

在进化的时代下，中台除了以上需要关注的生产要素以外，还要关注系统目的变化带来的体验变化。为了降低系统对人的依赖度，让系统代替人类做重复性高且低风险的决策，中台需要提供解决方案沉淀与系统判断触发条件的能力，以及配套的智能化体验的交互形态。

智能化转型的先驱 听起来智能化似乎还遥远，其实这个时代已经开始，我们来看几个企业智能化转型的例子：

Google 在 2016 年将企业战略由 Mobile First 调整为 AI First，随之而来的是 Google 产品用户体验逐渐走向智能化和人性化。

Google Photos 提供每天超过 50 亿张照片被 Google 相册查看，AI 可以帮助用户对照片的识别、美化和分享变得更轻松，它利用了 AI 分割图像，自动修复过度曝光、曝光不足的照片，还可以对照片进行色彩补正等处理。同样的，Google 助手采用深度学习的 Wavenet 技术，可以提供 6 种真假难辨的自然人声，提供超过 30 种语言服务在 80 多个国家和地区（中国区无覆盖）。随着这项技术，人们在内容阅读方面的体验会变的更加轻松且人性化。Google Chrome 插件市场使用量最好的几个插件几乎都是服务在 Gmail 智能回复上的，这些插件可以分辨邮件的对象和内容，将工作相关的单据自动录入系统的对应模块，并且能根据预设条件进行自动化邮件回复。这种智能化的体验将是日常需要处理大量客户邮件工作者的福音。

IBM 将智能化分成了三个阶段：

第一阶段基于云计算、物联网、数据分析等能力，建设流程自动化能力（RPA），实现过程自动化，人类只需要做决策即可；

第二阶段是智能自动化（AI+RPA），是将人工智能和自动化技术的结合，为人类提供更好的客户体验。例如 AI 可以帮助创建使用 RPA 自动化流程的指南、AI 利用数据来量化和计算流程效率，并进行简化，实现更高的效率等。

第三阶段则是真正的业务智能化（AI），IMB 将企业级 AI 融入开放式混合云的解决方案中，实现自然语言处理、可信、自动化以及随处运行的能力，这里就不展开了。

Philips 在 2019 年将人工智能技术应用在医疗领域，通过图像识别、声音识别、语言处理、数据挖掘、认知推理能力，服务在预防、诊断、治疗、康复、药物研究和医院管理几个领域，使医生的工作从依赖经验的「直觉医疗」到依赖数据的「精准医疗」。我们发现通过智能化技术收益最大的其实正是产品服务品质和用户体验。

B 端系统智能化图谱 如果我们今天还在使用传统系统，那么如何逐渐让系统智能起来？一步到位恐怕不现实，一步步建设需要实现哪些目标？

让我们来整理一下思路，智能系统的要素有三点：

系统的感知能力——系统需要知道业务发生了什么 系统的决策能力——系统需要对需要执行什么流程进行决策（含是否需要人类介入决策） 系统的执行能力——智能化系统擅长替代人类做大量低风险且重复性高的工作，也是直接产生生产价值的能力。 那么我们可以根据三个要素对系统智能化程度进行划分：

系统是否能自动完成任务（流程自动化） 系统是否能自主发起并完成任务（决策+流程自动化） 系统是否能完成自我进化（感知+分析+优化执行能力） 由此思路我们将人类对系统执行的参与度进行划分，将系统智能化为 5 个阶段：

基础人工（S0）：必须由人工完成所有的信息处理和任务处置，系统仅做信息存储和呈现，如在线表格。

辅助执行（S1）：必须由人工完成所有任务处置，但在处置过程中，能取得系统的辅助。系统在任务分发、推送或处理中提供数据分析帮助，如推荐、预测等。

条件智能（S2）：人工完成规则和流程的设定，或完成知识库的建立。系统基于预设规则、只是经验或智能的信息决策分析，能自动完成特定任务处理。

高度智能（S3）：人工仅需训练系统以完成系统优化。系统基于状态感知和实时分析，能自主决策，挖掘任务并自动完成任务。

完全智能（S4）：系统具备认知能力，自主完成进化和提升，能自主优化业务流程或提出全新的解决方案。

在建设的过程中，我们需要如何界定系统智能化所处的阶段呢？

我们通过大量理论验证，简化为上图表格，通过信息呈现、任务组织分发、任务处理能力、规则流程设定、自主优化&升级由谁来完成主要工作进行系统智能化等级界定。

菜鸟的系统产品通过中台能力也在逐步向更高阶的智能化能力进化中，那么我们需要建设哪些能力实现系统的智能化转型呢？

我们在每个阶段都设定了高优先级的必要能力（宝蓝色）和可持续加强的能力（蓝灰色）。我们认为这些能力是系统智能化的关键，随之而来带来的变化则是用户体验颠覆性的变化。

需要能力建设就意味着成本，基于菜鸟 6 年的体验设计中台落地的经验来看，并不是所有系统都需要追求 S4 的完全智能，而是需要根据场景、需求来决策系统智能化水平，按需即可。重复性越高的流程越需要智能化、决策风险越高系统越需要人类的经验进行判断，系统仅需提供数据分析能力。

在下篇文章《智能设计中台——下》中，我们将会讨论到一些关键能力应用在系统中对用户体验带来的变化，欢迎各位关注。

本文将结合案例，为大家从四个关键点来深度解析详情页的文字排版难题。

拓展阅读：

手机详情页如何卖爆货？先掌握经典的版式四原则！ 关于手机端的详情设计，版式可以说是设计师必须要掌握的核心能力，因为详情页是讲产品的详细内容，只有合理的图文排版才能让用户更好的读内容。

阅读文章 >

欢迎关注作者的 微信 公众号：「美工美邦」

编者按：这最近 GraphicMama 的编辑 Al Boicheva 梳理总结的 2022 年比较流行的 8 种 配色方案 ，对于正在头疼选配色的同学而言，这篇文章提供的参考还是蛮有价值的：

配色一直都是设计师的基础和关键技能，看似不复杂的配色，其实需要多年的学习。然而，除了基础的 配色理论基础知识之外，找到正确的配色方案，很大程度上依然依靠的是在各种案例和场景中寻求灵感。而这就是今天的文章想要带给你的东西。2022 年已经过半了，我们梳理了 2022 年目前来说相对最流行的配色趋势和相对更为时尚的颜色组合，来激发你的灵感。这些配色方案的来源非常的多样，有数字艺术和插画，有网站和 APP，有排版和字体设计，也有品牌、LOGO 和 包装设计。

值得一提的是，虽然绝大多数的配色方案都早已客观存在，但是随着时间和环境的变化，有一些配色方案确实会一阵阵地流行，在对的时间关注到大众偏好，这也是配色趋势报告的意义所在。

这次挑选出来的是配色方案总计有 8 种，其中当然包括 2022 年的年度流行色：

趋势1：粉+绿 趋势2：黑+霓虹绿 趋势3：深蓝+亮橙 趋势4：黑+金 趋势5：长春花蓝 趋势6：黄+绿+白 趋势7：红+黑+白 趋势8：粉+紫 这些 设计趋势 相关的文章也值得看看：

超多案例！2022年十大动效与动画设计潮流趋势 编者按：这篇文章出自著名的设计网站 Graphicmama.com，是今年上半年的设计趋势预测系列文章之一，这篇文章梳理出了 2022 年主要的10个动画动效设计趋势。

阅读文章 >

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势 Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。

阅读文章 >

我们仔细观察了来自世界各地优秀设计师的作品，而他们在用色上的这种偏好最终总结收束为这8个趋势，下面我们逐个来说一下。

趋势1：粉+绿

这种方案在最近几年越来越多地出现在时装店和追求设计感的店铺当中，这种色彩组合在讲求现代感的室内设计中，较为普遍，在平面设计当中，使用频率也在提升。

事实上，粉色和绿色的搭配效果非常不错，因为它们在很大程度上是高对比度的的互补色，两者色相位于色轮完全相对的位置上。这两种颜色的搭配会因为明度和饱和度的差异，不同的搭配方式能够带来截然不同的氛围。时尚圈当中，很多设计师偏向于两者都使用高饱和度高明度的搭配，而平面设计师则通常偏好将其中的一个颜色的明度和表和度调低，来降低撞色的强烈刺激。

在2022 的平面设计案例当中，粉色和绿色最受人青睐的玩法是使用柔和的粉色和深沉的绿色的搭配方式。在数字化的时代，在屏幕上使用对比度过强的颜色，对于用户体验而言，并不是一件很好的方案，相反，设计师们会根据经验使用饱和度较低的粉色和绿色。

汽油绿+柔和的粉红色/桃红色：汽油绿是一种较为深沉但是饱和度不高的柔和绿色，和较浅的粉色能够形成足够的对比，但是在视觉上不会给人以压力，这种设计在网页、UI、UX 当中非常流行。

Cramdyn Studio 网站

明亮柔和的绿色+柔和的粉色/桃红色：这是一种更为轻巧的组合，能够在视觉上保持活力，但是不会令人厌倦，在电商类网站上较为流行。

Bloc Collective Website

其他的参考案例：

Alexandra Necula 的极简夏日插画│ Dribbble

Grove Lust Website

Ivy

Eddy Naboulet Portfolio Website

趋势2：黑+霓虹绿

黑色与霓虹绿的搭配是非常具有科技感和未来感的，在2022 年，很多强调技术感的品牌，为了让品牌气质给人感觉和新技术同步，会选择在自家的网站和 APP 上将这种配色和干净简约的交互组合起来使用，或者是搭配形式感极强的排版在海报中呈现。

在黑色和霓虹绿的搭配之下，还可以轻松添加白色和不同深浅的灰色作为搭配，让整个配色体系保持一致又足够丰富有层次感。在某些情况下，会有设计师选择添加鲜艳的粉红色作为提亮色。

设计案例：

Young Guns Project by Fat Head Studio

K72 Agency Website

Obey Alliance 2022 Animated Rebrand

Obey Alliance 2022 Animated Rebrand

big_bets 网站

Diana Arsenteva 设计的 Neon Nike 运动鞋│ Behance

趋势3：深蓝+亮橙

这同样是一组经典的高对比度配色，因为蓝色和橙色在色相上几乎也是出于对位，这种搭配方式方式中，橙色通常都保持着如同火一样的高亮度，而蓝色通常是深沉低明度色彩。虽然我们在很多企业的配色当中，经常看到天蓝色和明黄的搭配来制造一种向上的、具有信任感的视觉搭配，但是目前来看，深蓝和亮橙的搭配更能凸显出着一对对比色的视觉张力。

和其他的互补色不同，深蓝和亮橙两者有着强烈的对抗性，它们常常代表着冷与暖，天与地，海和陆，火与冰，它们两者也非常接近自然环境光的呈现形式，这也使得设计很容易在一众设计中脱颖而出，更容易被接纳。

更多案例：

Oliver Swinburne Cozy Sofa Living Room│ Dribbble

Neondoor Exhibit Website

Loonaverse 2022 Poster by Anthony Rodriguez│ Behance

The Volt Kit – 2022 NYCFC Kit Launch by Kylie Woyat│ Behance

Happy Christmas from KDC Website

Onboarding by Gleb Kuznetsov │ Dribbble

趋势4：黑+金

黑金搭配的关键在于「优雅感」。 没有什么比黑金二色更能体现出高端、奢华的感觉了，到目前为止，这两种颜色的组合可能是奢侈品品牌最为青睐的配色了，不过如今很多其他的品牌也正迎头赶上，比如说当下正在流行的数字艺术、房地产的品牌设计、活动海报设计还有产品设计，都会越来越多地使用这类配色。

需要注意的是，这类配色方案不仅可以让黑色作为主色，也适合让金色作为主色，不过这两种方式所呈现出来的氛围和感觉，是截然相反的。

更多案例：

Face with a View by Chelsea Wirtz │ Behance

Welcome to the House of Gucci Website

In Memoriam NFT Illustrations Design by Billelis │ Behance

Hideo Kojima’s “The Creative Gene” │ Book Depository

Nagaland Perfume by Abdullah Alhasawi │ Behance

Chess World Championship Website

趋势5：长春花蓝

说配色趋势的时候，多少还是离不开潘通色的。2022 年的年度色，英文名为 Very Peri ，中文名为长春花蓝，这种接近于紫色的蓝色在过去的大半年时间里已经出现在大量的设计当中。这种有着强烈时代精神特质的用色，在视觉上显得独特而不那么常规，也正是这个原因让很多设计师选择了这种配色方案，并且应用在自己的设计里面。

更多案例：

Royal Room Brand Identity by Anastasia Rafaliuk│ Behance

Project Launch by Hurca!│ Behance

Samsung Galaxy S21 Poster by Anila MA│ Behance

Spike’s Tarot Cards Campaign Website

Tigers and Geometric Elements by Irina Skaska│ Behance

Mushrooms and Cats by Julia Gosteva│ Behance

趋势6：黄+绿+白

当三种颜色搭配在一起的时候，配色所带来的氛围和情绪就开始特别多变了。黄色和绿色组合在一起的时候，能够制造出能量十足、富有生命力的感觉，而随着饱和度和明度的变化，这种配色方案还能呈现出神秘 、愉快乃至于平静的感觉，这种特质使得绿黄白的色彩组合在很多领域都非常流行，从体育赛事到奇幻小说，这种配色方案都能发挥效果。你可以使用霓虹绿和高亮黄来制造活力十足的氛围，也能用金黄色和低饱和度的绿色来创造奢华低调的质感。

在下面的案例当中，你能看到这三种颜色所能够唤起的截然不同的感觉：

Notorious Nooch Co Website

Birdwatching by Benjamin Flouw│ Behance

Papilo Design Buro by Alexandra Volodos│ Behance

2022 Oregon Football Recruiting Graphic by Ryan Pham│ Behance

Harry Potter 20 Years Anniversary Book Covers by Jekaterina Budryte

趋势7：红+黑+白

这既是经典配色的延续，也是当下最流行的有趣的流行搭配，大自然当中最具有警告意味的两种颜色组合到一起，带有强烈的对比意味，也是相当具有视觉冲击力的搭配。黑色和红色经常出现在自然界中有毒的蛇、青蛙、昆虫甚至于一些鸟类的身上，我们从本能上会对这两种颜色的组合感到警醒和注意，任何红黑双色的搭配，都能够在宣传的时候，狠狠抓住用户的注意力。不过，这个当中，白色所带来的变化是最为有趣的。

红黑作为主色，白色提亮：主色调两者碰撞吸引用户的注意力，而白色则提供一种新的转变，让用户的注意力得到迁移，白色用的越少，放的位置越刁钻，也越能制造出前卫感和形式感。 白色为主色，红黑色提亮：这种变化在某种程度上是经典的黑白配色的变体，只是加入了一些红色的提亮色。这种设计给人专业感很强，适用于简约的风格。

下面是更多的案例：

Nico & Puku by Flowing Design │ Behance

Noa Beyo Portfolio Website

Morobe Website

Poster Riso Print Design in Red Black and White

PACT Media Website

Wienerin Font by Ale Paul Sudtipos│ Behance

趋势8：粉+紫

2022 年最后一个流行配色方案，更为柔和的粉色和紫色所组成的配色方案。粉色，尤其是柔和的粉色有着强烈的青春感，代表着希望，而紫色的加入，让整个配色方案变得更加富有活力，成熟感更强。值得一提的是，这套配色方案中，紫色应该更加偏向蓝色的色相一点。

下面是更多的范例：

Oraculo Evrone Website

Danger Hearts by Leila Divine│ Behance

Julia Goulart by High Brands │ Behance

Jasu Hu, New York Times

Online Interview – Anni Wang Website

Summer by Jinqing Wu │ Behance

结语 希望这些 2022 年的设计流行色能够帮你在日常设计当中，提供一些帮助，在不知道选择配色的时候，能够从这些流行色中选出适合你的设计项目的配色。最重要的是，要不停地获取灵感，并且坚持创作。

在开始这个话题之前，我们需要先对设计中台有个基本的认识，读者可以通过《SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践》这篇文章了解到阿里对 设计中台 研发模式和设计工程化的思考和工具方面的进展。我们对产品生产链路中多角色协同、可消费物料进行管理，加速生产效率的同时降低成本，同时产品的体验基线还可以得到保障。

SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践 本文为 SEE Conf 2022 设计场分享《设计工程化三部曲》，整理成稿。

阅读文章 >

今天我们要讨论的重点不是系统产品生产方面，而是 B 端系统的 用户体验 走向以及 菜鸟 在这一领域的切入点。我们将分 2 期来讨论这个话题，第一期将讨论 B 端系统的智能化体验走向，第二期将讨论智能化能力应用对体验带来的变化。

B 端系统的走向与体验诉求 首先我看看看 B 端系统在产品层面的发展历史：

在 1980 年代，IBM 等公司已经提供了以计算机为核心的管理系统，实现企业原材料管理、生产加工管理，员工工作时管理的闭环管理系统。

在 1990 年代这样的管理系统更加成熟，可以实现财务预测、生产能力和资源的调度等能力，真正成为可以用于产品质量管理、资源管理、财务管理的系统工具，辅助企业管理者进行决策。我们将这样的系统称为 ERP(Enterprise Resource Planning) 。

2000 年开始，互联网技术的成熟让企业的系统实现与供应链、客户上下游系统的数据交换能力，加强了供应链各环节企业的联系，使企业决策者进行跨企业协同更加方便。

2010 年至今，基于云计算的 ERP 产品以 SaaS、PaaS 等技术搭建非本地化系统逐渐走上历史舞台，为适应企业个性化业务诉求而定制的能力在考验系统「应用市场」规模和二次开发能力，其中二次开发能力以低代码和零代码受到行业关注。

我们可以观察到行业的基本走向有 4 个特征：

从解决企业单点管理问题到解决企业整理管理问题 从关注自己内部的管理和生产效率到关注供应链上下数据与协同效率 从服务事（企业生产等）到服务人（企业决策者、系统使用者） 从关注系统模块的功能到关注系统模块快速、低成本配置和落地的能力 基于此我们有理由相信，传统的管理系统向数字化时代的进化就在当下正在进行，当下我们需关注系统以数据处理为手段的信息化和系统自主决策完成目标为导向的智能化体验手段。

我们以系统在生产过程中，对生产关系所起到的作用和目的为切入点来整理思路，将系统以生产管理为目的围绕人力处理的阶段称为传统时代，将系统以数据处理能力替代人类做重复性决策为目的的阶段称之为数字时代。

我们不难发现，传统时代的系统需要我们在生产研发的时候更关注系统为人提供的能力，并且为了大规模生产最好可以低成本、快速的开发方式，配合这种研发模式孕育而出的就是各种技术、设计中台。比较典型的有 Salesforce 开放平台、蚂蚁的 AntD 等，菜鸟的中台叫做 Cone，意为 Cainiao One。Cone 提供设计工程化、标准化、低代码研发、能力服务平台、小程序等能力，关注优化系统生产链路，成本与效率，能力模块复用和体验标准化。

在进化的时代下，中台除了以上需要关注的生产要素以外，还要关注系统目的变化带来的体验变化。为了降低系统对人的依赖度，让系统代替人类做重复性高且低风险的决策，中台需要提供解决方案沉淀与系统判断触发条件的能力，以及配套的智能化体验的交互形态。

智能化转型的先驱 听起来智能化似乎还遥远，其实这个时代已经开始，我们来看几个企业智能化转型的例子：

Google 在 2016 年将企业战略由 Mobile First 调整为 AI First，随之而来的是 Google 产品用户体验逐渐走向智能化和人性化。

Google Photos 提供每天超过 50 亿张照片被 Google 相册查看，AI 可以帮助用户对照片的识别、美化和分享变得更轻松，它利用了 AI 分割图像，自动修复过度曝光、曝光不足的照片，还可以对照片进行色彩补正等处理。同样的，Google 助手采用深度学习的 Wavenet 技术，可以提供 6 种真假难辨的自然人声，提供超过 30 种语言服务在 80 多个国家和地区（中国区无覆盖）。随着这项技术，人们在内容阅读方面的体验会变的更加轻松且人性化。Google Chrome 插件市场使用量最好的几个插件几乎都是服务在 Gmail 智能回复上的，这些插件可以分辨邮件的对象和内容，将工作相关的单据自动录入系统的对应模块，并且能根据预设条件进行自动化邮件回复。这种智能化的体验将是日常需要处理大量客户邮件工作者的福音。

IBM 将智能化分成了三个阶段：

第一阶段基于云计算、物联网、数据分析等能力，建设流程自动化能力（RPA），实现过程自动化，人类只需要做决策即可；

第二阶段是智能自动化（AI+RPA），是将人工智能和自动化技术的结合，为人类提供更好的客户体验。例如 AI 可以帮助创建使用 RPA 自动化流程的指南、AI 利用数据来量化和计算流程效率，并进行简化，实现更高的效率等。

第三阶段则是真正的业务智能化（AI），IMB 将企业级 AI 融入开放式混合云的解决方案中，实现自然语言处理、可信、自动化以及随处运行的能力，这里就不展开了。

Philips 在 2019 年将人工智能技术应用在医疗领域，通过图像识别、声音识别、语言处理、数据挖掘、认知推理能力，服务在预防、诊断、治疗、康复、药物研究和医院管理几个领域，使医生的工作从依赖经验的「直觉医疗」到依赖数据的「精准医疗」。我们发现通过智能化技术收益最大的其实正是产品服务品质和用户体验。

B 端系统智能化图谱 如果我们今天还在使用传统系统，那么如何逐渐让系统智能起来？一步到位恐怕不现实，一步步建设需要实现哪些目标？

让我们来整理一下思路，智能系统的要素有三点：

系统的感知能力——系统需要知道业务发生了什么 系统的决策能力——系统需要对需要执行什么流程进行决策（含是否需要人类介入决策） 系统的执行能力——智能化系统擅长替代人类做大量低风险且重复性高的工作，也是直接产生生产价值的能力。 那么我们可以根据三个要素对系统智能化程度进行划分：

系统是否能自动完成任务（流程自动化） 系统是否能自主发起并完成任务（决策+流程自动化） 系统是否能完成自我进化（感知+分析+优化执行能力） 由此思路我们将人类对系统执行的参与度进行划分，将系统智能化为 5 个阶段：

基础人工（S0）：必须由人工完成所有的信息处理和任务处置，系统仅做信息存储和呈现，如在线表格。

辅助执行（S1）：必须由人工完成所有任务处置，但在处置过程中，能取得系统的辅助。系统在任务分发、推送或处理中提供数据分析帮助，如推荐、预测等。

条件智能（S2）：人工完成规则和流程的设定，或完成知识库的建立。系统基于预设规则、只是经验或智能的信息决策分析，能自动完成特定任务处理。

高度智能（S3）：人工仅需训练系统以完成系统优化。系统基于状态感知和实时分析，能自主决策，挖掘任务并自动完成任务。

完全智能（S4）：系统具备认知能力，自主完成进化和提升，能自主优化业务流程或提出全新的解决方案。

在建设的过程中，我们需要如何界定系统智能化所处的阶段呢？

我们通过大量理论验证，简化为上图表格，通过信息呈现、任务组织分发、任务处理能力、规则流程设定、自主优化&升级由谁来完成主要工作进行系统智能化等级界定。

菜鸟的系统产品通过中台能力也在逐步向更高阶的智能化能力进化中，那么我们需要建设哪些能力实现系统的智能化转型呢？

我们在每个阶段都设定了高优先级的必要能力（宝蓝色）和可持续加强的能力（蓝灰色）。我们认为这些能力是系统智能化的关键，随之而来带来的变化则是用户体验颠覆性的变化。

需要能力建设就意味着成本，基于菜鸟 6 年的体验设计中台落地的经验来看，并不是所有系统都需要追求 S4 的完全智能，而是需要根据场景、需求来决策系统智能化水平，按需即可。重复性越高的流程越需要智能化、决策风险越高系统越需要人类的经验进行判断，系统仅需提供数据分析能力。

在下篇文章《智能设计中台——下》中，我们将会讨论到一些关键能力应用在系统中对用户体验带来的变化，欢迎各位关注。

随着“元宇宙”概念的爆火，其衍生的数字藏品也迎来热潮。江小白数字藏品上线3分钟即告售罄，天猫数字藏品频道用3D的IP角色，创下当天销售额暴涨32倍的惊艳记录。

数字艺术平台，为设计作品明码标价，让创意出售成为主流；但它同样依赖于3D场景和炫酷特技来提升自身的审美价值。在这场视觉角逐中，C4D就具备了天然优势。

我们熟悉的京东狗、腾讯企鹅这些IP很多都是C4D 来设计的。

（丁汀老师作品）

而大厂也马不停蹄加入这场潮流中，在字节的APP「沸寂」中，很多售价并不低的3D虚拟服装都被抢购一空。

作为 设计师 ，我们不可能去钻研NFT数字的核心技术，但一定要有能跟上审美趋势，甚至在创意上碾压“数字合成”的基本功。

回归到当下日常设计，3D创意视觉几乎无处不在。影视后期、广告宣传…从扁平到立体，从线上到线下，这些转变都离不开C4D的助力。

丁汀老师制作的九阳 × LINEFRIENDS联名款的产品影片，简直太太太可爱了叭，好想要同款！这套联名款一经推出就是网红爆品哦~

丁汀老师为资生堂制作的3D产品海报。通过C4D的建模与渲染，让产品更加通透有质感，海报大气又时尚，瞬间提升了视觉表现力。

随着3D的视觉升级，C4D已成为设计师的必备技能。在优设私单社群中，40%都是C4D设计需求，同学们纷纷感慨，钱都让那些会C4D的赚走了。

（丁汀老师学员，19岁大一学生接到万元商业单）

（丁汀老师学员，商业单不间断）

（丁汀老师学员，接到奈雪5W预算的商业单，视频是定稿宣传短片）

（丁汀老师学员宣传片字幕定金）

有的同学主业薪资蹭蹭UP，副业商稿源源不断；还有的学员通过自己的C4D作品，成功入职心仪的公司，合作的甲方也是耳熟能详的大品牌。

（丁汀老师学员拿到微软offer）

与OPPO合作，制作ColorOS 12的内置壁纸：

与红米合作，制作Redmi智能电视X的内置壁纸：

由优设和MesterGo联合主办的“虚幻映未来·虚拟IP形象创意设计大赛”，紧跟视觉风尚，为国内设计行业从业者提供了广阔的展示舞台。

通过大赛，设计师可以开阔视野，接触到最潮流的元宇宙视觉思维，在与全国的高手过招中看到自己的实力，为大型设计项目积累宝贵经验。

创意设计大赛的奖金也是非常可观哟！7万现金奖励，159个获奖名额~你想成为时空漫步者、幻境领航者，还是梦境放映师呢？

探索“元宇宙”，迸发好创意！ 优设大课堂 特别邀请知名3D动态设计师、创意导演—丁汀老师，带领探索IP形象设计，走进3D的世界！

3D动态画面的进阶，展现多维度的「元宇宙」视觉表达，有广阔的商业应用空间，学好C4D高薪商稿必然源源不断。

（丁汀老师商业作品合集）

7月26日晚8:30，丁汀老师将从创意、审美、延展和传播的4个角度分享虚拟IP形象设计。虚幻映未来，创意设计大比拼。有百万人气大咖助阵，还在担心什么呢？扫码预约直播，还有机会获得丁汀老师的亲自辅导哦，课后作业可直接参赛！

先学习，后参赛，一起来看看丁汀老师辅导过的学生们的作品吧~！

别等啦，直接扫码预约直播，就有机会获得丁汀老师的的亲自辅导哦，课后作业还可直接参赛！

随着“元宇宙”概念的爆火，其衍生的数字藏品也迎来热潮。江小白数字藏品上线3分钟即告售罄，天猫数字藏品频道用3D的IP角色，创下当天销售额暴涨32倍的惊艳记录。

数字艺术平台，为设计作品明码标价，让创意出售成为主流；但它同样依赖于3D场景和炫酷特技来提升自身的审美价值。在这场视觉角逐中，C4D就具备了天然优势。

我们熟悉的京东狗、腾讯企鹅这些IP很多都是C4D 来设计的。

（丁汀老师作品）

而大厂也马不停蹄加入这场潮流中，在字节的APP「沸寂」中，很多售价并不低的3D虚拟服装都被抢购一空。

作为 设计师 ，我们不可能去钻研NFT数字的核心技术，但一定要有能跟上审美趋势，甚至在创意上碾压“数字合成”的基本功。

回归到当下日常设计，3D创意视觉几乎无处不在。影视后期、广告宣传…从扁平到立体，从线上到线下，这些转变都离不开C4D的助力。

丁汀老师制作的九阳 × LINEFRIENDS联名款的产品影片，简直太太太可爱了叭，好想要同款！这套联名款一经推出就是网红爆品哦~

丁汀老师为资生堂制作的3D产品海报。通过C4D的建模与渲染，让产品更加通透有质感，海报大气又时尚，瞬间提升了视觉表现力。

随着3D的视觉升级，C4D已成为设计师的必备技能。在优设私单社群中，40%都是C4D设计需求，同学们纷纷感慨，钱都让那些会C4D的赚走了。

（丁汀老师学员，19岁大一学生接到万元商业单）

（丁汀老师学员，商业单不间断）

（丁汀老师学员，接到奈雪5W预算的商业单，视频是定稿宣传短片）

（丁汀老师学员宣传片字幕定金）

有的同学主业薪资蹭蹭UP，副业商稿源源不断；还有的学员通过自己的C4D作品，成功入职心仪的公司，合作的甲方也是耳熟能详的大品牌。

（丁汀老师学员拿到微软offer）

与OPPO合作，制作ColorOS 12的内置壁纸：

与红米合作，制作Redmi智能电视X的内置壁纸：

由优设和MesterGo联合主办的“虚幻映未来·虚拟IP形象创意设计大赛”，紧跟视觉风尚，为国内设计行业从业者提供了广阔的展示舞台。

通过大赛，设计师可以开阔视野，接触到最潮流的元宇宙视觉思维，在与全国的高手过招中看到自己的实力，为大型设计项目积累宝贵经验。

创意设计大赛的奖金也是非常可观哟！7万现金奖励，159个获奖名额~你想成为时空漫步者、幻境领航者，还是梦境放映师呢？

探索“元宇宙”，迸发好创意！ 优设大课堂 特别邀请知名3D动态设计师、创意导演—丁汀老师，带领探索IP形象设计，走进3D的世界！

3D动态画面的进阶，展现多维度的「元宇宙」视觉表达，有广阔的商业应用空间，学好C4D高薪商稿必然源源不断。

（丁汀老师商业作品合集）

7月26日晚8:30，丁汀老师将从创意、审美、延展和传播的4个角度分享虚拟IP形象设计。虚幻映未来，创意设计大比拼。有百万人气大咖助阵，还在担心什么呢？扫码预约直播，还有机会获得丁汀老师的亲自辅导哦，课后作业可直接参赛！

先学习，后参赛，一起来看看丁汀老师辅导过的学生们的作品吧~！

别等啦，直接扫码预约直播，就有机会获得丁汀老师的的亲自辅导哦，课后作业还可直接参赛！

Image Candy 是一个免费在线 图片编辑 服务，收录各种图片处理工具，包括图片转文件、调整尺寸、 图片压缩 、图片去背、旋转、翻转、裁切、加入文字、水印等功能，特色是这些功能 100% 免费而且非常容易使用，使用者无需下载或安装软件，直接打开浏览器、找到对应的功能将图片上传就能进行编辑，这项服务支持批次编辑，完成后会将所有图片打包为压缩文件一次下载。

相关神器：

能批量编辑还能压缩！免费图片在线编辑器 ImageResizer 本文要介绍「ImageResizer」是一个整合常用图片编辑功能的免费在线工具，从 2013 年开始提供用户简易的调整图片大小工具，多年来不断改良工具，加入更多功能、提升处理速度，目前除了调整图片尺寸工具也有批次编辑、图片放大、图片压缩、图片裁切和 PDF 工具，这项服务完全免费！

阅读文章 >

Image Candy 还有将图片转 PDF、将 HIEC 转 JPG 和将影片转 GIF 动画的功能选项，虽然功能上可能不是最全面的服务，但大多都是使用者在日常生活中会遇到的工具，无需注册或登入账号就能开始，完成后文件会保存在服务器 120 分钟。

若平时会碰到一些基本的图片编辑可将这项服务加入书签以备不时之需。

Image Candy 网站链接： https://imgcandy.com/

使用教学

开启 Image Candy 网站后会看到所有编辑工具，直接选择要使用的功能。

举例来说，我打开 Image Candy 图片转文件功能，点选「Add Files」新增要转换格式的图片（或是将图片全选后拖曳到网页中）。

图片会显示于编辑器，透过右上角的按钮来进行顺时针、逆时针旋转或是点选右侧「新增」按钮加入更多图片，最后从最右边的功能列选择要将图片转文件为 SVG、JPG、JPEG、PNG 或 PDF 格式。

接着编辑器就会开始进行处理。

完成画面如下图，点选「Download File」将所有转换后的文件打包、一次下载，或是点选图片后方的「Download file」分别下载每张图片，要注意的是文件只会暂存 120 分钟，超过时间会自动失效，需要重新上传图片进行处理。

另一个经常会用到的「图片压缩」工具，可以将图片变小、但又不会破坏画质（可能用肉眼无法看出差异），对于要帮图片压缩来说很有用，一样打开 Image Candy 找到「Compress image」工具后将图片拖曳到网站，使用建议的压缩设定值即可。

如果想要最大化压缩可选择「Maximum Compression」或转为灰阶版本。

完成后会显示一共压缩多少百分比、每张图片的容量变化，点选「Download File」将所有压缩相片一次下载，解压缩就能取得文件。

所有在 Image Candy 进行的操作结果都会保存于右上角的「下载」纪录，文件会暂存 120 分钟，可随时返回纪录功能来下载文件。

值得一试的三个理由：

Image Candy 免费在线图片编辑服务，收录各种常用的图片处理功能 100% 免费而且非常容易使用，使用者无需下载或安装软件 文件会在处理完成后暂存 120 分钟，可重回下载纪录取得文件