今年以来，京东购物小程序围绕“一键发现 万物好店”的产品心智，从消费链路的上游提升可逛性出发进行了一系列产品&营销设计升级。1.0 致力于打造更契合微信域的用户体验；2.0 尝试以一种有趣的姿态留住偶发闲逛用户。2.0 近期已陆续上线，借此机会和大家分享一下整个改版过程及思路。

今年以来，京东购物小程序围绕“一键发现 万物好店”的产品心智，从消费链路的上游提升可逛性出发进行了一系列产品&营销设计升级。1.0 致力于打造更契合微信域的用户体验；2.0 尝试以一种有趣的姿态留住偶发闲逛用户。2.0 近期已陆续上线，借此机会和大家分享一下整个改版过程及思路。

往期改版：

让购物简单快乐！京东 APP 11.0 深度解读：视觉篇 在 APP11.0 深度解读系列的第一篇文章中，剖析了基于生态进行体系化大改版的解读与思考，本文将聚焦于视觉设计，阐明我们对此版本的设计主张与思路，在各个场景是如何外化以辅助达成改版目标的。

阅读文章 >

一、变化与契机 过去，京购小程序更多是京东 APP 在微信域的分身，在货品、产品设计及营销层面与京东 APP 没有任何差别。现在，小程序已由散点式孤岛向全域营销转变，成为京东在微信域流量及交易的主阵地。与此同时，我们面向的用户也更加多元偶发，他们购物需求模糊，以闲逛、消磨时间为主，偏好居家日用、⻝品生鲜等高频高耗商品。在微信域差异化货品及算法的加持下，前端设计急需打破现状，进行体验差异化升级，塑造微信域专属心智。

二、改版思路 基于人货场差异化洞察，改版思路围绕“知心省心开心”的用户需求体系，从被动支持、到主动引领、再到互动交流，阶梯式构建用户对京购小程序的结构化认知。

1. 知心 打造契合微信域的用户体验

首页作为小程序的门面担当，即是用户心智承接的核心阵地，也是内容分发的主要场景。故 1.0 为用户打造“知心”的消费体验，我们先从首页切入。在此过程中我们也面临着渠道、人群、品牌等多重挑战。

基于数据/用户/竞品等专业洞察，以结构化思维解构分析，由里及表从框架、内容、动线、品牌 4 个方向升级应对以上挑战。

框架承载能力升级

针对框架的升级，将从广度和深度来个维度来进行拆解，为每一个闲逛场景，重塑更具包容性体验框架。

广度上，面向不断扩展的多元化电商内容结合设计趋势跟随及偶发用户特性，将旧版楼层堆叠严重的货架型框架，通过内容精简使 feeds 移入首屏让用户快速进入逛的状态。

深度上，将旧版单一扁平框架拓展成一个更具探索性的立体框架，以应对日益增多的渠道特色需求。通过摇一摇融入社交心智高效分发内容、向左打造私域化阵地、向右建设专属活动日历、下拉则用娱乐化承接偶发用户，让用户更好的发现内容。

feeds 内容表达能力升级

双列流设计弱化了推荐 feeds 不同内容的个性表达，基于前期大量的设计探索，我们从「触达表现心智」3 个层面系统化构建更具精细化的内容表达模型，提升内容触达效率的同时丰富内容形式。

动线多元化升级

在浏览前中后场景下深挖偶发用户痛点，结合用户行为及心理进行多元化营销动线设计，吸引持续浏览和点击。

品牌心智升级

在完成首页整体体验架构设计后，我们也围绕着京东品牌继承、差异化货品调性打造、大促特色营销氛围改造 3 个维度进行了京购小程序品牌心智升级。

① 京东品牌继承与重塑

微信生态环境下，京购小程序在继承京东品牌调性的基础上，通过兼顾场域特色，打造更聚焦、包容、多元的品牌记忆点，重塑京东微信域专属视觉体系。提炼高效、丰富、亲和的设计关键词，并定义品质简洁、亲和舒适、轻透明快的视觉基调，从色彩、 图形 、质感、动效 4 个维度进行设计映射。

匹配微信域五大机会品类货品特性

挖掘微信域 5 大机会品类特性，从色彩精细化传达、情绪性语义意向来布控场域类目主色调，塑造微信域差异化类目专属心智。

有渠道特色的大促营销场建设

在京东大促主题背景下，微信域将协同主站的节奏爆点、核心玩法、权益结算、尖货爆品内容。在此基础上，制定预热期抢跑营销节点，实现对大促整体节奏上的补位增长，在场景期通过限时营销部署对抗品类期的销售疲软的差异化营销策略。结合微信域用户动机及特点，我们进行了有渠道特色的差异化营销场设计。

为统一大促期间用户感知，我们在品牌、颜色及风格调性上，同步了主站的大促营销心智，打造递进式大促首页基调。并基于小程序日常“低价”的营销策略，预热期采用颜色降噪设计让用户更聚焦信息为大促造势。品类专场期配合微信红点通知，在开⻔红及 bigday 同步 app 视觉氛围，唤醒承接微信的京东老用户。

与此同时，为了更好的承接微信域用户，围绕“承接场效、优惠透传、视觉减负、营销感知”等设计策略，打造具有微信域特色的大促营销场设计，并不断尝试和校验试跑出最适合小程序的体验设计方案，激发用户“逛”的兴趣。

最后为助力业务提升用户行为转化，针对微信域组件&动效等前端设计模块，持续进行 ABtest 测试，并基于数据反馈沉淀高转化设计策略。

2. 省心 ① 为用户带来“省心又省钱”的购物体验

我们的用户是典型省钱不省生活的一群人，不管是消费体验还是货品供应，我们都希望做到省心又省钱。

消费链路升级：购物全流程用户需求识别与满足

过去京购小程序侧重“搜索转化”的单一路径。为了给用户带去省心的消费体验，新版以购前明确购物需求、购中快速决策转化、购后获取专属服务的体验定位进行消费链路升级。

购前：向消费链路上游延伸

购前针对用户的模糊需求，在完善搜索功能的同时利用热点话题、微信域尖货榜单、延展推荐等内容升级搜索流程，向消费链路上游延伸，承接用户闲逛探索需求。

购中：快速决策转化

购中基于信息减负、路径缩短、社交辅助等设计策略，构建短商详、购物车分享、短链结算等新型产品形态来提升用户决策转化效率。

购后：打造更具专属感的服务体验

购后以用户分层，围绕不同场景、不同用户身份的内容&权益渗透设计，打造更具专属感的服务体验。

微信域特色频道：一段从认知到相知的旅程

京购小程序通过重运营、强干预的方式试验跑出微信域的心智单品和类目，从“单品、品类、品牌”维度孵化“10 元店、单单返、大牌微力”等特色营销 IP。在此背景下，设计侧围绕从认知到相知的过程，进一步助推差异化货品占领用户心智。

认知：记住我的样子

为快速穿透用户心智形成记忆认知的目的，设计上围绕“频道定位、品质凸显、微信专属”等关键词，着重刻画逛购动线中“无需计算的直降、邀友享低价的特权”，并通过品类调性，联动头图、商卡打造沉浸式的品类营销动线，匹配用户类目心智，立足于为用户带来“有品质最省钱”的购物体验。

除日常运营外，频道每月定期联动品类和品牌打造营销 Bigday，以 “超 V 单品日、超级返、大牌 V 力”进行全新升级。为进一步穿透用户心智，团队内部头脑风暴反复推敲，以“心智连贯性、设计延展性”为原则，选取“V”作为微信域系列 IP 的超级符号，并根据应用场景特征设定符号延展原则，在首页、频道、黄流等购物全链路布局有效发声点，形成统一的、多方位的营销声浪。

相知：记住我的好

受微信去中心化特色影响，用户在微信的购物行为更加偶发、快捷，为加速用户行为转化，基于“短链”的设计思维，结合“爱达法则+上瘾模型”，搭建了积木式的 “IDA 后链路互动增长策略”提升流量 ROI。即从资源入口进入，通过区分不同生命周期的用户设计覆盖首页、频道、黄流等全链路权益营销动线，让对的人，在对的地点，获得最适合 TA 的权益，将“省心”贯彻到底。

用“精准权益、互动裂变、私域沉淀”三位一体的积木式短链互动模型，赋能京东微信域广告后链路，充分串联及发挥公众号、视频号等微信域非中心化的业务能力，并最终沉淀到京东购物小程序做整体交易，拉长及放大用户价值。

与此同时，为加速用户行为转化，融合心理学认知偏差等定律，对模型进行“复刻”和“升级”。在微信域特色频道和营销玩法中孵化“复访、裂变、转化”等短链玩法，助力业务增长。

3. 开心 更精准的匹配用户泛娱乐、泛社交兴趣

随着用户消费场景的多元化，内容对整个消费行为产生了多维影响，作为传统电商平台如何从单一的理性货架导购到丰富的感性内容引导，从单一的满足商品刚需到增加情感因素和人文关怀？1.0 通过差异化体验升级拉近与微信消费者的距离，2.0 我们依然选择从用户视角出发，将小程序二楼作为创新试验田，尝试用更内容化娱乐化的方式与用户建立联系；我们想要京东不再那么“一本正经”，而是以一种有趣的姿态让用户在娱乐中完成购物初体验。

