在工作环境里，相较其他职业，设计师是一个很容易接收到他人挑战的职业。不管是产品、开发、还是同职能部门的同事，都会对设计案提出想法、建议，盲目听从容易打乱自己的工作节奏，还容易影响事务进度。因此，好的设计推案的方式就显得尤为重要。

在工作环境里，相较其他职业， 设计师 是一个很容易接收到他人挑战的职业。不管是产品、开发、还是同职能部门的同事，都会对设计案提出想法、建议，盲目听从容易打乱自己的工作节奏，还容易影响事务进度。

因此，好的 设计推案 的方式就显得尤为重要。

对同职能部门，能够提升设计案的“价值”，减少设计案被打回修改，提升成功过稿的概率；而对业务合作部门，能够减少沟通所需的工作时耗，提升个人在外的品牌度。

不同的推案对象，对方的关注点不同，需要制定不同的方针。本文将结合作者平时工作中遇到的情况，进行推案策略收敛，希望对大家有所帮助～

如何利用方程思维，从设计目标推导设计方案？ 今天就想给大家做做数学题，让大家再次感受一下被数学支配的“恐惧”（回忆）。

阅读文章 >

1. 对直接上级 直接上级作为一个审核者和有经验的设计者，通常会更关注设计是否合理。同时，在双方合作的不同阶段，根据对你的信赖度，会有不同的审核机制。

① 在合作初期

此时需要建立直接上级对你的信任，注重 2 个核心点的传达

「设计思路的闭环」 说明你的设计方法论是健全的、应用是正确的。

这里借用 About Face3.0 里对如何连接实现模型和心理模型的图，设计的过程应该是在思考中不断优化、不断迭代，使 设计方案 更贴近用户的过程。而我们在传达过程中，则是要把这个过程阐述清楚，让设计言之有理、言之有物。

需要体现需求分析、目标用户、应用场景、竞品佐证到设计方案推导的完整流程。

有个加分项，每个阶段的事务都有明确的目的，而不是因为流程如此而做，比如将需求分析后的疑问点带入到竞品分析的目的中，这样你的设计思路会显得更闭环一些。

「设计方案是正确的」 说明你的设计方向有依据，是正确的。

竞品分析的目的不是直接把竞品的设计直接复制、粘贴到自己的设计案中，在推案中最好呈现基于竞品基础上自己的思考。比如在做产品框架设计时，可以基于竞品的框架做一波收敛，说明优缺点，结合产品现状说明自己最后选用的设计框架。

这里注重借助竞品去佐证你的想法，说明自己的设计策略，有依据的阐述自己的设计思路即可。

记住不去做太“特别”、没有先例的设计。

② 在合作后期

在你比较被信任度情况下，一般上级是不会花那么多时间去审核你的案子。注重“有重点的推案”。此时主要告诉对方，你的设计核心点，和部分有疑问的部分你的设计思考和结果即可。

2. 对往上的管理层 管理层作为一个偏战略部署的角色，他们更看重你做的设计如何有价值，而且每一次的推案都是他们在暗暗对你“评估”的过程。

对他们的推案，核心 2 个点，1 价值、2 炫技。

① 价值阐述

“如何在设计本身只是一个小功能设计案的时候讲出自己的价值？”、“明明只是设计案，硬要挂钩价值好难。” 这是一般的设计师都会遇到的问题。

价值要从项目出发，多看看项目官网里项目的核心定位（卖点），去了解这个产品的“生存机制”，从产品痛点为基石去讲。

比如，微信的拍摄表情模块的交互设计，虽然在整体应用内，只是一个小模块，但是对核心业务场景“聊天”来说是亮点功能，通过拍摄表情，让用户在聊天中，能够更多的跟好友 Show 出自己，通过表情包的传递，提高用户聊天过程体验，让用户和好友感觉更亲近，从而提升用户整体活跃，为产品日活贡献价值。

而基于价值推导，可以发现拍摄表情的核心是“秀出自己”、“传播效益”，对应到设计中，就应该把用户自拍作为默认选项，并降低操作成本，提高拍摄成功率；而为了更好的传播，就应该设置一些易于传播的模板，提高整体功能的复用率。

所以，在价值阐述方面，要注意去体现你设计过程中围绕项目本身核心价值的思考，而不止是完成功能设计。

② 炫技

对管理层，除了说明你的思考的高度，也要体现你做事的深度。常常去使用一些创新的方式方法，去佐证你的观点也是一个不错的方法。

比如，在面向海外的产品设计时，在用户画像层面，用心理学模型“马斯洛需求层次模型”做侧面抽象，得到设计关键词。

企业出海产品如何做用户调研？试试这个小成本方法！ 前言 产品出海、特别是教育产品出海，在国内对向教育产品政策收紧这个大趋势下，已经成为部分教育公司必须考虑的命题。

阅读文章 >

创新的方式方法会让你的设计案加分不少。

3. 对产品 产品方是把控产品整体策略和方向的角色，他们考虑的更多的是产品的商业化目标、KPI，对他们推案，需要用他们的思考模式说话，并融入自己的角色发声。在给到需求时，有些产品方会直接定义设计策略，干预到设计。

那么在推案上，就需要结合对方的需求，理解是为了达到什么目标而做，而不只是否定对方的设计。成熟产品的目标更集中在商业上，而初期产品则更集中在用户活跃和留存上。在理解了目标后，围绕对方的目标做推案，更能说服他们。

此外，可以尝试树立专业的形象，告诉对方，我是专业的。多用设计模型、心理学模型等设计思考的方法论，告诉对方，这么做是对的。树立出一个专业的设计形象，也能让你后续的合作流程更顺畅。

4. 对开发/美术-职能合作部门 合作职能部门，特别是开发、美术，推案更偏向于设计澄清会（评审会）的场景。说清楚你的设计案具体要做什么、分哪几个大模块，以及需要落地的细节点即可。

当然，程序员们并不是一个听你说要做 A 方案，就一定会做的群体，需要一定的推拉才能完成。在澄清会上，常见的开发话术有：“这个看起来没必要做吧”、“这个是不是体验不好？”、“这个开发代价太高了，是不是有别的方案”

①  “这个看起来没必要做吧”——跟他上价值

功能点价值（从项目价值出发） 设计点价值（从项目价值、以及用户体验出发） ② “这个是不是体验不好？”——跟他上专业形象

③  “这个开发代价太高了，是不是有别的方案”——确认技术难度点，沟通排期

在有一定经验后，如果能前置考虑到这点，并带着 B 方案沟通，效率也会更高。

5. 小结 除了上述针对不同对象的推案策略外，大家在推案中也多使用金字塔法则，“总分总”的思路，能让听的人一开始有个思路，也能让推案更顺利一些。

这些是我在工作中沉淀下来的一些小方法，分享给大家～也欢迎大家在评论区提出自己的想法哦，大家一起讨论～

大家好，11 月的第 4 波设计干货合集来了！随着感恩节的临近，这一期的合集当中也添加了相应的素材，除此之外，还有有趣的网站 DIY 工具，有功能特别完善的在线网站组件库，有实用性特别强的图片转矢量工具，以及新的一波基于人工智能的设计工具，值得尝试，一定要看看。当然，在此之前记得看看往期干货中有没有你感兴趣的素材...

大家好，11 月的第 4 波设计 干货合集 来了！随着感恩节的临近，这一期的合集当中也添加了相应的素材，除此之外，还有有趣的网站 DIY 工具，有功能特别完善的在线网站组件库，有实用性特别强的图片转矢量工具，以及新的一波基于人工智能的设计工具，值得尝试，一定要看看。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第三波！2022年11月精选实用设计干货合集 大家好，11 月的第 3 波设计干货合集又来了！