依托于微信小程序二楼开放能力，区别于常规浏览动线，我们以逆向思维在页面顶部开拓一个能与用户深度交流的二楼娱乐阵地。通过首页娱乐任意门引发用户好奇心自发下拉，进入我们精心设计的神秘好玩世界；再以视频化&游戏化&社交化等好玩有趣的内容，并搭配微信即时打款，锁定用户进入后的黄金 5 秒注意力，循序渐进的通过传统电商权益牵引用户进入电商流程，从而链接小程序新消费场景。

触达：传递娱乐属性，强化好玩有趣心智

在霸屏下拉入口的设计中，秉承意向性及情绪化表达的设计原则，基于泛娱乐化关键词映射，打破京购小程序平稳的主流色系，用高饱和反差对比色形成视觉冲击；以轻拟物风深入构建元素细节呈现，尽可能塑造元素中的空间、体积、光源等复杂的物理表现，增加界面的质感厚度和纵深感，整体炫彩动感，使二楼好玩基调拉满，给用户焕然一新的直观感受。

吸引：突破认知壁垒，贴近用户真实生活

契合内容表达的设计风格探索

小程序二楼如何突破认知壁垒吸引用户停留，我们进行了前瞻性的泛娱乐化内容探索。在内容呈现上，短视频以更加轻松直观的表达和更广泛的用户接受度来吸引用户持续停留；小游戏以反套路低门槛易上手的魔性玩法来获得用户投入精力增加粘性；社交互动以抓住目标用户正能量相亲相爱的特质来刺激用户病毒式传播。

1.0 我们建立起的审美是一种对秩序、精致美的追求，2.0 需要更多元化的审美打乱设计的秩序，以一种更为感性的设计方式来传递调性，贴近偶发用户真实生活；我们根据内容特色尝试利用“新丑风”、土味暴力美学风、美女封面老头乐等设计风格让视觉表现陷入“百家争鸣”的局面。

激励设计呼应现实场景，激发用户体验爽感

激励机制作为吸引用户的有效手段，尝试用虚拟设计映射实体的手法来与现实场景呼应，拉满体验爽感从而建立与用户的情感共鸣，让小程序二楼走出一条“别样花路”。

把生活中的记忆通过夸张的动效方式加入到激励设计的体验链路中，通过动效设计来引导用户情绪，强化喜悦感知；最终经过反复调试，现金设计复刻了 Money 扑面而来的惊喜动效。

有了现金动效的打样，红包的动效设计也就顺利很多。

转化：牵引用户软着陆电商环境

当用户被吸引后，在此阶段使用简单直接的传统电商权益逐步牵引用户进入电商流程；至此通过整套动线，让这些偶发闲逛用户发现好玩有趣不一样的京东。

写在最后 在微信生态环境下京购小程序汇聚了形形色色的用户，他们可能是忙忙碌碌的打工人、有钱有闲的小镇青年、岁月静好的大爷大妈…；他们带着独特的生活气息来到这，很有幸为他们呈现不一样的京东；希望每一个来到京购小程序的用户都可以感受到知心、省心和开心。

欢迎关注「JellyDesign」的小程序：

编者按：本文从启蒙、基础、强化、进阶4个方面，列举了UI设计师学习交互的路径和方法。交互自学干货：网易设计师：自学交互最应该关注的 4 个核心知识点网易UEDC - 杨倩 ：对于非交互设计的同学，要怎么去学习交互设计呢？阅读文章 > 一、为什么 UI 设计师要懂交互？

编者按：本文从启蒙、基础、强化、进阶4个方面，列举了UI 设计师 学习交互的路径和方法。

交互自学干货：

网易设计师：自学交互最应该关注的 4 个核心知识点 网易UEDC - 杨倩 ：对于非交互设计的同学，要怎么去学习交互设计呢？

阅读文章 >

一、为什么 UI 设计师要懂交互？ 近几年的互联网市场，有不少公司提出了“全链路设计师”、“用户体验设计师”的说法，合并交互与 UI 岗，一时间众说纷纭：有人说是高要求，有人则说这是一场变相的“人力压缩”。

其实，设计师作为一个高度复合型的岗位，虽有 UI、交互、产品设计等细分，但无论是哪个细分岗位，都需要对业务、场景、用户、技术实现有所掌握，才能给出最佳的设计方案。高度竞争的市场环境下，单纯的“美化产品原型稿”，早已丧失了获得高回报工作的可能性。

因此，才会对设计师的要求越来越趋于综合化。放眼如今的 UI 设计师招聘描述：用户体验、交互可行性、数据分析……这些曾属于 交互设计 师的职责，已普遍的出现在 UI设计 师的必备技能中。

至此，我们可以危言耸听地说一句：“单一的 UI 设计已经逐渐满足不了互联网市场的需求”；但也正因为如此，我们才要丰富起自己的武器库，去创作更大的价值……

二、UI 设计师该如何学习交互呢？ 1. 启蒙篇：站在用户的角度上思考问题

笔者曾经也是一位 UI 设计师，在工作中由于项目从 C 端逐渐偏向 B 端，工作重心也就需要从视觉倾向于产品逻辑、交互体验上了。岗位名称从“UI 设计师”到“用户体验设计师”再到“交互设计师”。

这其中最大的转变就是：将自己从“站在画面美观的角度上”思考问题，转变为“站在用户的角度上”去思考问题（也许我之前是个不懂设计的美工）。

举个简单的例子，之前做一个叉车工使用的 PDA 把枪界面：

现场实施人员给我带来一个小需求，为避免叉车工在操作的时候误触，需要把底部的操作按钮向上移；

我在上移了 16px 之后依然被要求不够，“继续上移，再上移！”

站在设计规范的角度上，我与实施人员几番 battle 之下……他发给我一张现场叉车工人的手的照片，我这才明白这么做的理由：

长期的重活导致他们的手骨节粗大；再加上在搬货途中使用 PDA 的抖动性增强，使他们的操作误区比普通人大了许多。

在了解用户与场景之后，再看向那个 PDA 界面操作按钮下大片的空白，瞬间显得合理了……

2. 基础篇：如何画出合理的界面？

首先，笔者建议大家可以结合自身项目，从基础层面开始学习，由小至大、由简入繁。

一来，是因为项目流程中原本岗位配合本就严丝合缝，要么是已有交互、要么是产品经理产出交互原型稿，可能并不会给你很大的试错空间；

二来，则是因为各位分析过大场景的能力可能不足，直接上手反倒容易短期内没有产出，影响学习的情绪……

基础内容主要包括三个部分：工具、控件、设计原则

① 工具

这里会有很多 UI 童鞋问的一个问题就是：我需要学习 Axure 软件吗？

个人建议：Axure 可以但没必要, 反正我现在没用到。各位既然能够画出精美的高保真效果图，那么低保真的交互稿还画不出来吗？

工具如何并不重要，如今用 Sketch、Figma 画原型的交互设计师很多，而且这样更方便与视觉同学之间的产出物转化。

所以大家倒不必将过多的时间精力放在软件上，别让软件成为学习路上的第一个拦路虎。

② 控件

IOS、Android、MacOS、Windows 各端、各平台的设计规范&控件是设计的基础，无论你是 UI 还是交互，都应该熟练使用各个平台、系统的组件使用场景。

只是 UI 与交互的侧重点可能不一样, 很多 UI 设计师过分注重组件的样式，而忽略了它们的用户使用场景。所以组件究竟该如何学习？

a. 熟记组件的使用场景

这个组件在什么情况下会用到？只有熟记使用场景，才能在需求到手时，快速实现功能。

这些内容在各组件共享平台的使用指南中都有详细介绍，以 element 为例：基础用法、相似组件区别都有标明（如下图）。

b. 各端组件不要混用

不同端的同种功能组件会有很大的操作区别，比如：滥用移动端与 PC 端之间的组件，就会影响到用户的体验。

以加载方式为例：web 端常见的分页加载就不适合出现在移动端，移动端主打的轻量化操作体验，多以滚动&点击的方式触发加载。

③ 设计原则

如何画出一张合理的界面布局？那么你一定离不开交互设计的七大定律。

对于交互设计七大定律，想必大家多多少少都有了解：格式塔原理、7±2 法则、席克定律、费茨定律、奥卡姆剃刀原理、复杂性守恒定律等。

交互设计七大法则！新手必看的超多案例 编辑导语：怎么样才能让设计出来的产品更加美观，更加符合大众审美呢？

阅读文章 >

以上定律的详细定义，笔者在此就不一一摘抄了，想要知道的童鞋可以上网搜一搜。下面我具体只讲我是如何学习这些定律的，那就是：多看案例！看得多了，自然就会用了。

以费茨定律举例：

带入这个定律去看下面的实际方案：

详情页面“返回”按钮究竟摆在哪里，比较合适呢？

我们选取了几个 App 详情页面的查看，最常见的两个样式，左上角 VS 左下角，那么哪个方案操作更便捷呢？

带入用户手指操作的场景，如果是双手操作，那么两个方案区别不大；但如果是单手操作，通过单手拇指触屏的操作热力图来看，左上角的返回按钮属于“难触及区域”，而左下角则是“操作便捷区域”，带入费茨定律，我们就能得出左下角的返回按钮操作更快捷！

温馨提示：

其实这些交互的定律就如同我们 UI 的设计规则一样，可以在做设计的时候去参考，却不能照本宣科，脱离实际场景。以免出现笔者前文中“一味追求规范，而忽略用户痛点”的教训。

3. 强化篇：如何做出好用的功能？

一个好用功能的前提，得是一个能用的功能。所以我们要先让流程闭环，功能跑起来；然后再做优化，逐步完善……