阅读文章 >

下面我们具体看看这一期的干货：

1、免费图片转矢量素材在线工具 https://vectormaker.co/

这个名为 VectorMaker 的在线工具，可以使用 Potrace 算法将你的图片素材转化为矢量图形，导出为 SVG 格式的素材，不过由于算法本身的限制，色彩太过于繁复的图片可能会被转化为 Banksy 风格的路径，感兴趣的同学可以上手试试看。

2、高素质感恩节插画和 3D 矢量素材 https://iconscout.com/pages/thanksgiving-design-assets

依然是 IconScout 出品的 免费素材 合集，这次合集和之前他们出品的合集类似，涵盖了包括剪贴画、图标、矢量插画、3D 插画、Lottie 动画在内的各种素材，满足你在 感恩节 期间的各种的各种需求。

3、超好玩的多人协作网页 DIY 工具 https://poxi.page/

这是一个超级好玩的网页搭建工具，和传统的工具有所不同的，它提供一键更换配色，提供超多风格化、有趣的 Gif 图和小组件，方便你为网页赋予独特的风格，你甚至可以在多人协作的模式下，共通在页面中「玩出」个性。

4、基于设计师社区的 UX 词典 https://www.uxdictionary.io/

很多时候，即使对于专业的设计师，也没法把所有的 UI 和 UX 专业概念彻底说清楚，有时候甚至可能会误解，这个名为 UX 词典的东西，大概可以解决这方面的问题。UX 词典本身是基于社区而存在，无论是传统还是新兴的 UX 概念和词汇，都会有专业的设计师前来填补内容，提供解答，极具针对性。当然，主要的语言也是英文，不过你可以借助浏览器自带的翻译工具快速预览这些概念，了解和学习。

5、人工智能修图工具 Facet.ai https://facet.ai/

根据网站本身的介绍，这个名为 Facet.ai 的工具可以根据你的照片本身很的特征，来生成不同风格的设计成品，可以智能分层，灵活添加背景和装饰元素，工具本身提供很多风格化的处理建议，可以同时编辑多个照片，并且可以跨项目复用素材，可以多人协作，并且可以根据需求增删内容、色彩等，后续还会支持视频生成和剪辑，相当能打了。

6、多人协作式的 AI 绘图工具 https://www.kive.ai/canvas

基于机器学习和人工智能的绘图工具我们如今也是看了不少，其中很多会和如今常见的设计服务或者功能结合到一起，这回的 AI Canvas 干脆把多人协作的模式加入进来了，就像 Figma 和 Midjourney 的结合体，你可以试试和你的小伙伴一起试试。

7、无代码网页搭建平台 Bubble 组件库 https://bubble.io/blog/component-library/

和很多同类的工具一样，Bubble 提供一整套可以立刻马上上手的组件，通过快速妥拽来搭建布局，使用现成的模板和组件来构建网页产品，借助 Bubble 无需代码知识，从构想到落地，速度超快。

大家好，11 月的第 4 波设计干货合集来了！随着感恩节的临近，这一期的合集当中也添加了相应的素材，除此之外，还有有趣的网站 DIY 工具，有功能特别完善的在线网站组件库，有实用性特别强的图片转矢量工具，以及新的一波基于人工智能的设计工具，值得尝试，一定要看看。当然，在此之前记得看看往期干货中有没有你感兴趣的素材...

大家好，11 月的第 4 波设计 干货合集 来了！随着感恩节的临近，这一期的合集当中也添加了相应的素材，除此之外，还有有趣的网站 DIY 工具，有功能特别完善的在线网站组件库，有实用性特别强的图片转矢量工具，以及新的一波基于人工智能的设计工具，值得尝试，一定要看看。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第三波！2022年11月精选实用设计干货合集 大家好，11 月的第 3 波设计干货合集又来了！

阅读文章 >

下面我们具体看看这一期的干货：

1、免费图片转矢量素材在线工具 https://vectormaker.co/

这个名为 VectorMaker 的在线工具，可以使用 Potrace 算法将你的图片素材转化为矢量图形，导出为 SVG 格式的素材，不过由于算法本身的限制，色彩太过于繁复的图片可能会被转化为 Banksy 风格的路径，感兴趣的同学可以上手试试看。

2、高素质感恩节插画和 3D 矢量素材 https://iconscout.com/pages/thanksgiving-design-assets

依然是 IconScout 出品的 免费素材 合集，这次合集和之前他们出品的合集类似，涵盖了包括剪贴画、图标、矢量插画、3D 插画、Lottie 动画在内的各种素材，满足你在 感恩节 期间的各种的各种需求。

3、超好玩的多人协作网页 DIY 工具 https://poxi.page/

这是一个超级好玩的网页搭建工具，和传统的工具有所不同的，它提供一键更换配色，提供超多风格化、有趣的 Gif 图和小组件，方便你为网页赋予独特的风格，你甚至可以在多人协作的模式下，共通在页面中「玩出」个性。

4、基于设计师社区的 UX 词典 https://www.uxdictionary.io/

很多时候，即使对于专业的设计师，也没法把所有的 UI 和 UX 专业概念彻底说清楚，有时候甚至可能会误解，这个名为 UX 词典的东西，大概可以解决这方面的问题。UX 词典本身是基于社区而存在，无论是传统还是新兴的 UX 概念和词汇，都会有专业的设计师前来填补内容，提供解答，极具针对性。当然，主要的语言也是英文，不过你可以借助浏览器自带的翻译工具快速预览这些概念，了解和学习。

5、人工智能修图工具 Facet.ai https://facet.ai/

根据网站本身的介绍，这个名为 Facet.ai 的工具可以根据你的照片本身很的特征，来生成不同风格的设计成品，可以智能分层，灵活添加背景和装饰元素，工具本身提供很多风格化的处理建议，可以同时编辑多个照片，并且可以跨项目复用素材，可以多人协作，并且可以根据需求增删内容、色彩等，后续还会支持视频生成和剪辑，相当能打了。

6、多人协作式的 AI 绘图工具 https://www.kive.ai/canvas

基于机器学习和人工智能的绘图工具我们如今也是看了不少，其中很多会和如今常见的设计服务或者功能结合到一起，这回的 AI Canvas 干脆把多人协作的模式加入进来了，就像 Figma 和 Midjourney 的结合体，你可以试试和你的小伙伴一起试试。

7、无代码网页搭建平台 Bubble 组件库 https://bubble.io/blog/component-library/

和很多同类的工具一样，Bubble 提供一整套可以立刻马上上手的组件，通过快速妥拽来搭建布局，使用现成的模板和组件来构建网页产品，借助 Bubble 无需代码知识，从构想到落地，速度超快。

大家好，这里是和你们聊设计的花生~今天为大家推荐一个我最近发现的人像图片处理神器「toolkit」，它集一键抠图、添加图片特效、为动态效果，智能裁剪、压缩等多种功能于一体，非常适合日常有大量图片处理工作的小伙伴。免费无额度限制！超好用的在线抠图网站EXPERTE编者按：EXPERTE 是一个在线免费抠图网站，只需...

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

今天为大家推荐一个我最近发现的人像图片处理神器「toolkit」，它集一键抠图、添加图片特效、为动态效果，智能裁剪、压缩等多种功能于一体，非常适合日常有大量图片处理工作的小伙伴。