① 先做出一个能用的功能：流程闭环

我们在做每一个版本需求时，产品经理都会给到一条功能的业务流程，而这条业务流程是没有办法直接转化成页面的。设计师们需要将“业务流程”转化为“用户操作步骤”，再转化为“界面”。

举一个最经典的审批流程的例子：

业务流程大家都很熟悉：发起-审批-结束；其中包括了两类用户：发起人&审批人。以发起人为例，向下拆分他的用户操作步骤；再从操作步骤中推导出界面（如下图）：

② 让功能变的好用：深挖用户场景

当闭环的操作流程已经搭建完成，我们就需要考虑，如何让它变得更加好用了。

这一环节我们需要深度挖掘用户场景：弄清楚“谁？在什么情况下？要做什么？”，然后与用户共情，带入场景去思考问题……

继续以发起审批为例：

在这一过程中，审批发起人（用户）+在提交了审批之后（场景）+想要知道审批的结果（目标）。

带入用户的角度，去思考这个场景下，他们的心理活动，他们会有什么想法？再以此为需求，逐步完善我们的功能：

这里可能又有童鞋发问了：我没有这么强的共情能力，想不到这么多用户的可能性怎么办？

那么，交互设计师的核心技巧：用户调研、可用性测试、数据埋点、竞品分析……就可以了解一下了！通过这些方法，就能又快、又准的帮你做出一个好用的功能。

4. 进阶篇：设计赋能业务（绩效加分项）

“赋能业务”是设计师工作中最重要的一点，相信这个词在大家的绩效汇报中经常看到。

如果说不懂“用户体验”的 UI 只是一个画图机器的话，那么不懂“赋能业务”的交互则是一个画原型图的机器。

① 如何赋能业务？

首先要弄清你的业务目标是什么？然后再围绕着业务目标去细化拆分：

思考自身设计，拆分设计任务 了解项目组其他岗位成员的拆分任务，找准发力点，向下拆分 举个例子，一个证件审核后台的案例：

审核后台的客服人力不足，导致工单积压，用户频频电话投诉催办。业务方要求在一个月内，在不增加客服人员编制的情况下，将催办类投诉工单降低 80%！

收到这个业务目标后，项目组内全体成员都在针对业务目标思考方案、制定各自的任务：

第一步，设计师团队从设计出发，拆分设计任务：

去调研客服人员审核流程，做操作步骤精简提效； 再去调研投诉用户的心理，增加审核进度反馈功能，缓解用户焦躁情绪； 然而，这些体验层级的优化虽有奏效，却很难担起降低 80%投诉率的大额目标。

第二步，理清团队其他岗位的任务内容及策略，向下拆分：

通过沟通，大数据团队针对该目标提出了通过 OCR 识别技术（光学字符识别技术：通过扫描将印刷文字转为图片，再利用文字识别技术转化为可使用的文字输入），智能审核证件的方案。然而却因为 OCR 识别错误率太高，导致近一半的工单仍然需要人工审核。

那么此时，设计师就可以在提升 OCR 识别成功率的目标下，向下拆分自己的设计目标了。

去调研 OCR 识别率低的基础情况：除去技术层面的问题，用户上传照片不规范、倾斜、反光、重要信息未拍全等都会导致识别失败。

那么对于这些问题，上传审核步骤的指引优化就是关键所在！

最后，团队一起实现了降低 80%投诉率的大目标，而设计师在项目过程中，既解决了用户遇到的问题、又解决了团队遇到的问题，做到了真正的赋能业务！

尾声 漫长的文章终于接近尾声了……

最后一句临别赠言送给大家（也是笔者在学习交互的时候，一位老师送给我的）：

不必太过死磕各个岗位的工作范围，没有哪个行业内的专家能够给交互、视觉、以及任何一份岗位的工作范围去下定义。百度百科上能搜到的所有针对岗位的描述，也都只是包括但不限于。

所以，不必被他人设限，也不必给自己设限……

总而言之一句话，学习和提升是自己的事情，预祝各位成功！

欢迎关注「网易UEDC」公众号：

最近查阅了国内外近 20 篇 2022 年和 2023 年的设计趋势类文章，总结了 6 大类视觉设计趋势。最大的感觉是，每一种稳定的新趋势都来源于以往的铺垫，顺应着时代的发展，不同风格之间的融合创新经常能让曾经的经典再次迸发出新的活力。设计趋势网页篇：先睹为快！

最近查阅了国内外近 20 篇 2022 年和 2023 年的 设计趋势 类文章，总结了 6 大类 视觉设计 趋势。最大的感觉是，每一种稳定的新趋势都来源于以往的铺垫，顺应着时代的发展，不同风格之间的融合创新经常能让曾经的经典再次迸发出新的活力。

设计趋势网页篇：

先睹为快！2023年值得关注的10大平面设计流行趋势 大家好，这里是和你们聊设计的花生~ 一转眼 2022 年就只剩最后一个月了，除了总结今年的收获，也是时候了解一下未来的设计新趋势了。

阅读文章 >

一、3D 风格 随着我们进一步深入元宇宙，对 AR/VR 的应用需求将在各个行业继续发展，在这样的发展下，具有纵深感的 3D 风格大概率会持续保留在每年的主流趋势里，它的应用从简单的使用阴影和轮廓增加深度，到利用三维建模软件构成图标、添加纹理、形成场景和动画，一直在不断的丰富着蓬勃发展的数字世界。

BY Mako Tsereteli

By Vivivian for Vitality Studio

二、玻璃风格 从 Mac OS Big Sur 和 Windows 11，社会压力的倍增使得天然具有清透感的玻璃风格稳居近 2 年的设计趋势榜单前排，并且还一直在 设计师 的手里不断的演变进化，这种进化主要是和其他风格打包出售。例如近 1 年兴起的磨砂玻璃风、弥散玻璃风、极光玻璃风等，从 2D 的平面和 UI 界面到各种 3D 图标和场景，自带清透感的玻璃风变成了一种随处可见的风景。

「新拟物化」过时了！此刻你最应该拥抱的是「玻璃拟物化」！ 还记得今年年初大家追捧的 新拟物化（Neumorphism）风格嘛？

阅读文章 >

实战案例！「毛玻璃拟态」图标的临摹思路与原创技巧 这篇文章主要分享怎么做一套毛玻璃拟态图标，以及在这基础上如何发散创意。

阅读文章 >

三、新式渐变 渐变风格，把它作为趋势似乎有点老套，但万变不离其中，它的各种进化版作为趋势榜单里的常客一定已经让你印象深刻。而且说实话，各种新名字渐变的区分度其实并没有那么明显，作为渐变大家族的一员，互相长得像这也是肯定的。

极光渐变

霓虹灯

液体渐变/流体渐变

弥散柔光

弥散光设计！网易阿里大厂都在用的刷屏级新设计风 这阵子不是有一种设计流行风悄悄刮了起来嘛！

阅读文章 >

四、微创新的字体与排版 1. 大字风格

大字风格似乎从几年前苹果系统界面的一次改版就开始被人津津乐道，虽然经常被其他趋势挤出它的趋势地位，但随着老龄化，信息冗杂的持续，它一直具有留在趋势榜单的实力。随着与大胆的颜色、几何构图等结合，这种风格已经唤起了新的活力。

By Ebco Concepts

2. 复古字体回归

越未来，越怀旧，这大概是人类的天性。去年到今年，许多颇具复古风格的字体开始回归，例如不停出现的 Sans Serif 字体。

文艺复古感拉满！设计师必备的5款免费打字机字体（附源文件下载） 大家好我是和你们聊设计的花生~ 之前给大家推荐了 10 款纤细优雅的英文手写字体，这种字体可以作为在海报设计中作装饰元素，起到平衡版式、丰富画面层次和烘托氛围的作用。

阅读文章 >

左：ABC Ginto geometric humanist sans serif typeface by ABC Dinamo.

右：ABC Ginto geometric humanist sans serif typeface by ABC Dinamo.

3. 扭曲字体

也许比较小众，不过我觉得蛮有趣的。拉伸的字母和打结的排版使得传统的字体样式被赋予了文字扭曲，连字打结、融化或淡入淡出的形式。这种样式的出现也可能和 Metaverse 趋势有关，它为设计提供了呈现一个支离破碎现实可能性，当然，它也有可能是受到了液体渐变风格的影响，为字体加入了一种液体效果。

Cobya modern variable weight typeface by Lane Knop

4. 生动排版

字体结合图形、颜色、用动画等来辅助字体排版，各种创意性的想法结合层出不穷，让画面变得更加生动有趣。

五、新复古风格 复古设计的风向不会仅仅局限于字体和排版，或者说，字体和排版的复古回归只是复古设计风格的一个方面，在科技不断发展的新时代，复古当然不是原本的复制，而一直在融入新的变化，复古未来主义、微复古风格、朋克风格……这些在曾经流行过的设计样式展现出新的生命，所以，也许我们可以统称这一类的风格为：新复古。

Packaging design for KEW 3101 Coffee

六、环保自然风 快节奏带来的失衡感促使着人们关注着自然、健康和生活的平衡感。这样看来，环保自然的风格将会一直保留在我们的视线之内，它不会过时。除了单纯在视觉表现层传递环保以外，在材料、印染等实实在在为环保而设计的方向也逐渐受到了设计师的重视和提倡。同时，大自然本身丰富多彩的色彩和形状也给了设计师很多启发。

3D 风格、玻璃风格、各种新式渐变、微创新的字体与排版、以及新复古与环保自然这六大类风格趋势，在 2023 年，会在你的设计里会占据几条呢？