免费无额度限制！超好用的在线抠图网站EXPERTE 编者按：EXPERTE 是一个在线免费抠图网站，只需上传即可自动去除背景，除了效果好，也可以免费下载高画质的版本。

阅读文章 >

Toolkit 网址直达： https://toolkit.boolv.tech/background-remover

Toolkit 最实用的功能就是人像背景抠图。它对上传的图片没有尺寸及大小方面的限制，图片上传后系统自动识别主体并去除背景，对毛发等复杂的对象也有很好的抠图效果。网站还有背景添加功能，提供十几种预设背景，用户也可以自己上传本地图片作为背景。

使用方法：进入网站后，单击虚线框中间的区域上传本地图片，3 秒左右网站就会自动显示出抠图结果。将鼠标悬浮在已完成的抠图上，会弹出「edit」和「download」2 个选项。其中「edit」为编辑，里面提供画笔，可对已扣好的图像进行再次抠除或者恢复已被抠除的部分；「download」为下载。

除了抠图背景，Toolkit 的图片特效、图片动画和智能裁剪功能也值得一试，点击网页左上角的「Toolbox」就可以进入对于的功能页面。

1. 图片特效（Photo Effects & Filters）

Toolkit 内提供了三十多种特效滤镜，包括复古色调、黑白、晶格化、水彩、模糊等。点击顶部的虚线框区域可以跟换图片，将鼠标悬浮在图片上方会弹出下载按钮。

2. 图片动画（Photo Animation）

Toolkit 能为静态图片添加诸如雨窗、故障风、缩放、涟漪、抖动、暗化等 16 种动画效果，文件下载格式为 MP4。

想转换PDF/视频/图片的格式？收下这个在线免费神器！ 本文要介绍「TinyWow」是一个免费在线工具，首页明确标示「这是一个解决文件问题的工具」，使用者在 TinyWow 可以找到各种解决问题的功能，主要有 PDF、视频、图片、文件和其他工具，使用上也非常简单，选择要用的功能、将文件上传后就能进行处理，完全不用额外安装软件，不过要注意的是这

阅读文章 >

3. 智能裁剪（Image Resizer）

之所以说 Toolkit 的裁剪功能智能，是因为对于以人物主体的图片，当我们选取不同的裁剪尺寸时，它能自动将人物定位在画面的中央位置，然后裁去多余的部分，人物占画面的比例也正合适，不同我们一个个调整裁剪框。还可以锁定尺寸比例，对图片内容进行放大处理。

以上就是为大家推荐的多功能图片处理工具 Toolkit，它的优点包括：

免费在线工具，打开即用，上传下载图片无限制 集合一键抠图、添加特效、添加动效、智能裁剪、图片压缩等多种功能，使用方便 网址直达： https://toolkit.boolv.tech/filter

喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友 ~ 如果你有关于本文或者其他设计疑问，可以在评论区提出，我会第一时间为大家解答~

推荐阅读：

一个网站8种工具！一站式在线配色网站 Color Designer 大家好我是为你们推荐实用设计神器的花生~ 上一次为大家推荐了配色神器 ——Palettemaker，它能实时将生成的配色方案呈现在UI、插画、海报等设计模板上，让设计师对配色效果有直观的预览，以此调整完善配色方案。

阅读文章 >

27种特效一键生成！故障风生成神器Photomosh 大家好，这里是和大家一起进步的南清音~ 亲爱的小伙伴们，你们在日常的设计中有没有需要用到故障艺术风格的素材呀？

阅读文章 >

大家好，这里是和你们聊设计的花生~今天为大家推荐一个我最近发现的人像图片处理神器「toolkit」，它集一键抠图、添加图片特效、为动态效果，智能裁剪、压缩等多种功能于一体，非常适合日常有大量图片处理工作的小伙伴。免费无额度限制！超好用的在线抠图网站EXPERTE编者按：EXPERTE 是一个在线免费抠图网站，只需...

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

今天为大家推荐一个我最近发现的人像图片处理神器「toolkit」，它集一键抠图、添加图片特效、为动态效果，智能裁剪、压缩等多种功能于一体，非常适合日常有大量图片处理工作的小伙伴。

免费无额度限制！超好用的在线抠图网站EXPERTE 编者按：EXPERTE 是一个在线免费抠图网站，只需上传即可自动去除背景，除了效果好，也可以免费下载高画质的版本。

阅读文章 >

Toolkit 网址直达： https://toolkit.boolv.tech/background-remover

Toolkit 最实用的功能就是人像背景抠图。它对上传的图片没有尺寸及大小方面的限制，图片上传后系统自动识别主体并去除背景，对毛发等复杂的对象也有很好的抠图效果。网站还有背景添加功能，提供十几种预设背景，用户也可以自己上传本地图片作为背景。

使用方法：进入网站后，单击虚线框中间的区域上传本地图片，3 秒左右网站就会自动显示出抠图结果。将鼠标悬浮在已完成的抠图上，会弹出「edit」和「download」2 个选项。其中「edit」为编辑，里面提供画笔，可对已扣好的图像进行再次抠除或者恢复已被抠除的部分；「download」为下载。

除了抠图背景，Toolkit 的图片特效、图片动画和智能裁剪功能也值得一试，点击网页左上角的「Toolbox」就可以进入对于的功能页面。

1. 图片特效（Photo Effects & Filters）

Toolkit 内提供了三十多种特效滤镜，包括复古色调、黑白、晶格化、水彩、模糊等。点击顶部的虚线框区域可以跟换图片，将鼠标悬浮在图片上方会弹出下载按钮。

2. 图片动画（Photo Animation）

Toolkit 能为静态图片添加诸如雨窗、故障风、缩放、涟漪、抖动、暗化等 16 种动画效果，文件下载格式为 MP4。

想转换PDF/视频/图片的格式？收下这个在线免费神器！ 本文要介绍「TinyWow」是一个免费在线工具，首页明确标示「这是一个解决文件问题的工具」，使用者在 TinyWow 可以找到各种解决问题的功能，主要有 PDF、视频、图片、文件和其他工具，使用上也非常简单，选择要用的功能、将文件上传后就能进行处理，完全不用额外安装软件，不过要注意的是这

阅读文章 >

3. 智能裁剪（Image Resizer）

之所以说 Toolkit 的裁剪功能智能，是因为对于以人物主体的图片，当我们选取不同的裁剪尺寸时，它能自动将人物定位在画面的中央位置，然后裁去多余的部分，人物占画面的比例也正合适，不同我们一个个调整裁剪框。还可以锁定尺寸比例，对图片内容进行放大处理。

以上就是为大家推荐的多功能图片处理工具 Toolkit，它的优点包括：

免费在线工具，打开即用，上传下载图片无限制 集合一键抠图、添加特效、添加动效、智能裁剪、图片压缩等多种功能，使用方便 网址直达： https://toolkit.boolv.tech/filter

喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友 ~ 如果你有关于本文或者其他设计疑问，可以在评论区提出，我会第一时间为大家解答~

推荐阅读：

一个网站8种工具！一站式在线配色网站 Color Designer 大家好我是为你们推荐实用设计神器的花生~ 上一次为大家推荐了配色神器 ——Palettemaker，它能实时将生成的配色方案呈现在UI、插画、海报等设计模板上，让设计师对配色效果有直观的预览，以此调整完善配色方案。

阅读文章 >

27种特效一键生成！故障风生成神器Photomosh 大家好，这里是和大家一起进步的南清音~ 亲爱的小伙伴们，你们在日常的设计中有没有需要用到故障艺术风格的素材呀？