备注：所用图片一切版权归原作者所有，部分图片因直接来源于查阅的文章，未标注作者。

欢迎关注作者微信公众号：「林间有影落」

哈喽，各位设计同僚大家好，我是造视品牌中心的品牌总监图层叔。很荣幸能在这里给大家分享一下我的个人职业生涯，以及这 10 年从一个单纯的技术型设计师如何成长为一名具有品牌思维的创意团队管理者。「服务品牌」倍轻松、松下、森马、WMF、自由点、卡士酸奶、十月结晶、水密码、原始黄金、盐津铺子、鲨鱼菲特、慧曼洗碗机、尔沫卫...

哈喽，各位设计同僚大家好，我是造视品牌中心的品牌总监图层叔。很荣幸能在这里给大家分享一下我的个人职业生涯，以及这 10 年从一个单纯的技术型 设计师 如何成长为一名具有品牌思维的创意团队管理者。

「服务品牌」 倍轻松、松下、森马、WMF、自由点、卡士酸奶、十月结晶、水密码、原始黄金、盐津铺子、鲨鱼菲特、慧曼洗碗机、尔沫卫浴、德佑湿厕纸、传奇会茶叶……

一、我的成长经历 我是 2012 年在电商野蛮生长期进入电商这个行业的，在 2017 年开始创业。在这个时段是我成长最飞速的时候。让我从一个只关注技术的设计师，转变为一个具有品牌思维的经营者。也从最开始只追求技术上的提升，到系统化去学习品牌理论（在认知层面有很大的改变）。

所以在创业初期思维的局限性，导致前期有大量的试错成本，在思维转变后，慢慢从开始做低端的设计，一步步成长为具备品牌思维的负责人。

二、什么是品牌思维？ 首先要明白很简单的一个底层逻辑“供需关系”，因为所有产品和人的接触都是有供需的。设计也是需要搞清楚设计中的“供需关系”。无论是我以前，还是有部分的设计师，都是以技术为王，这样就会导致在设计时过于“自嗨”，就无法去洞察“消费者、品牌、产品、运营”之间的关系是什么。

那么如何解决供需呢？

 1）需求：这个项目需要什么？

 决策人是谁（运营、老板、设总监），需求是什么？ 品牌当前阶段想要解决什么问题？ 品牌的发展阶段（萌芽，发展、破圈、成熟），品牌的历史是什么，品牌的内核是什么？ 产品在这个阶段需要怎么样去突破？ 产品是新品还是老品，新品如何形成差异形成流量爆品，老品如何奠定地位和标准。  消费者对于品牌和产品的需求是什么？ 消费者对于产品的市场需求，功能需求的挖掘。 供给：我有什么？在这个项目如何解决一一解决这些需求？

那么我们就以上面的需求罗列思维框架，举个例子大家就能理解了。例如，我们做的盐津铺子，盐津铺子在用户认知是一个很传统的品牌。随着消费的升级，人们对于休闲零食的需求不仅仅是口感和味道，升级为“社交属性”。

“打破旧的烙印，焕发新的印象”这个就是在各个需求维度中找到的成果，通过这个成果与品牌需求、产品需求的结合提取了整个视觉打造的核心:

打破消费者对于盐津铺子传统陈旧的烙印焕发新的印象 在传承工艺美食的同时变，得年轻、潮流、有趣好玩。让年轻消 费者产生兴趣点，从而产生共鸣。 怎么把传统的传承工艺用年轻时尚、有趣好玩的方式表达。 再去倒推到我们视觉呈现：产品包装、IP 形象、主题风格、主题创意如何打造。所以通过需求的深度解析、才有了视觉表达关键词和思路：

“国潮”承载视觉表现 ，用 IP 和国潮热辣少年结合。

“美味匠心”坚守传承，传承工艺，新表现，新表达。

“零食艺术”表达创新，零食界的“抓马”Drama。

其次，当意识到了“供需关系“的底层逻辑。在考虑问题的维度就会发生变化，不管是创意想法、还是设计呈现，对于品牌自身的内核理解。就会从各维度的需求去考虑，这样对每个板块需求的理解会更加的深入。 核心本质就是你的意识决定了你技能的瓶颈。

三、整个经济下行的阶段，导致各行各业需求减少，设计师该如何破圈？

近年来，总有设计同僚问我这个问题，当然了，每个人的情况不同，我无法提供实际的建议。不过我对于这个阶段的思考理解可以作为参考。

① 认知破圈， 不断跟各职位的人多交流

这两年通过和很多专业策划大佬，运营大咖，品牌一线操盘手交流经验和心得发现了。做品牌的核心要点，就是要分析产品，并且关联到背后的人群，一定要考虑到你的竞争环境，这些信息都需要综合考虑深度探索，才能做好一个项目。

例如十月结晶这个项目，在接到项目时，十月结晶的定位和想要打造的整个概念“东方母婴”已经很清晰了。那么在品牌方向已经很明确的前提下，我的思考更多是把“东方母婴”这个概念结合产品，激活线上的触点，让消费者能快速感知到。

结合之前的需求框架，我需要解决的更多是产品功能结合品牌理念，让消费者能在线上触点快速感知到产品功能卖点的同时，并且通过主题风格和视觉创意把品牌新的定位更加的落地，让消费者更容易感知品牌理念和定位。

通过深度对于品牌和人群需求深度的挖掘洞察，提取了核心的视觉走向“国风之美与科技之力融会贯通” 东方精致美学结合创新科技匠心的主题风格。再结合产品本身功能属性“柔软的力量”。提取主题创意——遇见新生之美，绽放女性之力，来进行贯穿整个创意表达。

主题风格+主题创意，来层层推敲产品元素，人群搭配，空间搭配，视觉符号，才有了十月结晶这个项目的呈现。

② 认知破圈，不断拓宽积累自己的知识广度

时刻观察周边的变化，培养观察总结习惯。多关注流行趋势、流行事件，并向自己提问为什么流行，为什么出圈，搜他出圈的背后逻辑以及操盘团队。 对周身事物时刻保持新鲜感和探索，因为在当下信息爆炸的时代，更容易造成信息茧房，要时刻保持对于新的事物，新的趋势来进行探索和吸收。 设计无时不在，电影、综艺、电视剧、包括去餐厅吃饭，养成主动思考背后的设计原因。

③ 认知破圈，不断深挖

研究每一个你接触到的品牌，或者你做的项目品牌的深度挖掘。从现状到历史，不断挖掘，才能更清晰了解这些公司在乎的到底是什么。我在做松下冲牙器项目时，前期对松下整个品牌，历史，创始人理念，产品理念进行深度的挖掘和探索，才提取了我们的核心卖点 6U+，以及创意主题。

四、我在成长过程中走过的那些弯路 从事设计行业以来，会发现做到一定阶段的时候，无论是在技术上，还是思维上都面临需要破圈，我大体把我的成长破圈经历分为 3 个阶段。

1. 基础技术破圈

在早期做淘宝的时候，有一条鄙视链，做广告的看不起做媒体的，做媒体的看不起做地产的，做地产的看不起做图文的，而做图文的看不起做淘宝的。

因为在早期（2011 年）那时的淘宝设计，就是拼素材，下素材，拼在一起就可以用，几乎只需要掌握基础的排版，只要有一定色彩基础，在加上会用 AI 导素材到 PS，就可以满足工作需求。 因此在那时，我把更多的精力放在版式设计、配色和基础的合成技巧上的研究

2. 综合技术破圈

等到了 2013 年以后，明显感觉到行业内卷变得严重，开始重合成，重创意，店铺出现，我记得非常清楚，当年在美妆品类有一个品牌叫瓷肌，打造了一个药妆风格的感觉，瞬间在品类破圈，成了类目 TOP1，从那个时候开始，我意识到了品牌的重要性，意识到了风格的重要性同时，品牌和产品的关系，品牌和用户的关系，以及品牌和推广之间的关系。这才开始有意识的精进合成、视觉风格、研究产品与视觉的融合，以保持在这个不断变化的行业里面能不被淘汰。

3. 认知思维破圈

这个阶段，我认为是当前很多设计师都欠缺的，而这个阶段的我也只是还在路上，自从 2017 年后，我们加入到了一家营销策划公司。才发现设计是要跟策略进行结合的；在每个品牌在品类中不同的竞争阶段，不同的抢占市场时机，面对不同消费者，视觉打造的策略也是不同的；并且在什么时候需要去叫卖产品卖点，什么时候需要去挖掘品牌基因，什么时候需要结合推广做事件营销，这是一个相对庞大的知识体系。而现在的我，也正在这个阶段不断的学习与破圈

也希望我的每个阶段的经历，能给各位小伙伴带来帮助。

五、对设计同僚们想说的话 我入行已经快 10 年了，见证了电商的起起落落。所以，我也在这个过程中不断打怪升级。在每个阶段不断的定一个阶段性的目标，然后朝这个目标不断前行。所以在这个过程中也有一些小小的心得，在每个阶段怎么发力。

如果你刚入行，建议丰富自己的基础。从版式、构图、配色、元素搭配这些基础去深耕，因为这些技能是后期成长的基本。

如果你入行 3-5 年，建议丰富自己的综合技术。从合成、C4D、AE、动效、手绘这些综合技能里面找到自己的偏好，其他作为辅助来进行学习与积累。

如果你入行 5 年以上，建议丰富自己的认知（这个要前置，从进入这行就开始有意识的学习积累），从定位、传播、到品牌的理解深入浅出的不断随着市场趋势不断地更新。

最后给每位正在奋斗的设计同僚一句我的心里话，做事的过程是追寻自醒的过程。做有趣的事，远比有意义更重要，追寻成就感 。

编者按：本文从启蒙、基础、强化、进阶4个方面，列举了UI设计师学习交互的路径和方法。交互自学干货：网易设计师：自学交互最应该关注的 4 个核心知识点网易UEDC - 杨倩 ：对于非交互设计的同学，要怎么去学习交互设计呢？阅读文章 > 一、为什么 UI 设计师要懂交互？

编者按：本文从启蒙、基础、强化、进阶4个方面，列举了UI 设计师 学习交互的路径和方法。

交互自学干货：

网易设计师：自学交互最应该关注的 4 个核心知识点 网易UEDC - 杨倩 ：对于非交互设计的同学，要怎么去学习交互设计呢？

阅读文章 >

一、为什么 UI 设计师要懂交互？ 近几年的互联网市场，有不少公司提出了“全链路设计师”、“用户体验设计师”的说法，合并交互与 UI 岗，一时间众说纷纭：有人说是高要求，有人则说这是一场变相的“人力压缩”。

其实，设计师作为一个高度复合型的岗位，虽有 UI、交互、产品设计等细分，但无论是哪个细分岗位，都需要对业务、场景、用户、技术实现有所掌握，才能给出最佳的设计方案。高度竞争的市场环境下，单纯的“美化产品原型稿”，早已丧失了获得高回报工作的可能性。

因此，才会对设计师的要求越来越趋于综合化。放眼如今的 UI 设计师招聘描述：用户体验、交互可行性、数据分析……这些曾属于 交互设计 师的职责，已普遍的出现在 UI设计 师的必备技能中。

至此，我们可以危言耸听地说一句：“单一的 UI 设计已经逐渐满足不了互联网市场的需求”；但也正因为如此，我们才要丰富起自己的武器库，去创作更大的价值……

二、UI 设计师该如何学习交互呢？ 1. 启蒙篇：站在用户的角度上思考问题

笔者曾经也是一位 UI 设计师，在工作中由于项目从 C 端逐渐偏向 B 端，工作重心也就需要从视觉倾向于产品逻辑、交互体验上了。岗位名称从“UI 设计师”到“用户体验设计师”再到“交互设计师”。

这其中最大的转变就是：将自己从“站在画面美观的角度上”思考问题，转变为“站在用户的角度上”去思考问题（也许我之前是个不懂设计的美工）。

举个简单的例子，之前做一个叉车工使用的 PDA 把枪界面：

现场实施人员给我带来一个小需求，为避免叉车工在操作的时候误触，需要把底部的操作按钮向上移；

我在上移了 16px 之后依然被要求不够，“继续上移，再上移！”

站在设计规范的角度上，我与实施人员几番 battle 之下……他发给我一张现场叉车工人的手的照片，我这才明白这么做的理由：

长期的重活导致他们的手骨节粗大；再加上在搬货途中使用 PDA 的抖动性增强，使他们的操作误区比普通人大了许多。

在了解用户与场景之后，再看向那个 PDA 界面操作按钮下大片的空白，瞬间显得合理了……

2. 基础篇：如何画出合理的界面？

首先，笔者建议大家可以结合自身项目，从基础层面开始学习，由小至大、由简入繁。

一来，是因为项目流程中原本岗位配合本就严丝合缝，要么是已有交互、要么是产品经理产出交互原型稿，可能并不会给你很大的试错空间；

二来，则是因为各位分析过大场景的能力可能不足，直接上手反倒容易短期内没有产出，影响学习的情绪……

基础内容主要包括三个部分：工具、控件、设计原则

① 工具

这里会有很多 UI 童鞋问的一个问题就是：我需要学习 Axure 软件吗？

个人建议：Axure 可以但没必要, 反正我现在没用到。各位既然能够画出精美的高保真效果图，那么低保真的交互稿还画不出来吗？

工具如何并不重要，如今用 Sketch、Figma 画原型的交互设计师很多，而且这样更方便与视觉同学之间的产出物转化。

所以大家倒不必将过多的时间精力放在软件上，别让软件成为学习路上的第一个拦路虎。

② 控件

IOS、Android、MacOS、Windows 各端、各平台的设计规范&控件是设计的基础，无论你是 UI 还是交互，都应该熟练使用各个平台、系统的组件使用场景。

只是 UI 与交互的侧重点可能不一样, 很多 UI 设计师过分注重组件的样式，而忽略了它们的用户使用场景。所以组件究竟该如何学习？

a. 熟记组件的使用场景

这个组件在什么情况下会用到？只有熟记使用场景，才能在需求到手时，快速实现功能。

这些内容在各组件共享平台的使用指南中都有详细介绍，以 element 为例：基础用法、相似组件区别都有标明（如下图）。

b. 各端组件不要混用

不同端的同种功能组件会有很大的操作区别，比如：滥用移动端与 PC 端之间的组件，就会影响到用户的体验。

以加载方式为例：web 端常见的分页加载就不适合出现在移动端，移动端主打的轻量化操作体验，多以滚动&点击的方式触发加载。

③ 设计原则

如何画出一张合理的界面布局？那么你一定离不开交互设计的七大定律。

对于交互设计七大定律，想必大家多多少少都有了解：格式塔原理、7±2 法则、席克定律、费茨定律、奥卡姆剃刀原理、复杂性守恒定律等。

交互设计七大法则！新手必看的超多案例 编辑导语：怎么样才能让设计出来的产品更加美观，更加符合大众审美呢？

阅读文章 >

以上定律的详细定义，笔者在此就不一一摘抄了，想要知道的童鞋可以上网搜一搜。下面我具体只讲我是如何学习这些定律的，那就是：多看案例！看得多了，自然就会用了。

以费茨定律举例：

带入这个定律去看下面的实际方案：

详情页面“返回”按钮究竟摆在哪里，比较合适呢？

我们选取了几个 App 详情页面的查看，最常见的两个样式，左上角 VS 左下角，那么哪个方案操作更便捷呢？

带入用户手指操作的场景，如果是双手操作，那么两个方案区别不大；但如果是单手操作，通过单手拇指触屏的操作热力图来看，左上角的返回按钮属于“难触及区域”，而左下角则是“操作便捷区域”，带入费茨定律，我们就能得出左下角的返回按钮操作更快捷！

温馨提示：

其实这些交互的定律就如同我们 UI 的设计规则一样，可以在做设计的时候去参考，却不能照本宣科，脱离实际场景。以免出现笔者前文中“一味追求规范，而忽略用户痛点”的教训。

3. 强化篇：如何做出好用的功能？

一个好用功能的前提，得是一个能用的功能。所以我们要先让流程闭环，功能跑起来；然后再做优化，逐步完善……

① 先做出一个能用的功能：流程闭环

我们在做每一个版本需求时，产品经理都会给到一条功能的业务流程，而这条业务流程是没有办法直接转化成页面的。设计师们需要将“业务流程”转化为“用户操作步骤”，再转化为“界面”。

举一个最经典的审批流程的例子：

业务流程大家都很熟悉：发起-审批-结束；其中包括了两类用户：发起人&审批人。以发起人为例，向下拆分他的用户操作步骤；再从操作步骤中推导出界面（如下图）：

② 让功能变的好用：深挖用户场景

当闭环的操作流程已经搭建完成，我们就需要考虑，如何让它变得更加好用了。

这一环节我们需要深度挖掘用户场景：弄清楚“谁？在什么情况下？要做什么？”，然后与用户共情，带入场景去思考问题……

继续以发起审批为例：

在这一过程中，审批发起人（用户）+在提交了审批之后（场景）+想要知道审批的结果（目标）。

带入用户的角度，去思考这个场景下，他们的心理活动，他们会有什么想法？再以此为需求，逐步完善我们的功能：

这里可能又有童鞋发问了：我没有这么强的共情能力，想不到这么多用户的可能性怎么办？

那么，交互设计师的核心技巧：用户调研、可用性测试、数据埋点、竞品分析……就可以了解一下了！通过这些方法，就能又快、又准的帮你做出一个好用的功能。

4. 进阶篇：设计赋能业务（绩效加分项）

“赋能业务”是设计师工作中最重要的一点，相信这个词在大家的绩效汇报中经常看到。

如果说不懂“用户体验”的 UI 只是一个画图机器的话，那么不懂“赋能业务”的交互则是一个画原型图的机器。

① 如何赋能业务？

首先要弄清你的业务目标是什么？然后再围绕着业务目标去细化拆分：

思考自身设计，拆分设计任务 了解项目组其他岗位成员的拆分任务，找准发力点，向下拆分 举个例子，一个证件审核后台的案例：

审核后台的客服人力不足，导致工单积压，用户频频电话投诉催办。业务方要求在一个月内，在不增加客服人员编制的情况下，将催办类投诉工单降低 80%！

收到这个业务目标后，项目组内全体成员都在针对业务目标思考方案、制定各自的任务：

第一步，设计师团队从设计出发，拆分设计任务：

去调研客服人员审核流程，做操作步骤精简提效； 再去调研投诉用户的心理，增加审核进度反馈功能，缓解用户焦躁情绪； 然而，这些体验层级的优化虽有奏效，却很难担起降低 80%投诉率的大额目标。

第二步，理清团队其他岗位的任务内容及策略，向下拆分：