阅读文章 >

聊过太多国际范围内的视觉流行趋势，其中或多或少会缺少一些区域性的设计趋势，比如《黑豹》带起来的非洲未来主义设计风格，更多是在非裔设计师人群当中流行，在主流的设计趋势报告当中相对更少被提及。同样的，我们如今已然熟知的「国潮」类的视觉设计和产品设计，会在国际设计大奖当中偶尔瞥见，但是作为一种区域性的文化 + 设计的融...

聊过太多国际范围内的视觉流行趋势，其中或多或少会缺少一些区域性的设计趋势，比如《黑豹》带起来的非洲未来主义设计风格，更多是在非裔 设计师 人群当中流行，在主流的设计趋势报告当中相对更少被提及。

同样的，我们如今已然熟知的「国潮」类的视觉设计和产品设计，会在国际设计大奖当中偶尔瞥见，但是作为一种区域性的文化 + 设计的融合产物，它也很少在国际范围内的趋势报告中出现。

但是不可忽视的是，在中国这个「区域市场」上，国潮已经在过去数十年的发展中，历经了几轮迭代，如今已经成为一种延伸到诸多产品品类的成熟设计风尚。

传统文化和现代生活的结合，生成了一个奇异的分野，这就是国潮。国潮是一个巧妙的双关，是对传统的现代化改造，也是对潮流的传统化解读。

52toys 超活化 系列

在谈国潮现状之前，先简单回顾一下属于国潮的前10年。

十年进化，国货 → 国风 → 国潮 十年前， 对于「新国货」的提法就已经开始多起来了，强调中国品牌、中国制造、中国创造的国货和快速崛起的移动互联网交织在一起，欣欣向荣。

与此同时，在文化领域内，年轻人对于国风的青睐，围绕着汉服、动漫、广播剧、Cosplay 等内容核心，随着贴吧、B站、QQ群等渠道构建各自的亚文化群体，而各种文创和周边也开始规模化地铺开普及。

经过接近 5 年的酝酿和发酵，国风渗入国货，亚文化破圈，潮流文化、传统文化、现代生活、怀旧精神，开始汇聚于「国潮」。

2018 年李宁以「悟道」为主题，在纽约时装周推出系列服饰，带有强烈 90 年代怀旧元素，又融合了当下街头潮流的设计，不仅为世界呈现了东方美学， 更是彻底勾起了国人的情怀，并且为同时代正在「老去」的品牌，指明走向第二春的新路线。更重要的是，国潮的风尚，水到渠成。

国潮正当红。

「国潮」为何正当红？ 随着夏天的结束，今年的《中国新说唱》决赛录制已完成，正片播放也已接近尾声。

阅读文章 >

老字号的新设计，很多旧有品牌是享受到了国潮第一波红利。裹挟着旧时代的情怀，用旧元素搭配新包装二次改造，顺理成章地抓住。

但是紧随其后，市场和用户对于国潮提出了更高的要求，而想要保持增长的品牌和系列产品，则开始加入系统化的品牌运营，联名设计出现的比例更高，科技企业也开始在这个新风尚之下，开拓属于自己的产品线。

《上新了，故宫》

国潮始于亚文化，而随着市场和产品的繁荣发展，又开始反哺主流文化。《中国诗词大会》《上新了，故宫》 让诗词、文物以全新的姿态重新进入大众娱乐，而《中国制造的店》这类综艺，则很好地让明星加入进来，扩大了国潮的话题属性。

其中出圈频次最高的是河南卫视的节目和视频内容，《端午奇妙游》《重阳奇妙游》、《洛神水赋》、《龙门金刚》 这些作品将高高在上的「传统艺术」以更贴近当代观众的形式呈现出来，以水下拍摄赋予传统舞蹈飘逸，用摇滚来反衬老年人的生机，另辟蹊径妙趣横生，自此也有网友戏称河南卫视「下凡辛苦了」。

如你所见，国潮既是成就产品拓宽市场的秘诀，同时在各个方面也有着超越以往的更高要求。

让数据持续走高的国潮设计 实际的数据最优说服力。

根据百度的统计，从 2011 年到 2021 年的 10年时间里，通过搜索引擎搜索「国潮」的数量翻了 5 倍多，这在很大程度上反映了国潮在普遍认知度上的根本改变：

而来自百度的同一份报告还统计了从 2021 年到 2022 年间国潮相关内容的关注者主体为 90 后和 00 后，两者占据了总体的四分之三：

相应的，从2016 年到 2021 年这 5 年间，用户对于国货的关注度的分布比例，也发生了根本性的逆转：

而作为国内潮玩和潮流商品分享和销售平台的得物，在今年发布的《国潮品牌年轻消费者洞察报告》当中，则给出了一些更加深入的数据参考。

根据 得物 APP 2020 年的运营数据，平台发售的国潮新品数量增长了 8 倍，年轻用户对于国潮商品的消费热度增长了 10 倍：

在得物的总体统计数据当中，00 后 和 90 后作为绝对主力，贡献了 74% 国潮消费，而在单得物 APP 当中，这两个群体贡献的销售额直接飙升到 84%，这和平台本身的用户群体有关系，但是总体上和百度的统计数据是对的上的。

而国潮产品本身的消费者分布，也从侧面印证了「得年轻人得天下的说法」。

国潮的 5 个核心需求点 根据新华睿思的调研，作为潮流商品的主要消费者的年轻用户，对产品的品质、外观、科技、情感和文化 5 个方面都有着新的需求，而正是这 5 个切入点让国潮有了全面而系统的拓展空间。而正是基于这样的需求，使得如今的 国潮设计 从 构想到落地的整个模式，发生了根本性的改变。

这种转变在于，早期自上而下的国潮产品研发，在如今人群垂直需求多样化的情形下，演变成为品牌和 用户协同共创的模式，品牌不仅要在传统文化、工艺的基础上探索，而且还需要和乐于表达、热衷讨论的年轻人沟通，听取社区的建议和想法之后，再选择合理的落地方案，而唯有这样，才有可能在品质和科技达标的前提下，再在外观、情感和文化上去贴合国潮用户，在 SKU 上满足市场和用户的需求。

对于「国潮」属性的要求 正是基于年轻用户对于 国潮产品的 5 个需求点，可以从侧面推断出，他们对于当下国潮产品的特征属性要求，不会低。

艾瑞咨询在今年 2 月出具的《艾瑞观潮》的国潮调研报告当中，可以清晰的地看到年轻用户对于当前国潮产品的认知里，中国风的设计 是必须的，潮流设计和审美属性也是必须的，对于原创同样有着极高的要求：

这种要求，可以说是将过去简单加入中国风元素的做法给淘汰掉了。这一点在在朴睿铂尔的《2021 奢侈品营销启示录》的调研结果当中，同样有体现：

「接近一半的受访者认为国潮是一种趋势，且期待国内品牌会越来越好；同时，有3成受访者认为，国潮不应该只是简单的“中国风”或“中华传统元素”，而是创造代表中国文化的本土潮流品牌。另有 16%的受访者认为，目前部分国潮品牌缺少自己独特的设计，仍在模仿大牌。」

国潮产品的品类和元素 时至今日， 说是「万物皆可国潮」已经不为过，但是用户主要关注的国潮产品品类还是分个三六九等的。