通过沟通，大数据团队针对该目标提出了通过 OCR 识别技术（光学字符识别技术：通过扫描将印刷文字转为图片，再利用文字识别技术转化为可使用的文字输入），智能审核证件的方案。然而却因为 OCR 识别错误率太高，导致近一半的工单仍然需要人工审核。

那么此时，设计师就可以在提升 OCR 识别成功率的目标下，向下拆分自己的设计目标了。

去调研 OCR 识别率低的基础情况：除去技术层面的问题，用户上传照片不规范、倾斜、反光、重要信息未拍全等都会导致识别失败。

那么对于这些问题，上传审核步骤的指引优化就是关键所在！

最后，团队一起实现了降低 80%投诉率的大目标，而设计师在项目过程中，既解决了用户遇到的问题、又解决了团队遇到的问题，做到了真正的赋能业务！

尾声 漫长的文章终于接近尾声了……

最后一句临别赠言送给大家（也是笔者在学习交互的时候，一位老师送给我的）：

不必太过死磕各个岗位的工作范围，没有哪个行业内的专家能够给交互、视觉、以及任何一份岗位的工作范围去下定义。百度百科上能搜到的所有针对岗位的描述，也都只是包括但不限于。

所以，不必被他人设限，也不必给自己设限……

总而言之一句话，学习和提升是自己的事情，预祝各位成功！

欢迎关注「网易UEDC」公众号：

哈喽，各位设计同僚大家好，我是造视品牌中心的品牌总监图层叔。很荣幸能在这里给大家分享一下我的个人职业生涯，以及这 10 年从一个单纯的技术型设计师如何成长为一名具有品牌思维的创意团队管理者。「服务品牌」倍轻松、松下、森马、WMF、自由点、卡士酸奶、十月结晶、水密码、原始黄金、盐津铺子、鲨鱼菲特、慧曼洗碗机、尔沫卫...

哈喽，各位设计同僚大家好，我是造视品牌中心的品牌总监图层叔。很荣幸能在这里给大家分享一下我的个人职业生涯，以及这 10 年从一个单纯的技术型 设计师 如何成长为一名具有品牌思维的创意团队管理者。

「服务品牌」 倍轻松、松下、森马、WMF、自由点、卡士酸奶、十月结晶、水密码、原始黄金、盐津铺子、鲨鱼菲特、慧曼洗碗机、尔沫卫浴、德佑湿厕纸、传奇会茶叶……

一、我的成长经历 我是 2012 年在电商野蛮生长期进入电商这个行业的，在 2017 年开始创业。在这个时段是我成长最飞速的时候。让我从一个只关注技术的设计师，转变为一个具有品牌思维的经营者。也从最开始只追求技术上的提升，到系统化去学习品牌理论（在认知层面有很大的改变）。

所以在创业初期思维的局限性，导致前期有大量的试错成本，在思维转变后，慢慢从开始做低端的设计，一步步成长为具备品牌思维的负责人。

二、什么是品牌思维？ 首先要明白很简单的一个底层逻辑“供需关系”，因为所有产品和人的接触都是有供需的。设计也是需要搞清楚设计中的“供需关系”。无论是我以前，还是有部分的设计师，都是以技术为王，这样就会导致在设计时过于“自嗨”，就无法去洞察“消费者、品牌、产品、运营”之间的关系是什么。

那么如何解决供需呢？

 1）需求：这个项目需要什么？

 决策人是谁（运营、老板、设总监），需求是什么？ 品牌当前阶段想要解决什么问题？ 品牌的发展阶段（萌芽，发展、破圈、成熟），品牌的历史是什么，品牌的内核是什么？ 产品在这个阶段需要怎么样去突破？ 产品是新品还是老品，新品如何形成差异形成流量爆品，老品如何奠定地位和标准。  消费者对于品牌和产品的需求是什么？ 消费者对于产品的市场需求，功能需求的挖掘。 供给：我有什么？在这个项目如何解决一一解决这些需求？

那么我们就以上面的需求罗列思维框架，举个例子大家就能理解了。例如，我们做的盐津铺子，盐津铺子在用户认知是一个很传统的品牌。随着消费的升级，人们对于休闲零食的需求不仅仅是口感和味道，升级为“社交属性”。

“打破旧的烙印，焕发新的印象”这个就是在各个需求维度中找到的成果，通过这个成果与品牌需求、产品需求的结合提取了整个视觉打造的核心:

打破消费者对于盐津铺子传统陈旧的烙印焕发新的印象 在传承工艺美食的同时变，得年轻、潮流、有趣好玩。让年轻消 费者产生兴趣点，从而产生共鸣。 怎么把传统的传承工艺用年轻时尚、有趣好玩的方式表达。 再去倒推到我们视觉呈现：产品包装、IP 形象、主题风格、主题创意如何打造。所以通过需求的深度解析、才有了视觉表达关键词和思路：

“国潮”承载视觉表现 ，用 IP 和国潮热辣少年结合。

“美味匠心”坚守传承，传承工艺，新表现，新表达。

“零食艺术”表达创新，零食界的“抓马”Drama。

其次，当意识到了“供需关系“的底层逻辑。在考虑问题的维度就会发生变化，不管是创意想法、还是设计呈现，对于品牌自身的内核理解。就会从各维度的需求去考虑，这样对每个板块需求的理解会更加的深入。 核心本质就是你的意识决定了你技能的瓶颈。

三、整个经济下行的阶段，导致各行各业需求减少，设计师该如何破圈？

近年来，总有设计同僚问我这个问题，当然了，每个人的情况不同，我无法提供实际的建议。不过我对于这个阶段的思考理解可以作为参考。

① 认知破圈， 不断跟各职位的人多交流

这两年通过和很多专业策划大佬，运营大咖，品牌一线操盘手交流经验和心得发现了。做品牌的核心要点，就是要分析产品，并且关联到背后的人群，一定要考虑到你的竞争环境，这些信息都需要综合考虑深度探索，才能做好一个项目。

例如十月结晶这个项目，在接到项目时，十月结晶的定位和想要打造的整个概念“东方母婴”已经很清晰了。那么在品牌方向已经很明确的前提下，我的思考更多是把“东方母婴”这个概念结合产品，激活线上的触点，让消费者能快速感知到。

结合之前的需求框架，我需要解决的更多是产品功能结合品牌理念，让消费者能在线上触点快速感知到产品功能卖点的同时，并且通过主题风格和视觉创意把品牌新的定位更加的落地，让消费者更容易感知品牌理念和定位。

通过深度对于品牌和人群需求深度的挖掘洞察，提取了核心的视觉走向“国风之美与科技之力融会贯通” 东方精致美学结合创新科技匠心的主题风格。再结合产品本身功能属性“柔软的力量”。提取主题创意——遇见新生之美，绽放女性之力，来进行贯穿整个创意表达。

主题风格+主题创意，来层层推敲产品元素，人群搭配，空间搭配，视觉符号，才有了十月结晶这个项目的呈现。

② 认知破圈，不断拓宽积累自己的知识广度

时刻观察周边的变化，培养观察总结习惯。多关注流行趋势、流行事件，并向自己提问为什么流行，为什么出圈，搜他出圈的背后逻辑以及操盘团队。 对周身事物时刻保持新鲜感和探索，因为在当下信息爆炸的时代，更容易造成信息茧房，要时刻保持对于新的事物，新的趋势来进行探索和吸收。 设计无时不在，电影、综艺、电视剧、包括去餐厅吃饭，养成主动思考背后的设计原因。

③ 认知破圈，不断深挖

研究每一个你接触到的品牌，或者你做的项目品牌的深度挖掘。从现状到历史，不断挖掘，才能更清晰了解这些公司在乎的到底是什么。我在做松下冲牙器项目时，前期对松下整个品牌，历史，创始人理念，产品理念进行深度的挖掘和探索，才提取了我们的核心卖点 6U+，以及创意主题。

四、我在成长过程中走过的那些弯路 从事设计行业以来，会发现做到一定阶段的时候，无论是在技术上，还是思维上都面临需要破圈，我大体把我的成长破圈经历分为 3 个阶段。

1. 基础技术破圈

在早期做淘宝的时候，有一条鄙视链，做广告的看不起做媒体的，做媒体的看不起做地产的，做地产的看不起做图文的，而做图文的看不起做淘宝的。

因为在早期（2011 年）那时的淘宝设计，就是拼素材，下素材，拼在一起就可以用，几乎只需要掌握基础的排版，只要有一定色彩基础，在加上会用 AI 导素材到 PS，就可以满足工作需求。 因此在那时，我把更多的精力放在版式设计、配色和基础的合成技巧上的研究

2. 综合技术破圈

等到了 2013 年以后，明显感觉到行业内卷变得严重，开始重合成，重创意，店铺出现，我记得非常清楚，当年在美妆品类有一个品牌叫瓷肌，打造了一个药妆风格的感觉，瞬间在品类破圈，成了类目 TOP1，从那个时候开始，我意识到了品牌的重要性，意识到了风格的重要性同时，品牌和产品的关系，品牌和用户的关系，以及品牌和推广之间的关系。这才开始有意识的精进合成、视觉风格、研究产品与视觉的融合，以保持在这个不断变化的行业里面能不被淘汰。

3. 认知思维破圈

这个阶段，我认为是当前很多设计师都欠缺的，而这个阶段的我也只是还在路上，自从 2017 年后，我们加入到了一家营销策划公司。才发现设计是要跟策略进行结合的；在每个品牌在品类中不同的竞争阶段，不同的抢占市场时机，面对不同消费者，视觉打造的策略也是不同的；并且在什么时候需要去叫卖产品卖点，什么时候需要去挖掘品牌基因，什么时候需要结合推广做事件营销，这是一个相对庞大的知识体系。而现在的我，也正在这个阶段不断的学习与破圈

也希望我的每个阶段的经历，能给各位小伙伴带来帮助。

五、对设计同僚们想说的话 我入行已经快 10 年了，见证了电商的起起落落。所以，我也在这个过程中不断打怪升级。在每个阶段不断的定一个阶段性的目标，然后朝这个目标不断前行。所以在这个过程中也有一些小小的心得，在每个阶段怎么发力。

如果你刚入行，建议丰富自己的基础。从版式、构图、配色、元素搭配这些基础去深耕，因为这些技能是后期成长的基本。

如果你入行 3-5 年，建议丰富自己的综合技术。从合成、C4D、AE、动效、手绘这些综合技能里面找到自己的偏好，其他作为辅助来进行学习与积累。

如果你入行 5 年以上，建议丰富自己的认知（这个要前置，从进入这行就开始有意识的学习积累），从定位、传播、到品牌的理解深入浅出的不断随着市场趋势不断地更新。

最后给每位正在奋斗的设计同僚一句我的心里话，做事的过程是追寻自醒的过程。做有趣的事，远比有意义更重要，追寻成就感 。

最近查阅了国内外近 20 篇 2022 年和 2023 年的设计趋势类文章，总结了 6 大类视觉设计趋势。最大的感觉是，每一种稳定的新趋势都来源于以往的铺垫，顺应着时代的发展，不同风格之间的融合创新经常能让曾经的经典再次迸发出新的活力。设计趋势网页篇：先睹为快！

最近查阅了国内外近 20 篇 2022 年和 2023 年的 设计趋势 类文章，总结了 6 大类 视觉设计 趋势。最大的感觉是，每一种稳定的新趋势都来源于以往的铺垫，顺应着时代的发展，不同风格之间的融合创新经常能让曾经的经典再次迸发出新的活力。

设计趋势网页篇：

先睹为快！2023年值得关注的10大平面设计流行趋势 大家好，这里是和你们聊设计的花生~ 一转眼 2022 年就只剩最后一个月了，除了总结今年的收获，也是时候了解一下未来的设计新趋势了。

阅读文章 >

一、3D 风格 随着我们进一步深入元宇宙，对 AR/VR 的应用需求将在各个行业继续发展，在这样的发展下，具有纵深感的 3D 风格大概率会持续保留在每年的主流趋势里，它的应用从简单的使用阴影和轮廓增加深度，到利用三维建模软件构成图标、添加纹理、形成场景和动画，一直在不断的丰富着蓬勃发展的数字世界。

BY Mako Tsereteli

By Vivivian for Vitality Studio

二、玻璃风格 从 Mac OS Big Sur 和 Windows 11，社会压力的倍增使得天然具有清透感的玻璃风格稳居近 2 年的设计趋势榜单前排，并且还一直在 设计师 的手里不断的演变进化，这种进化主要是和其他风格打包出售。例如近 1 年兴起的磨砂玻璃风、弥散玻璃风、极光玻璃风等，从 2D 的平面和 UI 界面到各种 3D 图标和场景，自带清透感的玻璃风变成了一种随处可见的风景。

「新拟物化」过时了！此刻你最应该拥抱的是「玻璃拟物化」！ 还记得今年年初大家追捧的 新拟物化（Neumorphism）风格嘛？

阅读文章 >

实战案例！「毛玻璃拟态」图标的临摹思路与原创技巧 这篇文章主要分享怎么做一套毛玻璃拟态图标，以及在这基础上如何发散创意。

阅读文章 >

三、新式渐变 渐变风格，把它作为趋势似乎有点老套，但万变不离其中，它的各种进化版作为趋势榜单里的常客一定已经让你印象深刻。而且说实话，各种新名字渐变的区分度其实并没有那么明显，作为渐变大家族的一员，互相长得像这也是肯定的。

极光渐变

霓虹灯

液体渐变/流体渐变

弥散柔光

弥散光设计！网易阿里大厂都在用的刷屏级新设计风 这阵子不是有一种设计流行风悄悄刮了起来嘛！

阅读文章 >

四、微创新的字体与排版 1. 大字风格

大字风格似乎从几年前苹果系统界面的一次改版就开始被人津津乐道，虽然经常被其他趋势挤出它的趋势地位，但随着老龄化，信息冗杂的持续，它一直具有留在趋势榜单的实力。随着与大胆的颜色、几何构图等结合，这种风格已经唤起了新的活力。

By Ebco Concepts

2. 复古字体回归

越未来，越怀旧，这大概是人类的天性。去年到今年，许多颇具复古风格的字体开始回归，例如不停出现的 Sans Serif 字体。

文艺复古感拉满！设计师必备的5款免费打字机字体（附源文件下载） 大家好我是和你们聊设计的花生~ 之前给大家推荐了 10 款纤细优雅的英文手写字体，这种字体可以作为在海报设计中作装饰元素，起到平衡版式、丰富画面层次和烘托氛围的作用。

阅读文章 >

左：ABC Ginto geometric humanist sans serif typeface by ABC Dinamo.

右：ABC Ginto geometric humanist sans serif typeface by ABC Dinamo.

3. 扭曲字体

也许比较小众，不过我觉得蛮有趣的。拉伸的字母和打结的排版使得传统的字体样式被赋予了文字扭曲，连字打结、融化或淡入淡出的形式。这种样式的出现也可能和 Metaverse 趋势有关，它为设计提供了呈现一个支离破碎现实可能性，当然，它也有可能是受到了液体渐变风格的影响，为字体加入了一种液体效果。

Cobya modern variable weight typeface by Lane Knop

4. 生动排版

字体结合图形、颜色、用动画等来辅助字体排版，各种创意性的想法结合层出不穷，让画面变得更加生动有趣。

五、新复古风格 复古设计的风向不会仅仅局限于字体和排版，或者说，字体和排版的复古回归只是复古设计风格的一个方面，在科技不断发展的新时代，复古当然不是原本的复制，而一直在融入新的变化，复古未来主义、微复古风格、朋克风格……这些在曾经流行过的设计样式展现出新的生命，所以，也许我们可以统称这一类的风格为：新复古。

Packaging design for KEW 3101 Coffee

六、环保自然风 快节奏带来的失衡感促使着人们关注着自然、健康和生活的平衡感。这样看来，环保自然的风格将会一直保留在我们的视线之内，它不会过时。除了单纯在视觉表现层传递环保以外，在材料、印染等实实在在为环保而设计的方向也逐渐受到了设计师的重视和提倡。同时，大自然本身丰富多彩的色彩和形状也给了设计师很多启发。

3D 风格、玻璃风格、各种新式渐变、微创新的字体与排版、以及新复古与环保自然这六大类风格趋势，在 2023 年，会在你的设计里会占据几条呢？

备注：所用图片一切版权归原作者所有，部分图片因直接来源于查阅的文章，未标注作者。

欢迎关注作者微信公众号：「林间有影落」

大家好，这里是和你们聊设计的花生~今天继续为大家带来海报设计常用 装饰元素 的第 3 期，本期的元素分别是：英文字体、中心辐射线、心形、镭射风及卡通风贴纸和渐变波点，并有超多实用教程和免费可商用资源分享给大家，一起来看看吧~上期回顾：简单又实用！5种设计师必学的海报设计装饰元素（二）大家好，这里是和你们聊设计的花...

大家好，这里是和你们聊设计的花生~

今天继续为大家带来 海报设计 常用 装饰元素 的第 3 期，本期的元素分别是：英文字体、中心辐射线、心形、镭射风及卡通风贴纸和渐变波点，并有超多实用教程和免费可商用资源分享给大家，一起来看看吧~

上期回顾：

简单又实用！5种设计师必学的海报设计装饰元素（二） 大家好，这里是和你们聊设计的花生~ 上一期的文章发出后受到很多小伙伴的欢迎，那今天继续为大家带来 5 种海报常用装饰元素设计的小技巧，本期的元素分别是：环绕文字、黑白方格、条形码、进度条(能量条)和文字警戒带。

阅读文章 >

一、英文字体 英文字体在海报设计中很常见，由于它也算是文字信息，所以很多小伙伴可能没有意识到这些英文字体也算是一种“装饰”。其实很多时候我们拿到的海报文案内并不包含英文信息，这个时候就需要设计师自己补充这部分的内容。添加英文字体可以达到以下效果：

丰富文案内容。如果你拿到的海报文案都是中文且内容比较少，无法撑起整个版面，就可以自己根据海报的主标题、主题或者关键词添加对英文信息，这些英文信息可以与主标题处于同等层级，用于传达海报主题；也可以缩到很小，放在边角位置稳定版面。 增强视觉吸引力和设计感。对于一些具有设计感的字体，我们可以将其放大，置于画面主体之后，这样会带来很强的视觉冲击力；也可以压在画面之上，平衡版面烘托氛围，具体情况要看字体的气质来确定。

海报中英文字体的使用

之前为大家推荐很多高质量的免费可商用英文字体，它们的风格各不相同，有的适合正文排版，有的则适合作为纯装饰。需要的小伙伴可以戳下方链接了解，或者直接访问我的主页。