根据《艾瑞观潮》的数据调研，目前排名前十的产品品类基本都是功能性较强的品类， 潮流服饰、鞋、包、数码、潮玩、游戏、美妆，这几个用户日常关注度较高的品类在诸多产品品类中脱颖而出本身不奇怪，其中服装、鞋、数码、美妆、潮玩等本身在功能性之外，本身就已经发展出各自的亚文化和二级市场，国潮附加其上也顺理成章。

调研指出，男性 关注度较高的品类是潮玩、家具、游戏，而女性关注度较高的则是美妆、服饰、文具等品类，而按照年龄细分的话，30 岁以内用户对于游戏、电影、音乐的关注度是高于总体的。

而附加在产品上的典型中国风元素同样非常重要。典型的传统工艺、经典角色、标志性的传统建筑、地域性的文化，都可以经过合理的改造，被国潮化。

而这还涉及到很多调研报告中相对较少涉及到的一个品类，国潮旅游。很多涉及传统文化的景点、博物馆和国潮有着天然的连接点，相应的文创产品也特别容易出圈。 根据马蜂窝出品的《2021 年旅游新国潮大数据报告》，国潮旅游的主力军依然和之前报告的人群特征 高度贴合：

也不止是博物馆，商业综合体甚至很多城市也都可以经过国潮化的创作，以契合自身的方式来呈现独特的文化风貌。

大唐不夜城插画 作者吴尧

「活的」国潮，「厚的」国潮 河南卫视的「下凡」其实做了一个相当成功的演示。国潮理应告别拼贴，它应该是「活的」，而且还得「厚实」。

52Toys 超活化系列

「活的」有很多种解释方式，接地气，有趣味，有态度，卖萌的等等，传统文化艺术在很多时候呈现出来的「高雅」和「古典」，在很大程度上把这些文化要素、视觉内容高高地「端」了上去，但是和潮流设计中的解构技巧，巧妙的情绪输出，则将这些预期之内的「高雅」冲调成一杯口味独特的鸡尾酒，口感更为丰富，情绪和可供探索的层次更多，这种「冲突感」和「反差萌」是很多国潮文创产品调和古今的绝招。

让国潮产品不会成为缝合怪的另外一个要点，是要让它「厚」起来。花费时间和精力去琢磨传统文化背后的厚实的底蕴，在理应尊重历史和时间的地方认真打磨，在现代的生活里反刍生活和情绪本身，慎重地选择两者的结合点，用心打磨过后的创意是可以被感知到的。

武当山上 流传几百年的图案和纹理是实打实的文化传承，在数字化的技术再现之后做二次创作，用潮流化的形式感来呈现，摩登和古雅的调和后又有了新的生命力，你看得出来设计者的用心。

对于设计师而言，国潮是一个大命题，是一个需要投入时间也能得到持续回馈的方向。而这门优设联合知名 国潮插画 师吴尧出品的课程，仅需一顿小烧烤的价钱，就能得到长达33小时的高浓缩干货！

课程原价 169 元， 新课特惠价仅需 119 元！

活动结束立刻恢复原价！

移动端扫码报名，网页端右戳报名 ? https://pro.uisdc.com/detail/p_63721058e4b0edc794f4db37/6

聊过太多国际范围内的视觉流行趋势，其中或多或少会缺少一些区域性的设计趋势，比如《黑豹》带起来的非洲未来主义设计风格，更多是在非裔设计师人群当中流行，在主流的设计趋势报告当中相对更少被提及。同样的，我们如今已然熟知的「国潮」类的视觉设计和产品设计，会在国际设计大奖当中偶尔瞥见，但是作为一种区域性的文化 + 设计的融...

聊过太多国际范围内的视觉流行趋势，其中或多或少会缺少一些区域性的设计趋势，比如《黑豹》带起来的非洲未来主义设计风格，更多是在非裔 设计师 人群当中流行，在主流的设计趋势报告当中相对更少被提及。

同样的，我们如今已然熟知的「国潮」类的视觉设计和产品设计，会在国际设计大奖当中偶尔瞥见，但是作为一种区域性的文化 + 设计的融合产物，它也很少在国际范围内的趋势报告中出现。

但是不可忽视的是，在中国这个「区域市场」上，国潮已经在过去数十年的发展中，历经了几轮迭代，如今已经成为一种延伸到诸多产品品类的成熟设计风尚。

传统文化和现代生活的结合，生成了一个奇异的分野，这就是国潮。国潮是一个巧妙的双关，是对传统的现代化改造，也是对潮流的传统化解读。

52toys 超活化 系列

在谈国潮现状之前，先简单回顾一下属于国潮的前10年。

十年进化，国货 → 国风 → 国潮 十年前， 对于「新国货」的提法就已经开始多起来了，强调中国品牌、中国制造、中国创造的国货和快速崛起的移动互联网交织在一起，欣欣向荣。

与此同时，在文化领域内，年轻人对于国风的青睐，围绕着汉服、动漫、广播剧、Cosplay 等内容核心，随着贴吧、B站、QQ群等渠道构建各自的亚文化群体，而各种文创和周边也开始规模化地铺开普及。

经过接近 5 年的酝酿和发酵，国风渗入国货，亚文化破圈，潮流文化、传统文化、现代生活、怀旧精神，开始汇聚于「国潮」。

2018 年李宁以「悟道」为主题，在纽约时装周推出系列服饰，带有强烈 90 年代怀旧元素，又融合了当下街头潮流的设计，不仅为世界呈现了东方美学， 更是彻底勾起了国人的情怀，并且为同时代正在「老去」的品牌，指明走向第二春的新路线。更重要的是，国潮的风尚，水到渠成。

国潮正当红。

「国潮」为何正当红？ 随着夏天的结束，今年的《中国新说唱》决赛录制已完成，正片播放也已接近尾声。

阅读文章 >

老字号的新设计，很多旧有品牌是享受到了国潮第一波红利。裹挟着旧时代的情怀，用旧元素搭配新包装二次改造，顺理成章地抓住。

但是紧随其后，市场和用户对于国潮提出了更高的要求，而想要保持增长的品牌和系列产品，则开始加入系统化的品牌运营，联名设计出现的比例更高，科技企业也开始在这个新风尚之下，开拓属于自己的产品线。

《上新了，故宫》

国潮始于亚文化，而随着市场和产品的繁荣发展，又开始反哺主流文化。《中国诗词大会》《上新了，故宫》 让诗词、文物以全新的姿态重新进入大众娱乐，而《中国制造的店》这类综艺，则很好地让明星加入进来，扩大了国潮的话题属性。

其中出圈频次最高的是河南卫视的节目和视频内容，《端午奇妙游》《重阳奇妙游》、《洛神水赋》、《龙门金刚》 这些作品将高高在上的「传统艺术」以更贴近当代观众的形式呈现出来，以水下拍摄赋予传统舞蹈飘逸，用摇滚来反衬老年人的生机，另辟蹊径妙趣横生，自此也有网友戏称河南卫视「下凡辛苦了」。

如你所见，国潮既是成就产品拓宽市场的秘诀，同时在各个方面也有着超越以往的更高要求。

让数据持续走高的国潮设计 实际的数据最优说服力。

根据百度的统计，从 2011 年到 2021 年的 10年时间里，通过搜索引擎搜索「国潮」的数量翻了 5 倍多，这在很大程度上反映了国潮在普遍认知度上的根本改变：

而来自百度的同一份报告还统计了从 2021 年到 2022 年间国潮相关内容的关注者主体为 90 后和 00 后，两者占据了总体的四分之三：

相应的，从2016 年到 2021 年这 5 年间，用户对于国货的关注度的分布比例，也发生了根本性的逆转：

而作为国内潮玩和潮流商品分享和销售平台的得物，在今年发布的《国潮品牌年轻消费者洞察报告》当中，则给出了一些更加深入的数据参考。

根据 得物 APP 2020 年的运营数据，平台发售的国潮新品数量增长了 8 倍，年轻用户对于国潮商品的消费热度增长了 10 倍：

在得物的总体统计数据当中，00 后 和 90 后作为绝对主力，贡献了 74% 国潮消费，而在单得物 APP 当中，这两个群体贡献的销售额直接飙升到 84%，这和平台本身的用户群体有关系，但是总体上和百度的统计数据是对的上的。

而国潮产品本身的消费者分布，也从侧面印证了「得年轻人得天下的说法」。

国潮的 5 个核心需求点 根据新华睿思的调研，作为潮流商品的主要消费者的年轻用户，对产品的品质、外观、科技、情感和文化 5 个方面都有着新的需求，而正是这 5 个切入点让国潮有了全面而系统的拓展空间。而正是基于这样的需求，使得如今的 国潮设计 从 构想到落地的整个模式，发生了根本性的改变。

这种转变在于，早期自上而下的国潮产品研发，在如今人群垂直需求多样化的情形下，演变成为品牌和 用户协同共创的模式，品牌不仅要在传统文化、工艺的基础上探索，而且还需要和乐于表达、热衷讨论的年轻人沟通，听取社区的建议和想法之后，再选择合理的落地方案，而唯有这样，才有可能在品质和科技达标的前提下，再在外观、情感和文化上去贴合国潮用户，在 SKU 上满足市场和用户的需求。

对于「国潮」属性的要求 正是基于年轻用户对于 国潮产品的 5 个需求点，可以从侧面推断出，他们对于当下国潮产品的特征属性要求，不会低。

艾瑞咨询在今年 2 月出具的《艾瑞观潮》的国潮调研报告当中，可以清晰的地看到年轻用户对于当前国潮产品的认知里，中国风的设计 是必须的，潮流设计和审美属性也是必须的，对于原创同样有着极高的要求：

这种要求，可以说是将过去简单加入中国风元素的做法给淘汰掉了。这一点在在朴睿铂尔的《2021 奢侈品营销启示录》的调研结果当中，同样有体现：

「接近一半的受访者认为国潮是一种趋势，且期待国内品牌会越来越好；同时，有3成受访者认为，国潮不应该只是简单的“中国风”或“中华传统元素”，而是创造代表中国文化的本土潮流品牌。另有 16%的受访者认为，目前部分国潮品牌缺少自己独特的设计，仍在模仿大牌。」

国潮产品的品类和元素 时至今日， 说是「万物皆可国潮」已经不为过，但是用户主要关注的国潮产品品类还是分个三六九等的。

根据《艾瑞观潮》的数据调研，目前排名前十的产品品类基本都是功能性较强的品类， 潮流服饰、鞋、包、数码、潮玩、游戏、美妆，这几个用户日常关注度较高的品类在诸多产品品类中脱颖而出本身不奇怪，其中服装、鞋、数码、美妆、潮玩等本身在功能性之外，本身就已经发展出各自的亚文化和二级市场，国潮附加其上也顺理成章。

调研指出，男性 关注度较高的品类是潮玩、家具、游戏，而女性关注度较高的则是美妆、服饰、文具等品类，而按照年龄细分的话，30 岁以内用户对于游戏、电影、音乐的关注度是高于总体的。

而附加在产品上的典型中国风元素同样非常重要。典型的传统工艺、经典角色、标志性的传统建筑、地域性的文化，都可以经过合理的改造，被国潮化。

而这还涉及到很多调研报告中相对较少涉及到的一个品类，国潮旅游。很多涉及传统文化的景点、博物馆和国潮有着天然的连接点，相应的文创产品也特别容易出圈。 根据马蜂窝出品的《2021 年旅游新国潮大数据报告》，国潮旅游的主力军依然和之前报告的人群特征 高度贴合：

也不止是博物馆，商业综合体甚至很多城市也都可以经过国潮化的创作，以契合自身的方式来呈现独特的文化风貌。

大唐不夜城插画 作者吴尧

「活的」国潮，「厚的」国潮 河南卫视的「下凡」其实做了一个相当成功的演示。国潮理应告别拼贴，它应该是「活的」，而且还得「厚实」。

52Toys 超活化系列

「活的」有很多种解释方式，接地气，有趣味，有态度，卖萌的等等，传统文化艺术在很多时候呈现出来的「高雅」和「古典」，在很大程度上把这些文化要素、视觉内容高高地「端」了上去，但是和潮流设计中的解构技巧，巧妙的情绪输出，则将这些预期之内的「高雅」冲调成一杯口味独特的鸡尾酒，口感更为丰富，情绪和可供探索的层次更多，这种「冲突感」和「反差萌」是很多国潮文创产品调和古今的绝招。

让国潮产品不会成为缝合怪的另外一个要点，是要让它「厚」起来。花费时间和精力去琢磨传统文化背后的厚实的底蕴，在理应尊重历史和时间的地方认真打磨，在现代的生活里反刍生活和情绪本身，慎重地选择两者的结合点，用心打磨过后的创意是可以被感知到的。

武当山上 流传几百年的图案和纹理是实打实的文化传承，在数字化的技术再现之后做二次创作，用潮流化的形式感来呈现，摩登和古雅的调和后又有了新的生命力，你看得出来设计者的用心。

对于设计师而言，国潮是一个大命题，是一个需要投入时间也能得到持续回馈的方向。而这门优设联合知名 国潮插画 师吴尧出品的课程，仅需一顿小烧烤的价钱，就能得到长达33小时的高浓缩干货！

课程原价 169 元， 新课特惠价仅需 119 元！

活动结束立刻恢复原价！

移动端扫码报名，网页端右戳报名 ? https://pro.uisdc.com/detail/p_63721058e4b0edc794f4db37/6

之前给团队招人面试，发现很多设计师朋友在回答「这里为什么这么设计」时，基本都从好看、美观的角度来解释。这个维度是很重要，但这种主观的决策依据，不仅和用户、业务诉求断层，也很难让我们的设计站稳脚跟，让对方信服。所以，每一处细节背后的设计思路就变得尤为重要。

之前给团队招人面试，发现很多设计师朋友在回答「这里为什么这么设计」时，基本都从好看、美观的角度来解释。

这个维度是很重要，但这种主观的决策依据，不仅和用户、业务诉求断层，也很难让我们的设计站稳脚跟，让对方信服。所以，每一处细节背后的设计思路就变得尤为重要。

我们在做日常需求时，也可以通过不断的自问「为什么」来寻找支撑。比如我之前做的「搜索历史」的需求，看似一个非常简单的功能，但当我自问这么设计的支撑依据时，却很难说出口。

所以，我花了些时间挖掘它背后的逻辑，并将思考过程和成果沉淀成文，希望这些内容能给你带来帮助和启发~

一、关于搜索历史 尼尔森前辈在他的十大可用性原则中明确建议，在设计中需要将用户以往的历史行为呈现给用户，以此来减少用户的记忆负担。

用超多案例，帮你掌握尼尔森十大可用性原则 尼尔森设计原则是人机交互学博士 Jakob Nielsen 于 1995 年发表的“十大可用性原则”。

阅读文章 >

搜索历史功能就是一个典型，它和播放器的历史跳转功能、转账的历史账户功能一样，本质都是为了减少用户的记忆成本而存在。