5个经典的付费英文字体，我们都帮你找到了免费可商用替代款！ 大家好我是花生~现在一提到字体资源，大家最关注的点肯定是能不能免费商用吧？

阅读文章 >

5个经典的付费英文字体，我们都帮你找到了免费可商用替代款！（二） 大家好，我是和你们聊设计的花生。

阅读文章 >

海报如何更有力量感？加上这个元素准没错！（附素材下载） 大家好，我是和你们聊设计的花生~ 前几天向大家推荐了 5 款精致优雅的英文字体，作为装饰运用到海报设计中，可以营造浪漫优雅的氛围。

阅读文章 >

海报版式太单调？用好这个元素提升99%（附素材下载） 大家好，我是你们聊设计的花生~ 今天我们聊聊海报设计中的一个小技巧。

阅读文章 >

二、中心辐射线 由中心像四周发散的线条元素常作为背景在海报设计中使用，置于画面主体人物或物体之后，可以起到聚焦视线、丰富画面的作用。它常见于复古、卡通风格以及与促销有关的海报中。

中心辐射线及心形元素在画面中的使用

三、心形 心形算是一个比较特殊的图形符号了，在与爱情有关，或者表达强烈喜爱或推荐的主题中使用比较广泛，既可以作为局部的装饰元素，也可以放大作为主视觉或者特殊的图片形状使用。下面为大家介绍一种在 Ai 里快速画出完美心形的方法。

四、贴纸 贴纸作为一种独立性较强的设计元素，在海报、包装、品牌、VI 等设计中都能看见它的身影，设计简单但是能赋予对象独特的识别性。

目前比较流行的贴纸风格可以分为 2 两种，一种以抽象几何元素为主，比如网格地球、星形或者纯文字；另一种是以扁平卡通插画元素为主题，形式丰富多样，趣味十足。且随着设计工具的进步，贴纸也有了更多不同的样式，比如加入了 3D 特效， 或者添加镭射渐变和材质质感。下面为大家推荐一些贴纸元素的设计教程：

「镭射渐变贴纸元素设计教程」

  https://uiiiuiii.com/photoshop/1212389155.html https://uiiiuiii.com/illustrator/1212388923.html 「扁平卡通风贴纸设计教程」

https://uiiiuiii.com/illustrator/1212458495.html https://uiiiuiii.com/illustrator/1212297326.html

五、渐变波点 渐变波点是是孟菲斯风格最常见的元素之一，具有强烈的复古气息。除此之外也可以作为海报中作为局部装饰，或作为插画中的纹理。之前我专门写了一篇文章向大家介绍如何在 Ai 和 Ps 中制作渐变波点效果，并讲解了背后的原理，帮助大家更好地制作出符合自己需求的效果，具体教程戳下面链接：

渐变波点怎么做？我为你总结了 3 种超快方法（附原理解析） 大家好我是和你们聊设计的花生~ 渐变波点是设计中常用的一种装饰元素，和各种风格的适配性很强。

阅读文章 >

以上就是第三期的海报常用装饰元素推荐，希望对大家的设计有帮助~ 喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友 。如果你有关于本文或者设计的疑问，可以在评论区提出，我会第一时间为大家解答 ~

推荐阅读:

先睹为快！2023年值得关注的10大平面设计流行趋势 大家好，这里是和你们聊设计的花生~ 一转眼 2022 年就只剩最后一个月了，除了总结今年的收获，也是时候了解一下未来的设计新趋势了。

阅读文章 >

平面设计作品不出彩？来看高手总结的14个细节！ 本文用真实的平面设计作品案例，通过优化前后的关系，让读者短时间受到启发，建议平面设计师收藏保存哟 上期回顾： 上上期回顾：

阅读文章 >

大家好，这里是和你们聊设计的花生~今天继续为大家带来海报设计常用 装饰元素 的第 3 期，本期的元素分别是：英文字体、中心辐射线、心形、镭射风及卡通风贴纸和渐变波点，并有超多实用教程和免费可商用资源分享给大家，一起来看看吧~上期回顾：简单又实用！5种设计师必学的海报设计装饰元素（二）大家好，这里是和你们聊设计的花...

大家好，这里是和你们聊设计的花生~

今天继续为大家带来 海报设计 常用 装饰元素 的第 3 期，本期的元素分别是：英文字体、中心辐射线、心形、镭射风及卡通风贴纸和渐变波点，并有超多实用教程和免费可商用资源分享给大家，一起来看看吧~

上期回顾：

简单又实用！5种设计师必学的海报设计装饰元素（二） 大家好，这里是和你们聊设计的花生~ 上一期的文章发出后受到很多小伙伴的欢迎，那今天继续为大家带来 5 种海报常用装饰元素设计的小技巧，本期的元素分别是：环绕文字、黑白方格、条形码、进度条(能量条)和文字警戒带。

阅读文章 >

一、英文字体 英文字体在海报设计中很常见，由于它也算是文字信息，所以很多小伙伴可能没有意识到这些英文字体也算是一种“装饰”。其实很多时候我们拿到的海报文案内并不包含英文信息，这个时候就需要设计师自己补充这部分的内容。添加英文字体可以达到以下效果：

丰富文案内容。如果你拿到的海报文案都是中文且内容比较少，无法撑起整个版面，就可以自己根据海报的主标题、主题或者关键词添加对英文信息，这些英文信息可以与主标题处于同等层级，用于传达海报主题；也可以缩到很小，放在边角位置稳定版面。 增强视觉吸引力和设计感。对于一些具有设计感的字体，我们可以将其放大，置于画面主体之后，这样会带来很强的视觉冲击力；也可以压在画面之上，平衡版面烘托氛围，具体情况要看字体的气质来确定。

海报中英文字体的使用

之前为大家推荐很多高质量的免费可商用英文字体，它们的风格各不相同，有的适合正文排版，有的则适合作为纯装饰。需要的小伙伴可以戳下方链接了解，或者直接访问我的主页。

5个经典的付费英文字体，我们都帮你找到了免费可商用替代款！ 大家好我是花生~现在一提到字体资源，大家最关注的点肯定是能不能免费商用吧？

阅读文章 >

5个经典的付费英文字体，我们都帮你找到了免费可商用替代款！（二） 大家好，我是和你们聊设计的花生。

阅读文章 >

海报如何更有力量感？加上这个元素准没错！（附素材下载） 大家好，我是和你们聊设计的花生~ 前几天向大家推荐了 5 款精致优雅的英文字体，作为装饰运用到海报设计中，可以营造浪漫优雅的氛围。

阅读文章 >

海报版式太单调？用好这个元素提升99%（附素材下载） 大家好，我是你们聊设计的花生~ 今天我们聊聊海报设计中的一个小技巧。

阅读文章 >

二、中心辐射线 由中心像四周发散的线条元素常作为背景在海报设计中使用，置于画面主体人物或物体之后，可以起到聚焦视线、丰富画面的作用。它常见于复古、卡通风格以及与促销有关的海报中。

中心辐射线及心形元素在画面中的使用

三、心形 心形算是一个比较特殊的图形符号了，在与爱情有关，或者表达强烈喜爱或推荐的主题中使用比较广泛，既可以作为局部的装饰元素，也可以放大作为主视觉或者特殊的图片形状使用。下面为大家介绍一种在 Ai 里快速画出完美心形的方法。

四、贴纸 贴纸作为一种独立性较强的设计元素，在海报、包装、品牌、VI 等设计中都能看见它的身影，设计简单但是能赋予对象独特的识别性。

目前比较流行的贴纸风格可以分为 2 两种，一种以抽象几何元素为主，比如网格地球、星形或者纯文字；另一种是以扁平卡通插画元素为主题，形式丰富多样，趣味十足。且随着设计工具的进步，贴纸也有了更多不同的样式，比如加入了 3D 特效， 或者添加镭射渐变和材质质感。下面为大家推荐一些贴纸元素的设计教程：

「镭射渐变贴纸元素设计教程」

  https://uiiiuiii.com/photoshop/1212389155.html https://uiiiuiii.com/illustrator/1212388923.html 「扁平卡通风贴纸设计教程」

https://uiiiuiii.com/illustrator/1212458495.html https://uiiiuiii.com/illustrator/1212297326.html

五、渐变波点 渐变波点是是孟菲斯风格最常见的元素之一，具有强烈的复古气息。除此之外也可以作为海报中作为局部装饰，或作为插画中的纹理。之前我专门写了一篇文章向大家介绍如何在 Ai 和 Ps 中制作渐变波点效果，并讲解了背后的原理，帮助大家更好地制作出符合自己需求的效果，具体教程戳下面链接：

渐变波点怎么做？我为你总结了 3 种超快方法（附原理解析） 大家好我是和你们聊设计的花生~ 渐变波点是设计中常用的一种装饰元素，和各种风格的适配性很强。

阅读文章 >

以上就是第三期的海报常用装饰元素推荐，希望对大家的设计有帮助~ 喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友 。如果你有关于本文或者设计的疑问，可以在评论区提出，我会第一时间为大家解答 ~

推荐阅读:

先睹为快！2023年值得关注的10大平面设计流行趋势 大家好，这里是和你们聊设计的花生~ 一转眼 2022 年就只剩最后一个月了，除了总结今年的收获，也是时候了解一下未来的设计新趋势了。

阅读文章 >

平面设计作品不出彩？来看高手总结的14个细节！ 本文用真实的平面设计作品案例，通过优化前后的关系，让读者短时间受到启发，建议平面设计师收藏保存哟 上期回顾： 上上期回顾：

阅读文章 >