但搜索历史该如何设计布局呢？

二、搜索历史的三类布局 我搜集了各行业 21 个竞品，发现搜索历史的布局大概可以归纳为以下三类

1. 自适应布局

简单说，就是容器的宽度跟随内容的变化而变化，而 padding（块内间距）保持固定。

所有竞品当中，以下这三类产品的搜索历史，全部使用了自适应布局（考虑到篇幅原因只放部分截图）

① 电商类

淘宝、考拉、京东、闲鱼、天猫、pdd，这些产品的搜索历史普遍使用了自适应布局。

② 生活服务类

美团、饿了么这类生活服务类平台，全部是自适应。

③ 内容类

包含各种短视频类、资讯类、音频类的内容产品。比如网易新闻、腾讯新闻、喜马拉雅、简书、荔枝、小红书。它们的历史记录也全部是自适应。

优点

大幅节省空间提升屏效，同等面积可容纳更多的记录； 全圆角胶囊形式增强了点击感；（关于圆角对点击行为引导的理论依据，可参考以下这篇按钮文章 胶囊聚合的形式让信息层级更明确和聚焦

万字干货！3个维度帮你有理有据做好CTA按钮设计 任何设计师都曾经与 CTA 按钮打过交道。

阅读文章 >

缺点

面积不一致下的布局，在垂直方向无对齐关系，迫使动线水平迁移，查找和区分效率低； 面积不一致，直接导致了点击体验的不一致； 历史词数量较多时，无序混乱感较强 2. 双列布局

使用这种布局的竞品不多，头条、百度、知乎和西瓜，都使用了双列布局。

优点

一家人就得整整齐齐嘛，相比自适应，双列布局视觉秩序感高，在数量较多时也不会产生混乱感； 明确的对齐关系，引导动线垂直扫视，查找和区分效率高； 每个搜索词占据近半屏的空间，面积足够，点击体验爽歪歪； 所有搜索词点击体验一致 缺点

搜索词限定了固定宽度，空间利用率较低、屏效较低，这一问题在搜索词字符宽度很少时尤为明显； 因为容器的缺失，信息聚焦性和层次明确性不如胶囊 3. 单列布局

与我们浏览器产品对标的行业内竞品中，并未出现过单列布局。

但有意思的是，这种布局存在于一些典型的社交型应用中，比如前年 9 月份全量上线搜一搜功能的 微信 、再比如 qq 和微博，都是单列。另外，抖音的搜索历史也是单列布局。

优点

搜索词列表式排开，秩序感高，较多数量时无混乱感； 每个搜索词占据全屏宽度，面积宽阔，点击体验那是相当得爽； 所有搜索词点击体验一致化； 空间足够，删除的操作可直接外显前置，减少删除操作成本 缺点

限定了全屏固定宽度，空间利用率贼低，屏效贼低； 信息聚焦性和层次明确性不如胶囊 到这里，可能你跟我有一样的困惑。一个简单的搜索历史，为什么不同的产品使用了不同的布局？布局和产品本身有哪些关系？到底什么情况下适合自适应？什么情况适合双列？什么情况适合单列？

别忽略它们，把所有困惑列下来，然后尝试各种办法去思考，去解决。多问为什么，是培养设计师洞察力的绝佳手段。

首先，任何表现层的设计手段归根结底都可源自两类诉求：业务诉求和用户诉求。搜索历史偏向用户侧的体验，这里我选择从用户进行切入，也许可以发现一些东西。

三、关于用户分层 体验设计 中有个概念叫用户分层，即便是同一个页面，我们也需要去细分不同的场景对用户做分层，为不同的用户做设计。

比如很多产品的首页，之所以普遍是“搜索+品类+推荐”结构，也是基于用户分层的设计。

用户来到首页后，可以大致分为浏览型和目的型两类。前者没有明确目标，随便逛逛，因此产品可以通过算法进行模块化精准推荐；后者有明确的目的，知道自己想要什么，因此产品可以通过提供搜索和品类入口，帮助这类用户定点查找。

而目的型用户在进行了搜索这个行为后，便生成了搜索历史。因此，我们可以通过挖掘用户搜索行为背后的目的，来分析为什么使用不同的布局。

四、搜索行为背后的目的 我发现用户进行搜索时的目的，大概可以细分为以下三大类：购买决策型、内容消费型和答疑解惑型。

1. 购买决策

这类动机的用户基于自身对某类物品、服务进行购买的动机，产生了搜索的行为。

比如我想去点个外卖、买个衣服。这里的第一步，就是去搜索，筛选出符合我预期的内容。

① 搜索内容

通常是某类具象的名词，比如粥、火锅、串串香、球鞋等，或者店铺名。

② 对应产品

所有的电商类、生活服务类的应用，如淘宝、京东、美团、饿了么等等。

③ 布局分析

我发现这类产品基本全使用了自适应布局，为什么呢？

购买决策型的搜索内容基本对应了具象名词，通常字符数较少。所以采用自适应能够保证极高的空间利用率。如果采用双列或者单列的布局，会存在明显的空间浪费、降低屏效、影响其他内容的曝光。

购买决策型的用户，场景上偏高愉悦场景。高愉悦场景下，我们更倾向于“浪费”时间。

比如我们在点外卖、刷淘宝，猎物酬赏往往会让我们沉浸其中不可自拔，忘记时间的存在，等意识过来时，发现已经过去大半个小时。（这里的猎物酬赏即我们在搜寻过程中接触到的源源不断的有价值的信息，关于上瘾模型可以看这篇文章：

万字读书笔记！产品设计宝典《上瘾》全面解读！（上） 为什么人们每天都会刷朋友圈、刷抖音，而且一刷就是几个小时，根本停不下来？

阅读文章 >

万字读书笔记！产品设计宝典《上瘾》全面解读（下） 《上瘾》这本书从大量的实验案例调研中，总结出那些让用户上瘾的产品设计原则，最后提炼出了一个让用户上瘾的模型，读完以后，真的恍然大悟，原来习惯类的产品需要这么设计。

阅读文章 >

映射到现实生活中，就好像我们平日里去琳琅满目的商场、超市购物，有充足的时间慢慢得精挑细选、货比三家。

所以，购买决策型的搜索场景不会追求高效，用户对历史词快速查找和使用的诉求相对较低。即便自适应布局降低了效率，负面影响偏低。

2. 答疑解惑

这一类内容基于用户对某类问题的解决诉求。

① 搜索内容

通常以 5w1h 的句式呈现，比如「南京公积金怎么提取」、「凡尔赛是什么意思」、「为什么会失眠」等等。

② 对应产品

浏览器产品、知乎

③ 布局分析

这类产品为什么基本都使用了双列布局？

搜索词通常遵循 5w1h 类型，字符往往较长（包含搜索联想词） 答疑解惑型的搜索内容，通常对应着用户背后遭遇的问题，没有人希望自己的生活被问题填充和缠绕，所以绝大多数的问题，背后都裹挟了「我想尽快解决！」的诉求。 因为从场景愉悦度上来看，这类场景对应着低或中愉悦场景。此时，用户对时间的敏感度高，倾向于追求高效、节约时间。（当我们去尝试解决一个现有痛点、难题、困惑时，本能得渴望减少耗时）

并且，如果问题一直无法得到解决，较易出现急切，沮丧，挫败等负面情绪，所以，我们会经常基于之前输入的历史词进行反复的修正和尝试，直至耐心消失殆尽。

而双列这种稳如老狗的布局，以垂直动线加速用户对历史词的的查找使用（数量较多时也不会出现混乱感），足够高效。而且，足够的空间也符合较长的字符宽度。因此双列布局是答疑解惑型搜索的不二之选。

绝大多数的浏览器产品，都采用了双列这一布局。因为浏览器给用户解决问题的属性已经深入心智，根据搜集的一些用研资料，答疑解惑型搜索在浏览器中也占据了最高的比例。知乎虽是内容型产品，但主要功能也给用户是答疑解惑，因此也采用了双列的布局。

看到这里，你可能会问，单列也满足条件啊，为什么很少看到单列的？没错，单列布局虽然也能符合这些要求，但是，它最大的缺陷就是：太特么占空间了。

同等面积下，双列能显示 12 个历史词，单列只能显示一半。最关键的是，产品还需要通过加塞实时热搜、搜索热榜这些玩意儿盈利。所以，商业价值的驱使下，单列布局的场景基本很少。

3. 内容消费

这一类型的动机基于对某类内容的消费动机。

① 搜索内容

通常是某类抽象名词，比如某某话题、某某事件、某某资源等等，它们通常对应着内容创作者。

比如「王思聪土味情话」、「建党一百周年」、「苏州酒店坍塌事故」等等。

② 对应产品

主要为内容、社交型产品，比如各类新闻资讯、短视频类产品、简书、喜马拉雅、微博、微信（搜一搜）等等。

③ 布局分析

这类产品的布局基本会有两类，一类是自适应，另一类是单列。

内容消费和购买决策本质上都属于“消费”范畴，只不过前者是内容、后者是需要付费的实物。它和购买决策一样，都属于高愉悦场景，而且由于内容的即时性和形式的多变性，引起的愉悦感往往要更加强烈。所以，自适应同样是合理的布局。

但是单列布局呢？

前面有说过，单列布局的体验比肩甚至优于双列，但最明显的缺憾就是太占空间，而空间向来是业务的必争之地。因此，单列布局的使用场景和具体业务相关。

比如业务需要确保其他搜索模块（如热搜、个性化搜索推送等）的曝光，那么是否可以允许这些搜索模块前置，让搜索历史作为一个单独页面，触发搜索框的聚焦后，和软键盘同步唤起。比如微信和 qq。

再比如是否允许减少历史词露出数，来达到搜索模块和历史词共处一页的目的，减少跳转，比如微博和抖音。

五、使用场景总结 1. 自适应布局

适用于购买决策型、或者内容消费型的搜索场景，此类场景下搜索词较短，且用户对历史词快速查找和使用的诉求相对较低。常见于电商、生活服务类产品。

2. 双列布局

双列布局，适用于答疑解惑型的搜索场景，此类场景下搜索词较长，且用户对历史词快速查找和使用的诉求较高。常见于浏览器产品，或者知识问答类产品。

3. 单列布局

单列布局，适用于内容消费型的搜索场景，此类场景下搜索词较长，因占据较多空间，需要视具体业务情况使用。

最后 以上，就是「搜索历史」在不同使用场景下的研究。

其实，不论是多小的细节，我们设计师都可以基于用户和产品两类角度，通过不断得自问「为什么？」，来挖掘背后的逻辑，以让我们的设计有理有据。不但帮助我们更顺利得过稿，也可以提升我们的洞察力和专业水准~

希望这篇干货对你有所帮助。

欢迎关注作者微信公众号：「Andrew的设计笔记」

大家好，这里是和你们聊设计的花生~不知不觉就到11月底了，大家是不是都开始准备圣诞节的设计物料了？我最近也狂看了一波与圣诞节相关的设计灵感，发现其中出现频率极高的一个元素就是「圣诞树」。虽然很多设计中都选择了这一元素作为主视觉，但呈现方式却各不相同，其中一些设计思路创意十足，令人惊喜。

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

不知不觉就到11月底了，大家是不是都开始准备圣诞节的设计物料了？我最近也狂看了一波与圣诞节相关的设计灵感，发现其中出现频率极高的一个元素就是「圣诞树」。虽然很多设计中都选择了这一元素作为主视觉，但呈现方式却各不相同，其中一些设计思路创意十足，令人惊喜。

今天就和大家分享我收集的一些有关圣诞树的创意设计灵感，其呈现方式大体可以分为4类，都是非常经典实用的设计方法，大家了解后就能很快地用到自己设计之中。

1）同构置换 同构是 平面设计 中最常用的创意技巧之一，即将两种或两种以上元素或造型按照一定规律进行系统化地组合、拼接或者置换，产生新的视觉效果和含义。

同构在平面设计中的应用，图片来源于Pinterest

这种创意技法在有关圣诞节的设计中经常被使用，常常是用另外一种的元素替换掉圣诞树原本的枝叶细节，但是整体造型看起来仍然圣诞树。这种方法尤其适用品牌节日借势海报，将自己的产品特征与圣诞树的造型结合起来，形成全新的视角，给用户带来惊喜。比如用各种餐具或化妆品有规律地排列成圣诞树的形状；或者在一块切好的三角形披萨顶部放一颗星星，看起来也是也像一颗圣诞树。

2）巧用负形 如果说同构置换是在圣诞树的正形上探索创意的多样性，那巧用负形就是在思维上的反其道而行——将树形的内部空间留白，利用边缘及周边区域塑造出圣诞的氛围。这种方法在造型上要比同构置换简单一些，创意效果却依然出众，达到了四两拨千斤的效果。

用118张案例，讲透海报设计同构的13种表现形式 平面海报设计创意中的同构设计是什么？

阅读文章 >

3）简化抽象 如果你没有高质量的摄影素材，也不会的手绘，那么将圣诞树的形象简化，用抽象的几何立体或者块面进行概括，也能得到不错的效果。这种方式需要 设计师 掌握一些特效设计技巧，比如利用3D建模设计出效果别致的立体元素，或者用Ai/Ps里的功能营造立体空间感/层次感等。使用这种设计思路，设计整体效果会更加丰富多样，在版式编排中的灵活性也会更高。

超全整理！不会3D软件也能做的8种立体效果（附教程） 大家好，这里是和你聊设计的花生~ 3D 元素在设计中应用广泛，但 3D 软件的学习门槛并不低。

阅读文章 >

4）符号化 放弃对圣诞树真实细节的模拟，大胆使用点、线、面将其“符号化”，依旧能轻松让观者接受到有关圣诞节的信息。这种情况下“圣诞树”代表的概念更广泛，设计效果也偏现代极简。虽然看起来简单，却也非常考验设计师在元素构成和 版式设计 上的功力。

以上就是今天为大家推荐的4种有关圣诞节海报的创意设计方法，其实这些设计方法除了用在圣诞节上，也可以扩展运用到其他设计主题和设计元素上，关键在于大家有没有真的熟练掌握背后的设计思路。喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友 ~ 如果你有关于本文或者其他设计疑问，可以在评论区提出，我会第一时间为大家解答~

推荐阅读：

字效海报设计怎么做？3个案例教会你！ 说到海报设计中的字效视觉，最好表现的就是立体感了，那我们今天就来分享以下 3 种不同的字效案例做法。

阅读文章 >

案例超多！15种海报版式设计的创意形式 版式设计是设计师的必修课，研究再多都不为过，今天鱼先生继续与大家分享，关于版式设计的 15 种实用的版式设计创意术，干货系列~ 本文方法适用于所有版式设计的应用，比如常见的海报设计、画册设计、KV 设计等。

阅读文章 >