Hi，我是彩云。设计趋势年年在变，设计技能也在不断更新，但回到本源，底层的理论知识是不会变的。我自己几乎每年还会翻看一些讲设计基础的书，比如《写给大家看的设计书》之类的，会发现这些原理每次看都会有新的收获。随着工作年数增加，对底层知识的价值认识也越来越深刻，不知道你会不会有这种感觉？

在 Medium 上看到一位工作超过 17 年的国外设计 leader 写的一篇关于设计原理的文章，讲设计如何变得有效，总结得很好。文章很长，为了提高你的阅读体验，我打算分 2 期来更新，如若你能耐心看完，相信定会有收获！

当没有认知紧张时，用户心流才会发生。当一个设计有效时，你才能体验到认知上的轻松。如果没有，你的“心流状态”就会中断（稍后会详细讨论），让我们陷入认知紧张，于是“设计失败了”。

当基本设计原则被忽略时，这种情况很容易发生，导致设计无法“整合”。这些基本原则包括：平衡性、一致性和视觉层次、负空间、接近性、对比、统一、一致性、配色方案和排版层次等方面。（彩云注：很多人看到这些以为自己都懂，但实际设计时犯错最多的也是这些问题）

从神经科学的角度来说，当一个设计起作用时，我们会“感受到它”。其影响立竿见影。它发生在潜意识里，在一瞬间完成，是人的本能反应。我们不需要把它放在显微镜下分析它。

优秀设计以简洁和优雅而引人注目。乔纳森·伊夫(Jonathan Ive)和迪特尔·拉姆斯(Dieter Rams)都可以算作这种设计思想的拥趸。

人们常说，优秀设计背后的工艺是无形的。然而，这不是随机发生的。不管人们是否注意到，设计的背后是遵循着大量而严格的原理去执行的。伟大的设计师不会在画板上随意地将各种元素组合在一起，这是有方法的。

为什么有些设计具有美的感受，而有些却没有

相反地，当一项设计被认为“有些地方不对劲”时，人们就会下意识地觉得这个设计是有问题的。这样的结果会给品牌或产品带来不好的影响。当一个高端或奢侈品品牌受到高度关注时，这种影响尤其有害。这就是为什么你永远不会遇到设计不完美的香奈儿(Chanel)商店的原因。

“你对一件事的第一印象会建立起你随后的观念，如果一家公司在你看来不专业，你可能会认为他们做的其他事情都不专业。——Daniel Kahneman，普林斯顿大学心理学教授

这不是一个精心制作的设计，会导致认知紧张。你会在这个网站上预订你的行程吗?

我们都同意上面是糟糕的设计，就像建在沙子上的房子，一个忽视基本设计原则的设计将会崩溃。潜意识里，它会立即被认为是破碎的，无论是视觉上、精神上和情感上。

人类的大脑是懒惰的、有偏见的，喜欢走捷径。Daniel Kahneman 称之为“低维思维”。当人们看到某种设计时，它的“美学完整性”、视觉感知和神经科学之间存在着相互关联。

当一个设计是合理的，换句话说，它是令人愉快的、有效的，我们会迅速、直观的判断它是合理的。我们的心率降低，多巴胺水平增加，会有一种幸福和平静的感觉。这就像我们听到舒缓的音乐，会沉浸在一种每时每刻的“心流状态” 中。“在这种状态下，人们会专注于一项活动，其他一切似乎都不重要”——来自于一个心理学概念，由 Mihaly Csikszentmihalyi在他的畅销书《心流:最佳体验的心理学》中写道。

你更愿意住进哪个房间？

设计原则在审美完整性中的作用 苹果的人机界面指南（Apple’s Human Interface Guidelines）几十年来一直在谈论“美学完整性”。它也可以被称为“设计完整性”或“审美凝聚力”。

苹果对美学完整性的定义是“当一个设计的外观和行为与其功能完美匹配时”（彩云注：我的理解就是所见即所得，符合用户的心理预期）。换句话说，设计的构成是产品的一个组成部分。我们将研究决定设计组合成败的设计原则——更多的是关于 UI，而不是关于 UX。

美学完整性不仅仅是关于设计有多好看。它指的是具有明显连贯性的设计：有效的结构和布局，是什么让它产生效果。换句话说，它的元素在视觉层次、对齐、间距、平衡、对称、重复、比例、强调、接近、对比、统一、一致性、配色、排版、负空间等方面都有出色的运用，这里仅举几个例子。

这与“黄金比例”无关，黄金分割不能解决问题。斐波那契数列螺旋没那么玄乎，给设计师带不来惊人的设计。

设计师们在安吉丽娜·朱莉或蒙娜丽莎的脸上画出金色螺旋形时惊呼道：”果然是”黄金比例“（彩云注：但事实上有点故弄玄虚了）。当然，自然界中确实有神圣几何学(黄金比例，又称斐波那契螺旋，是基于此)，但依赖“黄金螺旋”作为设计原则是一种谬论，它已被多次暴露在其赤裸裸的荒谬中。

这是我的洗衣机，上面叠加了斐波那契螺旋。

“审美的完整性”不是没道理的。这个概念是基于基本的设计原则，是有成就的设计师实践他们的艺术作品的经验总结。

让我们来看看一些设计原则，以及它们为什么会使得你的设计更加有效。通常情况下，真正优秀的设计会结合这些设计原则。

我们将探讨以下这些最底层的设计原理：

视觉层次感 间距、对齐和网格 平衡 对比 对称 重复 几率原则和三分原则 引导线 比例 强调 整体性 亲密性 一致性 颜色 排版 负空间 1. 视觉层次感 视觉感知的基本规则对任何视觉设计都是至关重要的，因为它们指导着如何尽可能快地传达信息。视觉层次是设计中信息的结构和优先级。它决定了人们接受和处理信息的顺序，因为它以一种视觉方式引导他们。

视觉层次感重在打造视觉优先级。通过巧妙地使用颜色、形状、大小、间距、比例和方向，创造性地使用决定层次的视觉元素来传达构图的意义、概念和情绪。

核心关注点是什么，你希望用户首先注意到或开始阅读的设计中最重要的元素是什么？我们想让它成为焦点，然后其他部分的设计从这里展开。

一个具有良好视觉层次的网站会引导用户关注重要的部分

视觉层次对于每一种视觉设计都是至关重要的，无论是需要引导访客眼球的首页还是移动端 UI 的导航入口。用户对每个元素的理解取决于组合中的其他元素及其上下文。

建立视觉层次的一些技术是:位置、大小和比例、颜色和对比、间距和亲密性、负空间、纹理、引导线和高度。在一个元素周围使用丰富的负空间可以使它看起来更有意义。使用引导线可以创造移动，就像一个人的眼睛在设计上移动一样。排版的层次结构也扮演着重要的角色，通过不同的大小和权重，我们可以让更重要的文本元素脱颖而出并建立秩序。

加分技巧

使用一个隐形三角形连接设计中的三个重点区域（构图）。 注意古腾堡图模式（Gutenberg Diagram）、F 模式（F-Pattern）、Z 模式（Z-Pattern）和层蛋糕模式（Layer Cake Pattern）的视觉扫描，并顺应趋势而不是反对趋势。（彩云注：这里的这些模式彩云就不过多介绍了，感兴趣的可以自行了解下）

没有视觉层次的网站没有明显的兴趣点。

2. 留白、对齐和网格 设计中的对齐和间距通过空间上的连接传达出一种秩序和组织感，这两个原则都在设计背后发挥重要价值。设计师早期学到的基本知识之一是在网格上编排设计，然后对齐和分隔这些元素。

左对齐、居中对齐、右对齐都没错，但你必须对齐，否则当元素没有对齐时，设计就会给人崩溃的感觉。它给人一种不安的感觉。

没对齐的话，眼睛看着很难受

网格有很多不同的类型:列网格、基线网格、模块网格、层次网格、像素网格等。不同设计使用不同网格，但最基本的是设计元素的对齐和间距。（彩云注：关于网格方面的知识，彩云以前也写过不少，比如：

想要用好网格系统，这8个小技巧你必须掌握！ Hi，我是彩云。

阅读文章 >

网格系统真是太好用了，6个方面帮你早点学会！ Hi，我是彩云。

阅读文章 >

Illustration courtesy UX Engineer

网格可以被打破。一个死板的构图可能会在视觉上无趣，除非一个元素从网格中脱颖而出。错位或“打破网格”是赋予元素更多视觉权重的一个机会。当在设计中设置视觉层次结构时，它可以用来强调某些东西。

有时打破网格可以创造强调和移动

3. 平衡 设计上有两种平衡：对称和不对称。所有的构成元素：排版、颜色、图像、形状、图案、留白等，都具有一定的视觉重量。有些元素很重，很吸引眼球，而有些元素很轻，感觉不那么重要。

这些元素的放置方式能够在对称设计中创造出一种平等的顺序感，或者一种稍微偏离平衡能够创造出一种不对称的设计。无论对称还是不对称，我们的大脑都被某种平衡感所吸引，因为它创造了和谐、秩序和美学上令人愉悦的结果。

多重原则:平衡、对齐和对称在网站上发挥作用

4. 对比 “对比”指的是使设计中不同的元素更容易区别开。强烈的对比可以在设计中强调一个区域，而微弱的对比可以弱化它，创造一个视觉层次。对比在设计中也扮演着重要的角色。对比不足会使文字特别难以阅读，尤其是对视力有障碍的人来说。

在左边的设计中，一些文字和背景之间的对比不够。

Web 内容可访问性指南 (WCAG)呼吁“文本的视觉呈现应该有至少 4.5:1 的对比度”，除了大规模文本，它应该有至少 3:1 的对比度。因此，设计师需要确保内容保持舒适易读。（彩云注：具体可用性配色工具，彩云之前的文章中有分享过，现在这种可用性颜色已经越来越被重视了，你也要用起来啊）,之前写的文章，推荐大家可以看看：

自从知道这3个配色神器后，配色容易多了！ Hi，我是彩云。

阅读文章 >

其他 UI 元素(如各种显示器和设备上的卡片、按钮、文字和图标)之间的适当对比也是必须的。如果 UI 元素之间没有明显的区分度，设计就容易产生混乱。

5. 对称 在格式塔原理中，对称和秩序的法则也被称为 prägnanz，德语单词“好身材”的意思。这个原理说的是，大脑会以尽可能简单的方式感知模糊的形状，这都是为了节省大脑能量。

我们倾向于寻找一切事物的对称性。几项研究发现，面部对称能提高人们对人脸吸引力的评价（尽管完全对称的脸其实并不一定那么有吸引力）。该理论认为，这种偏好与选择 DNA 最好的伴侣的进化优势有关。

对称在自然界中也无处不在。看看一只蝴蝶，一朵花，或者一只海星。

近万字干货！带你全面了解格式塔原则 好的设计师理解心理学在视觉感知中的强大作用。

阅读文章 >

对称

同样的原理也适用于数字领域，平衡对称的设计更令人愉悦。

对称性在应用中发挥作用。Uber Eats、Booking.com 和 Behance。

6. 重复 重复是一致性的近亲，是优秀可用性的标志。

在设计中利用重复是件好事，因为我们的大脑总是在寻找模式、相似性和一致性。为什么?因为重复相同性质的元素需要更少的认知努力。

我们更容易识别重复的模式，而不是每次看到新模式都要重新校准大脑。正如前面提到的，大脑作为一种生存机制是懒惰的，模式识别和认知捷径意味着有意识地处理视觉信息所需的能量更少。

例如，重复元素的形状和大小、填充、留白、类型和颜色，也有助于更对称、更好地平衡，做出美观的设计。

The Athletic 这个软件就是用重复元素做设计的好例子。

掌握重复原则，帮你轻松塑造画面统一性 重复、对比、对齐以及亲密性是版式设计中的四大原则，各种排版形式与规则都是基于这四大原则衍生而来，而掌握这些具有指导性的设计原则，能够帮助我们在短时间内，更快更好的达成设计目标。

阅读文章 >

好了，为了照顾大家的阅读体验，再写更多估计有很多人要开始没耐心了。所以剩下的设计原则，我们下回再接着聊，敬请关注哈。

欢迎关注作者的微信公众号：「彩云译设计」

编辑导语：B 端设计师在大多数互联网眼中就是拖拽组件，进行组装的一个岗位，但其实他有着自己的价值。在众多 B 端业务中，B 端 设计师 发挥着自己的价值，那么它的核心价值是什么？作者从产品本身、交付方式以及用户差异三个方面进行分析，希望对你有所启发。

设计师如何描述 B 端业务的核心价值（上） 编辑导语：在很多互联网人的印象里，B 端设计师就是拖拽组件进行拼接，这导致 B 端 UI 设计师在项目流程之中处于被动的位置。

阅读文章 >

在大部分互联网人的印象中 B 端设计师就是拖拽组件进行拼接，就像拼积木一样。导致说 B 端 UI 设计师在项目流程之中处于被动的位置。如果想摆脱这种困境，就要先懂得如何描述 B 端业务的核心价值是什么?

本文主要从三个角度来讲产品本身/交付方式的不同商业价值/用户差异 来进行讲解。

产品本身 3 个困惑 工作中常常讨论的三个问题：

产品本身是什么? 不同类型的 B 端产品的商业价值有什么不同? 以及产品端的用户如何进行分层与管理? 那我们作为设计师如何能应该如何去理解这些问题?那接下来会逐步讲解。

如何描述一款 B 端产品—产品本身是什么?

在项目中，我们经常会遇到这样的场景：

照着这个网站抄 这是个伪需求 老板说…… 竞品也这么做….. 这个模块要突出…… 其他等等 这一类场景出现的根本原因是产品或者是设计师不清晰产品的定位，导致很多时候不知道如何去做决策。那我们要处理这个场景呢？

首先，我们要确认我们留给用户的第一印象，然后再确认产品价值和交付方式。

最后结合第一印象和产品价值结合来定义 B 端产品的本身是什么。

（1）第一印象

第一印象是指对一个初见面者最先的若干心理知觉，是人际交往中非常重要的起点或基础，第一印象良好则日后可继续交往，因为第一印象不易改变，可能阻碍人际吸引力。–来自辞海

以微信为例：大家对于微信的第一是及时通讯功能,原因来自于 2 点：

TAB 栏以及时通讯为主-沟通列表以及通讯录 在张小龙的坚持下微信的定位一直没有进行修改，保留了及时通讯的的初心 刚才讲到了 C 端，那现在转换到 B 端。来讨论 B 端产品的本质是什么?

关于 B 端的产品的本质每个人都有每个人的定义以及想法。

那我下一个我认为 B 端产品的本质的定义：是基于真实的业务场景，抽离出互联网解决方案。

这里有两个一定要注意点的点：

① 不可能满足所有类型所有规模的客户–尤其是 F类客户的定制化需求

不可能满足目标客户的全部需求–一个B端产品不能满足医院全部的功能：比如诊疗系统与食堂系统。

那一般好的 B 端产品定位是怎么来定的呢?

先来看看一些 ToB 产品的定位：

钉钉：给中小微企业管理者提供全方位的数字化管理 纷享销客：为企业提供销量管理,营销管理及服务管理为一体的移动化客户全生命周期管理 校宝在线：为教培机构提供信息化整体解决方案 从上面不同行业优秀的产品中可以提取出 B 端产品定位的通用组件：目标客户+差异化组件。

（2）产品价值

上面已经将 B 端产品定位讲清楚了,接下来要讲产品价值的两个重点：

用户价值：能为用户带来什么? 商业价值：能为公司带来什么? 接下来进行分开阐述：

（3）用户价值

C 端与 B 端的用户价值不同，C 端的用户价值往往更多是一种感性的价值，难以衡量。例如：

抖音：心情变得轻松和愉悦 知乎：解答一些疑惑 京东：购物变得方便便捷 滴滴：出行更加便捷 相较于 C 端而言，B 端的用户用户价值往往会更加的理性，更加的可衡量。B 端产品的核心理念是“降本增效”。例如：

CIchan：节约 35%打卡成本，客户签约数增加 40%，企业营销增加 80%。 钉钉：考勤与绩效绑定，减少行政人员的统计量 财务系统：减少财务的计算量，存储以及数据大盘 分享销客：助力高科技盈利能力提高 30% 上面讲的会比较笼统，接下来以女生常去的美容院中的营销顾问为例来进行分解 B 端能带给什么用户在价值（降本增效）：

降低成本：学习成本、爽约成本等 提高效益：客户数、活跃度、耗卡金额多等 提高效率：经营效率、预约效率、开单效率 2 个注意点：

针对于不同的业务不同的角色在不同的场景下的降本增效效果并不相同 在上面 3 点发生冲突的时候效率排序优先 这些在项目流程之中，这些数据常用与项目立项时候以及建立设计目标，进行拆分设计思路组成。

（4）商业价值

商业价值跟随着交付方式不同会带来不同的商业价值，常规的交付方式有 4 种：自研、外包、SaaS、平台。

4 大产品交付最大的区别是产品生产方与需求方关系。以下以对比描述为主：

① 自研与外包

企业自研：产品生产方与产品需求方属于同一家公司，一般是公司组建内部的科技公司或者是科技部门，自主研发，赋能自身业务。

项目外包：产品生产方与产品需求方不属于一家公司，产品生产方给产品需求方提供软件，产品需求方给与外包支付定制费用。企业把研发的工作外包给乙方公司（有的 SaaS 公司也会接一些定制项目）。

企业自研与外包模式都有自己的优点和缺点：

企业自研的优缺点：

优点：数据安全、业务匹配度高

缺点：成本巨大，收益难以进行衡量

常见的案例：阿里，字节，腾讯，顺丰，平安科技

优点:

一般企业做自研的原因无非是 2 点：

数据安全远远比成本更重要 小型的 SaaS 的无法满足全部的需求 外包的优缺点：

优点：节约人力成本,适合 toG 国企

缺点:

金钱成本高，人力*工时付费 时间成本会相对而言比较高，三个月到一年 例子：阿里、腾讯、平安科技、华为 OD、乌鸫

出现外包的原因非常多，比如企业养正式员工成本极高，但是外包人员随时可以裁掉没有任何成本.还有上面所说自研成本极高，外包模式可以一次性解决全部的问题。

② 平台与 SaaS

平台和 SaaS 模式都有一个共同点就是都是单独企业针对多个企业的模式.但是他们的不同还是很明显的。

SaaS：生产方提供软件给需求方，需求方需要支付年费。简单说就是企业租赁成熟的 SaaS 的解决方案，按照版本、使用时间收费。无需开发维护成本。

平台型：生产方免费提供平台需求方，需求方一旦产生利润则需要向生产方提高分成，就是坐庄模式。

他们自己的优劣势也非常明显。

SaaS 的优劣势：

优势：

足够专业，专业事情交给专业的公司做 金钱成本足够低，一款软件卖个多个商家 时间成本足够低，几周时间，企业认证和导入数据就能使用 劣势:

无法 100%进行定制 数据安全性不高,无法 100%在自己手里 例子：有赞、用友、纷享销客、kingdee、salesfores（创立了 SaaS，开创了先河）

平台型的优劣势：

优势：

平台大，自带流量，流量大 软件自身是免费的 劣势：

交易额抽成高 广告费巨大 如果商家不交广告费,用户哪里根本没有存在感例子：普遍的电商平台（淘宝，京东）、美团、腾讯课堂、3 竹课等等。 特殊情况：

交付方式并不是固定的，一成不变的。即使是企业自研的系统也会改改代码换成其他产品卖给其他公司，拿 SaaS 交付讲例子有：飞书、钉钉、企业微信、腾讯会议等。这种典型 OA 产品上经常性会出现。

有些做定制的公司定制做多了，也会把同类型的项目合并做成 SaaS，这样减少重复开发的成本开发的。

有些 SaaS 也会接大公司的定制项目，在做销售的时候也可以成为最后促成的子弹，也可以涨自己公司的名气。

简单案例化：

上面可能讲的比较概念，接下来以餐厅和喝水的案例来进行讲解：

自研：

餐厅-自己开餐厅 喝水-自己做打井 外包：

餐厅-找施工队盖餐厅 喝水-找打井队打井 SaaS：

餐厅-租一个店铺,生意好坏跟我无关 喝水-租一口井,交一段时间的钱 平台：

餐厅-我把餐厅租给你，但是你每次卖出 100 块，要给我 50 块 喝水-水免费喝，但是种出来的庄家要给我分成

交付方式不同的商业价值是不同的 上篇讲到了交付方式：自研、外包、SaaS、平台，每一种交付形式的商业价值是不同的。

自研：客户的自身价值 外包：一般是定制费用，通常分为首款和尾款） SaaS：商业价值分为两种软件服务费用以及增值服务。软件服务费用根据软件版本（基础/专业版/等等），增值服务根据自家产品的特性判断（例如：一些客户要求系统改成自己企业 logo 的颜色等等）。 平台型：平台一般的收入来自于广告费以及抽成，以淘宝为例：当里面的商家卖出一个商品，平台抽成一定的比例以及 app 顶部的 banner 以及其余广告部分需要商家投钱。 因为我自己是 SaaS 出身，所以重点是讲 SaaS 的商业模式。

1. SaaS 的商业价值如何拆解 在了解 SaaS 的商业模型，首先先知道商业价值的构成。

这里引入公式：商业机制=客单价*客户数*签约时长

2. 客单价 通常指的是单个客户单次购买价格（定制化服务另算），提升客单价一般是有三个方法：

提高客户质量：这个通常要看销售团队以及公司的资源 拆分版本尽心售卖：通常会拆成基础版/专业版/豪华版，通过锚定效应客户大概率会选择专业版。针对有的客户暂时没有实力购买的情境下可以引导用户购买基础班，有的客户会比较阔绰就可以引导购买豪华版，还要为基础班用户给与版本升级的通道。具体的看罗老师在星巴克挑选大中小杯的场景。 定制化服务：针对一些客户无法进行规范化的需求，可以进行针对客户本身的定制化服务，从而收取高额的费用。 3. 客户数 SaaS 的一般分为 2 种，新签约客户以及老用户，针对这两种客户分别有不同的策略提高商业机制：

增加新签约用户数：指定的 OKR 给销售团队，给与团队压力。 保证老客户的续约率：针对服务团队 sop 流程的培训以及让服务团队定时的回访老客户，随时收集对方的问题。 4. 签约时长 保证用户使用的时间越长越好，这里的通常策略是完善功能提高用户的活跃度，让使用者发挥更大的价值。从而在下一次续约时候增加续约的可能性。

5. 设计师了解的意义 上面已经描述了商业价值是什么，我们要了解为什么要了解商业价值。在大部分设计师都只是执行角色，导致了在于协同伙伴沟通中处于听命令被动执行。了解的真实意义是可以作为跟别人争论的法律标准和填充的弹药库，能够跟别人来回 battle 而不是被动执行。

6. 使用场景 工作中常见的使用场景有三种：

立项推进:在工作中，设计师自主立项不再收到百般刁难，轻松搞定协作方，获得项目的主动权可以体现设计师更大的价值。将设计目标分解为共识，降低推进项目全程的沟通成本。 过滤需求：工作中常有产品的需求没有立足点或者中途修改需求的场景，不如直接把需求初始阶段打回。 晋升/跳槽：证明自己设计创造的价值而不是只会证明自己的苦劳。有句话说得好“北上广不相信眼泪”。

7. 设计侧如何提高的商业价值 针对不同的交付类型的产品分别对应的不同的商业价值，这里主要集中讲针对 SaaS 主要是体现在 3 各方面：

① 提高 SaaS 续约率:影响到商家下一年的续约有个很重要的因素就是当年的活跃度，这个也是我们调研几百名商家出来结果，所以提升用户用户活跃度是设计侧常常要负责的任务。常见的比如核心需求快速反应以及定期的用户调研等等。

② 提高销售的签约率：设计侧提高签约率主要是体现在两个方面：

是品牌视觉成为竞争力：在销售侧针对目标用户销售过程中，用户只通过视觉进行判断产品好不好用“好看即好用”。

官网的设计引导用户决策：官网针对目标设计既可以让用户在官网直接进行购买（静默转换），又可以引导到客服咨询进行购买。客服咨询这里验证的的数据是咨询率以及官网注册人数。

③ 增值服务：包含各种模版、皮肤、主题、定制功能等等。

8. 如何使用商业价值 这里带一个案例进行讲解理解上会更容易一些，举一个仓管信息初始化配置的优化的案例。

9. 尝试流程 常规的流程：

调研用户诉求,设计自查 宣讲存在的体验问题 场景评审不过,提案 PASS 这里有些人会疑惑说为什么场景评审不过？因为每一次优化方案都会牵扯到无数的资源（开发资源、调研资源等等）、从大了讲结果没有可确定性的正向结果会导致整体资源的浪费，从小了说每个人在做年度述职的时候也需要支持帮助自己晋升。

10. 引入商业价值流程 前面的流程：

先拆解北极星指标 商家活跃率 数据导入成功率以及效率/信息初始化效率 讲述方案的流程：

分解业务相关的 okr 宣讲其中每一步的重要性 场景评审通过

两种流程之下的对比：

目标性：第一种模式做事情并没有目标性而且设计环境大概率讲的也是跟用户的需求相关，但是这个无法与管理层以及协同伙伴达到共识。如果在准备阶段所有人达成共识，后面实施过程中纠纷与矛盾就会不断地出现。

引入商业价值之后，就可以逐步把项目目标打通，参与人员也会更容易理解这次优化内容的目标是什么，从而为后面的顺利沟通打下伏笔。

推荐的讲述模式是什么?

推荐讲述公式=故事+价值（用户价值，商业价值）+需求+OKR 拆解

讲述一个例子（降低原料在制品库存 WIP）

故事：生鲜行业由于季节以及计划的原因，有的会导致原材料到成品过程之间会有损耗，如果再加上本身库存损耗只会加剧损耗，但是在制成成品会有特殊工艺后损耗可以降低损耗。

价值：对于用户而言降低了降低了原材料库存的损耗，对于公司而言间接提高续约率。

需求：优化原材料到成品之间的链路。

OKR 拆解（这里只拆 o）:

制定计划时候制定合理的计划 如何选择合适的生鲜原材料 在生产中如何降低生产损耗 如何管理库存的原材料 用户差异 1. 目标客户如何选取 ① 用户标签

选取用户一般有一些标签来进行筛选，减少销售选择客户的成本。一般选取用户是由 3 个方面进行筛选：

细分行业：教育，医药化工，物流仓储细分行业等等。 性质规模：私营国营/20-30 家加盟企业。 差异价值：具体要分用户的产业类型带来的价值也会不同，例如：生产经营，客户经营，办公协同，数据分析等等。

2. 用户分层 产研资源是有限的，不可能全部用户都能服务到。如果要让所有的产研资源最大化，常见的方法是用户分层通常用户分层要分级别跟参数 2 个部分来进行理解。

① 级别分布

用户级别分布常见的有 5 种 级别：

KA A B C D 根据能够给公司提供额价值，从高到低进行分布。

② 拆分参数

常见的参数：

付费能力 客户规模 需求标准化 客户粘性 教育成本 有个特殊的案例：夫妻老婆店。夫妻老婆店基数大，销售量为了岗位 kpi 必须要完成，导致夫妻老婆店这种客户用基数大。这种客户一般不会在意流失率，意义不大。

③ 客户分层的作用

客户分层常见用于 4 个场景：

经营状况的好坏：KA，A 客户的占比。 需求的优先级：通常情况下多个 KA 客户的需求优先级高于 C 级客户的需求。 调研客户的优先级：优先级 KA，以 KA 客户为原型产品设计以及销售打法制定。 销售：即是为了能够更好的完成 kpi，也是避免销售什么都签，给与销售用户画像。

④ 客户画像

客户画像是分 4 个部分：

基本信息：外在标签，行业属性，地域，规模等等。 业务信息：线下实际业务流程，具体的根据行业以及细分领域而定。 组织架构：自上而下的有哪些机构彼此之间的关系如何。 关键角色：各个机构有哪些岗位

以我前公司的生鲜 SaaS 为例：

3. 目标用户差异 每个目标用户在不同的端口有不同操作的目标也是不同的，通常情况下是三个端口：pc、pad、app。他们又分别对应的是不同的目标用户以及差异化价值。

为了方便理解，以下以美容院的场景为解释。

①  pc端用户

PC 端常用语稳定的办场景，是 B 端产品中常见的必然存在的场景。用户主要是处理复杂的表单以及数据处理，与配置项。

PC 端的目标用户：店长/财务/前台

② pad 端用户

pad 端主要是补充 PC 端展示移动困难，APP 端屏幕限制展示的作用。从而补充营销顾问在消费者到店前中后移动化服务，对用户提供美容服务安排并进行服务销售。

pad 端的目标用户：营销顾问

③ APP端用户

APP 端适用于所有的员工，管理层可以随时随地查看进度和发布任务，执行层（例如：技师）可以查看自己的薪资绩效以及查看自己的排期休假。所有员工都可以轻量化处理任务。

APP 端的目标用户：所有用户

4. 使用场景 经常在评审会或者是在与产品经理讨论中讨论到需求场景的问题，有的产品无法说清楚需求具体在哪个端口，这个时候就需要设计师自己来判断具体在哪个端口进行判断。

总结 设计师如果想获得项目的主动权，需要了解到产品本身/交付方式的商业价值才能获得主动权。尤其是在体验项目立项时候，能够表达清楚清晰的优化目标，从而为后面的顺利实施进行铺垫。在述职与晋升的时候也能表达自己设计的价值。

试想一下我们只知道通过奖励去激励用户行为的话，不仅会花费比较大的运营成本，有时候，还不一定见效。而对于我们自身的成长来说，如果一直都用这种套路，很容易形成“路径依赖”，限制思维。所以我们需要把视野再拓宽一些，通过用户行为的三大要素：动机、能力、触发挖掘更多的用户动机，帮助我们做转化。

概念模型 “设计是人为的，为人的行为”，行为设计学是一门为改变用户行为而设计的新兴科学，它起源于 1930 年哈佛大学的心理学家 B.F.Skinner 的一个实验，结果表明：只要设计好激励措施和机制，人就会按照设定的目标推进。

试想一下我们在为用户设计的过程中，在需求正确的情况下，目标用户依然觉得我们的产品不好用，多半是用户完成某任务时行为路径遇到问题。这些问题可能不符合用户心理模型、行为路径过长且未解决用户核心问题等等。

那么，究竟是什么因素能够激励用户行为的发生或改变呢？

福格 行为模型 BJ Fogg’s behavior model

这个模型是以斯坦福大学教师 Fogg2009 年发表的一篇论文为中心，总结了如何从设计上提高转化率，其关键是 Motivation-Ability-Trigger（动机-能力-触发），三要素缺一不可；

任何一个行为的发生，都需要满足以上三个要素——人们需要有产生行为的动机、要有发生行为的能力，以及正好有一个合适的触发点 也就是说你如果想要用户发生某种行为，你必须给到用户足够的动机，并且让用户有能力去做到，而且有一种能触发用户行动的触发器

如何提高设计转化？先学会经典的「福格模型」 日常工作中我们经常要考虑如何吸引用户转化。

阅读文章 >

用户动机 那么什么是动机？

我们常说洞察用户需求，挖掘用户痛点，其实就是在寻找用户动机！

动机又分为内在动机和外在动机两种：

我们都在说折扣或奖励，那属于什么动机呢？在动机的范畴里属于“外在动机”，如果说形象点，它就像一个诱饵，吸引用户去做某个行为，它给用户产生的是一种拉力。

比如产品设计：获得折扣，优惠券，绑定会员（降低目标会员的感知价格），对某类商品的折扣与其月销量挂钩，提高收益评估的感觉等。

如果说外在动机是一种拉力，那么在用户的行为路径里是否可以让这个拉力变得更长。一步步牵引用户完成订单呢？

以到家精选为例：试想一下如果用户从活动页进来后一步一步的路径进行下钻，当用户从热闹的活动页中一步一步到越来越冷静的页面会是怎样的感受？是不是会怀疑我到底是否享受到活动给我带来的利益。通过活动延伸到用户可触达的每个路径中，使其成功的形成一种牵引用户的拉力。

除了有“拉”力外，还有没有一种方式，能让用户自己产生动机，去做这件事，形成一种内在的“推”力呢？其实是有的，这种动力，在动机理论里，就叫做“内在动机”。

在用户体验中，我们所说的内在动机是指用户使用产品是因为产品本身激发了他们的兴趣和欲望，当用户真正被内在动机驱动的时候，使用这款产品本身就是最大的享受。所以内在动机是可以被设计被引导的。

1. 给予用户足够动机

当用户没有足够的动机时，行为就无法发生。常见消费者购买行为动机有以下几种：可以根据用户场景及产品特性去使用。

求廉动机：

以到家精选为例：结合用研报告，通过热力图可以看到用户在行为路径中的价格模块停留较久，说明用户在这个模块遇到了阻力，用户在拆价格，算性价比。所以我们运用“求廉”动机的设计方法帮助用户消除对于价格的阻力。

业务之前展示价格为 2 小时起，我们利用“黄金分割法”对价格进行分割，拆成单价以每小时起来唤醒用户“求廉”的动机。

那么除了以上使用“价格分割法”以外，还有什么样的表现形式让用户能感受到优惠去引导用户进行下一步操作？

其实用户在价格方面只需感知 3 类信息，商品多少钱，优惠了多少钱，原来多少钱。在价格表达方面我们可以使用价格锚定效应等让用户感受到便宜。

那么在设计层面其实也可以把价格进行视觉化处理来体现便宜，如下图中价格曲线的表达很好的诠释了用户对价格“降价”的心理走势去设计的价格表达。

求速（快）动机：

以到家精选为例：之前调研发现我们的用户选择当天的服务的比较多，所以在用户的行为路径中我们需要将当天能服务的能力传递给用户，大家都知道服务是无形的，如何在线上界面中呈现给用户服务感知。基于用户 LBS 把服务人员的地理位置进行展示，传递给用户服务“0 距离”的感受。

一大波暖心服务就在你家附近，最快 2 小时就可以上门。这就是将服务要素进行数字化展示的意义-为用户带来确定性。

2. 帮助用户获得能力

只有激励手段是无法有效促成行为发生的，如果用户没有足够的能力，我们需要想办法帮助用户“获得能力”。福格博士提出了一条“能力链”，其中包含 5 个影响能力的因素：时间、资金、体力、脑力、日程。

以到家精选为例：我们在做老用户下单路径的时候，在老用户这个场景中如何帮助老用户快速完成下单是一直思考的，所以为了减少老用户在下单过程中的损耗，直接把详情页去掉，减少用户操作，老用户直接从入口就可以到达订单页面从而快速完成下单。所以最好的方法，就是持续地用“能力链”来分析，找到问题所在，再针对问题重新设计。

3. 触发

有动机并且有能力，触发才能有价值，用户的行为=动机+能力+触发；根据不同动机和不同能力来说用户的触发点也会不一样。

人们的行为并不完全是自己主动选择的，而是在社会情境和个人因素的双重作用下产生的。 不同动机不同能力的用户需要不一样的刺激 场景刺激：适合高动机的人：

高动机高能力的人只需一个触发点即可。低门槛吸引力高的活动，我们只需要将参与的按钮做的醒目再醒目。例如很多活动会把按钮做的很有点击的欲望，在产品界面设计中也可以在用户触发的过程中。

利益刺激：适合低动机、高能力的人

这种用户需要更多的事件来激发他们做某件事的动机；例如朋友在玩拼多多的时候让我们帮忙助力，你是不是也曾经被可以得到现金红包去邀请更多的好友助力，其实你本来没有想玩助力的，只是朋友分享了一个助力链接给我，上边的现金红包激励以及轻易完成任务使你动心，心想这么容易领到，结果要经过九九八十一难现金红包才能到手。在这里“现金红包助力”链接就是触发器。

场景+利益刺激：适合低动机、高能力的人

对于利益刺激没那么直接没那么诱惑的时候，可以场景和利益一起更强烈的刺激，例如到家精选储值卡充值促销活动给人的感官意识是：储值送会员可以加送其他福利给你，超级划算超级便宜快来买！

其实在我们日常工中除了以上用户行为模型之外，还有很多模型在设计中可以帮助我们解决问题，比如 kano 模型、马斯洛的层次需要理论等都可以辅助我们挖掘用户需求，提升业务指标。

需求太多做不过来？试试这个大厂都用的 KANO 模型！ 在做项目做产品的过程中，作为互联网产品设计师的我们，经常会接到来自 PM/领导/业务方等等的各种需求。

阅读文章 >

写在最后 以上是通过用户行为的三大要素动机、能力、触发结合工作中的实践案例来讲的，试想一下我们只知道通过奖励去激励用户行为的话，不仅会花费比较大的运营成本，有时候，还不一定见效。而对于我们自身的成长来说，如果一直都用这种套路，很容易形成“路径依赖”，限制思维。所以我们需要把视野再拓宽一些，能通过用户行为模型挖掘更多的用户动机，帮助我们做转化。

欢迎关注「58UXD」的微信公众号：

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

之前在社群有小伙伴问有没有免费可商用的毛笔书法字体资源，有肯定是有的，但授人以鱼不如授人以渔，今天除了为大家推荐免费好用的书法字体，还会为分享给大家优质的书法字入门知识和教程，还有免费的资源网站，让你即使没有书法功底也有办法做出好看的 书法字体 ~

往期内容推荐：

免费商用！6款未来科技感必备的西文字体（附安装包） 大家好，我是和你们聊设计的花生~ 之前为大家推荐了 5 个优秀的未来科幻风设计灵感参考，以及相关的优质免费教程，不知道大家有没有学起来呢？

阅读文章 >

1. 书法字设计基础知识&教程 想要做好书法字，肯定要对书法字的基础知识和创作思路及流程有基本了解，这里为大家推荐 2 篇相关文章，既有书法字的基础知识科普，也有设计方法的实例展示。

推荐阅读①

文章标题：《向古籍碑帖学做字 ！3 步轻松攻克书法字》

文章链接： https://uiiiuiii.com/other/1212289537.html

这篇是杨洋老师（优设字体设计实战营讲师，优设书华体主创之一） 写的书法字设计入门科普文章。文章分为两部，第一部分是基础知识，介绍了篆、隶、真、行、草 5 种书体的字体特征、气质和适合的主题，并推荐了相关的古籍碑帖。第二部分是案例演示，分 3 步带大家学下如何借用碑帖制作书法字。

推荐阅读②

做出高大上的书法字排版，看这一篇就够了！ 书法艺术是中华民族文化的精髓，是最具民族特色的设计元素之一。

阅读文章 >

这篇是设计师邓海贝写的书法字排版技巧分享。书法字体不能像印刷字体一样简单的对齐排列，本文则介绍了 4 种让书法字形式呈现更好视觉效果的方法，包括「错位排版」、「添加装饰」、「增加质感」和「图片穿插」，看完之后让你的书法字设计效果更上一层楼。

通过上面的 2 篇文章，我们将学习一种书法字设计的有效思路，即先临摹借鉴古籍碑帖或现有字库书法字的笔画特征，然后提炼字形骨架，由骨生肉添加新的笔画或笔触飞白，组建出新的书法字。新的书法字设计好之后，通过排版、添加装饰和纹理完善视觉效果，最终完成一组设计感十足的书法字体。

接下来就为大家推荐一些免费资源，包括高清书法碑帖网站、免费商用的毛笔笔触和书法字素材，让大家寻找提供灵感参考更加便捷。

相关推荐：

想要不侵权？收下这篇可能是最全面的书法字设计指南！ @研习设K先生 ：中国文化有五千年的历史，汉字在这其中有着至关重要的作用。

阅读文章 >

2. 免费的书法素材资源 ① 高清书法碑帖网站 ：按朝代和书法家分类，提供名家作品的高清图片

翰墨风雅碑帖网： http://hanmofengya.com/Index.html

书法爱网： http://www.shufaai.com/

② 书法搜索网站： 可搜索单字的不同书写形式

书法字典： http://www.shufazidian.com/

词典网： https://www.cidianwang.com/shufa/

书法迷： http://www.shufami.com/

③ 免费书法字素材： 职业书法字设计师分享的可商用资源

可商用 24 节气手写字素材免费下载： https://uiiiuiii.com/software/372790.html

30 组新年春节手写字大礼包： https://uiiiuiii.com/software/342351.html

④ 免费的毛笔触素材 ：质感真实的毛笔笔触PSD文件

15 组免费商用的毛笔笔画（一） https://www.uisdc.com/haoke-font-1

14 组免费商用的毛笔笔画（二） https://www.uisdc.com/haoke-font-2

15 组免费商用的毛笔笔画（三） https://www.uisdc.com/haoke-font-3

相关推荐：

超全整理！设计师必备的3类书法字免费资源（附下载链接）

阅读文章 >

3. 8 款免费商用书法字体 ① Aa剑豪体

Aa 字库推出的第一款免费商用中文手写字体，特点是笔画末端有峰回勾。整体风格狂放张扬，笔划尖锐，适合简体中文，非常适合用于海报、标题、展板等。

② 云峰飞云体

云峰字库推出的一款免费可商用毛笔字，字体气质豪放大气，适用于中文简体，可用于海报，包装，影视等场景。法律范围内不限使用范围，但禁止二次修改和二次售卖字体。

③ 钟齐志莽行书

上海钟齐字库公司根据书法家韦志莽先生的毛笔书法开发而成的一款中文行书书法字体。字形潇洒飘逸，形体端秀而骨架劲挺，适用于中文简体。安装后搜索「zhi mang」即可查找到该字体。

④ 青柳隶书

一款免费可商用的日本隶书字体，字体气质平实质朴，古韵十足，适用于中文繁体。安装后搜索「青柳隷書 SIMO2_T」即可查找到该字体。

⑤ 衡山毛笔体

一款免费可商用的日本楷书字体，字体气质清雅，适用于中文繁体。

⑥ 演示春风楷

一款结构清晰、笔画分明的楷书字体，没有连笔，相对于其他楷体更利于阅读和识别，适用于中文简体。字稿作者是徐占海，Keynote 研究所的人生哥进行半自动流程字稿制作，并向全社会发布免费可商用。

⑦ 演示夏行楷

一款笔画灵动连贯的楷书字体，笔画拐角平滑流畅，字形舒展延伸，适用于中文简体。字稿作者是刘锡栋，由 Keynote 研究所的人生哥进行半自动流程字稿制作，并向全社会发布免费可商用。

⑧ 演示秋鸿楷

一款曲折有力、厚重质朴的楷书字体，字形方正整洁，易于识别和阅读，适用于中文简体。字稿作者是刘锡栋，由 Keynote 研究所的人生哥进行半自动流程字稿制作，并向全社会发布免费可商用。

好啦以上就是今天推荐的毛笔书法字免费资源，喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友哦。如果你有关于本文或者设计的相关疑问，可以在评论区提出，我会第一时间为大家解答 ~

相关推荐：

优设书华体正式上线！优设首款可商用手写书法字体火热下载中 这两年免费中文字体越来越多，优设也发布了4款：优设标题黑、优设好身体、优设字由棒棒体和刚刚发布的优设标题圆。

阅读文章 >

新手如何做好字体管理？快来看资深设计师的的4点建议 大家好，我是和你们聊设计的花生~ 与字体相关的话题一直都是社群小伙伴讨论的热点，比如免费可商用的字体哪里找、如何识别陌生字体并找到相应资源、下载的字体太多了有没有什么好的管理工具、字体版权范围如何弄清楚等。

阅读文章 >

简单易懂一学就会，教你如何高质量产出设计方案。

用一个实战案例，帮你快速掌握2.5D插画的设计流程 写在前面： 本文结合个人平时在画 2.5D 元素时的绘画过程经验，总结了这份 2.5D 设计的思路教程，希望可以帮助到大家，共同进步。

阅读文章 >

最近在工作中总结了一些方法给大家分享下，本文主要讲述设计师在拿到需求时，如何洞察设计机会点？并正确的产出设计方案。

我将整个设计流程分成了 3 个部分“前期需求共创、中期竞品分析、后期方案产出”帮助大家理解整个流程会清晰一些。

需求共创 1. 基本原则

拿到需求时不要急于将重心落在方案的设计上，首先搞清楚需求背景，其次业务目标和产品目标及用户目标，这四点搞清楚后才可以明确设计目标及设计策略的制定，设计目标一定是要和产品用户目标对齐的，这样我们的方案才会更符合标准。

2. 结构思维

了解完需求背景后可以将以上四个关键点梳理成一个文档，它可以帮助我们在设计方案时更加的聚焦直观的对齐各个目标，同时在方案内外评审时让听众快速了解信息提升方案评审效率。

3. 换位思考

需求背景、业务目标、用户目标这三块内容需与产品进行共创即可，除了与业务方共创也可以通过 CSM 或销售/客户成功经理深度沟通了解用户真实需求背景。这里讲的更偏向于 B 端视角，如果是 C 端可以向用研部门了解真实信息。

4. 明确目标

设计目标怎样形成的呢？相信大多数设计师在制定设计目标和策略时经常会迷茫，并且会出现偏离产品目标和用户目标的现象，记住以下这个公式帮助你正确的制定设计目标及策略。

竞品分析 1. 分析方法

针对竞品分析方法有很多，针对竞品的结构层和框架层采用了“功能拆解分析法”和”用户路径分析法”主要目的获得竞品的功能，记录完整的使用过程使用体验，并对各项功能的具体内容进行说明，以便更全面地了解竞品的构成避免遗漏。

2. 功能拆解

将竞品功能进行拆解成为一级功能、二级功能、三级功能或四级功能等，同时记录有效信息总结备注，主要目的深度了解竞品“结构层及框架层”是如何组成闭环的，并探索用户在路径中除了基础的需求以为还有哪些期望的需求，在后续设计方案时可以形成差异化。（下图为举例）

3. 路径体验

在体验竞品关键路径时可以分为前、中、后三个阶段去分析，如果是多角色串联纵坐标可以运用泳道图区分角色不同阶段的状态（类似用户体验地图），在体验的过程中同时需要记录竞品的优点和缺点，并在事后总结出设计发力点。

4. 结果总结

将以上分析结果进行总结为两个层面：1.范围层（用户需求探索）2.体验层（结构层/框架层/表现层）。

范围层

同在一个场景中除了基础功能是必须要具备的，我们可以从竞争得到一些启示。都在满足同样的用户需求，通过探索可以得知核心路径中用户存在哪些诉求。最后我们可以通过卡诺模型（Kano）完整流程去调研哪些功能点是符合我们场景中的。（数据涉及到隐私就不展示了，可以自行了解一下 Kano 模型也是在工作中经常用到的）

UI 进阶必学系列：需求分析工具 KANO 模型 大家知道，长期以来我们一直在坚持分享一些基础的干货内容，那些看书、看分享很难系统搞得明白的知识点，这和我个人对基本功的执念有密不可分的关系。

阅读文章 >

体验层

通过竞品关键路径体验可以得知交互体验，操作路径上存在哪些卡点，信息结构及界面布局是否合理并且符合用户预期，体验是否达到易用好用从中探索出设计发力点。（下图为示例）

5. 制定设计目标与策略

通过以上竞品功能拆解分析和关键路径体验，可以推导出设计目标并制定设计策略，同时也需要对齐产品需求和产品目标（下图为示例）

方案产出 1. 方案设计

根据设计目标及策略产出高保真方案即可，在设计方案时可以按照阶段和角色任务路径进行产出，便于全盘思考，避免关键点的遗漏，这里和前期做竞品关键路径体验分析用的是同一种方法，它可以帮助我们在思考过程中快速了解到竞品是如何解决关键路径问题的。

2. 方案验证

方案产出后如何验证方案可行性？是否优于竞品？这里可以做一个可用性测试将功能路径拆解并梳理成剧本化任务，明确任务起点与目标，结合问卷访谈及 Demo 操作度量方案是否可行，同时洞察用户的诉求是否被满足和功能操作流程的完整度是否有闭环，并持续优化打磨方案即可。（这里就不过多讲解了，可以查阅相关文章自行了解一下）

3. 设计产出

这里强调一下在设计时不要先陷入到视觉细节中，比如这里元素应该是用圆角还是直角，这种属于点型问题不要将时间浪费到这种基础问题上，首先结合“可用性测试数据”和“竞品分析结果”带入到整个流程的设计中，从 面 到 线 再到 点 全维度闭环思维去思考。

4. 内外评审

内外评审是不可缺失的一环，内部评审可以邀请团队伙伴检查方案是否符合规范或其它的更好好的建议保证方案的质量。外部评审除了保证方案完整落地同时也避免后续反复的沟通，我们在评审前可以先将前期准备的资料讲述一遍，使参与的伙伴全面了解需求背景，设计师从中是如何度量目标和策略的。

5. 核心优势

范围层

通过以上分析和最终方案产出，我们可以总结出产品功能核心优势，使产品在售卖时与竞对拉开差异点形成核心竞争力。（这里更多介绍的更偏向功能层面，需与业务方共创得知准确信息）

体验层

通过可用性测试数据作为用户视角体现产品用户体验层优势。同时也可以为后续功能上线后，做数据埋点数据监参考依据一举两得。

总结 当遇到问题或接到需求时不要急于投入设计中，美术老师经常说坐着画画只能看到点 线，而一副完整的画是由点、线、面、体组合而成，所以需要站起来远离画才能看到全貌并发掘问题。在工作中同样也需要全盘思考，并产出完整的设计方案。

感谢大家阅读~

交互设计是很多设设计师心向往之的领域，很多设计师在进入职场一两年后，会开始思考如何转型交互设计师。除了这个学科本身的魅力之外，它还赋予设计师的很多其他价值。那如何去学习交互设计呢？作为一名交互设计师，我想整理一套交互设计体系知识，结合自己的学习和项目经验写到文章中分享给大家看，希望能对大伙转行 交互设计 有一些些帮助！全文多达 10000+字，阅读时间会比较久，感谢你的细心阅读，如你有建议可反馈留言！

零基础如何成为交互设计师？聊聊我的学习三步法！ 背景介绍 我是从测试被动转交互的（转岗原因不是这次的重点，就不在这里描述了），以前工作的公司是家小公司，没有所谓的交互设计岗位，所有我对交互设计一窍不通，以至于画了一段时间的线框图之后，依然没有找准个人定位，走了不少弯路，浪费了不少时间。

阅读文章 >

关于设计名词 在全面走进交互领域之前，我们可以先了解一些基础设计名词，行业有很多与设计相关的术语名词，例如 UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD 等等。行业招聘信息里也经常会有很多名词术语，如下图。由于设计的关联性很强，很多时候我们被这些名词弄得头晕，对自己的职业规划和定位也变得模糊。

1. 设计名词的分类 按照设计学科

从学科角度，我查阅了大量的资料，分类如下：人因工程，工业设计，交互设计，用户体验设计，视觉传达设计等学科。涵盖了国内外高校开设的学科专业。用户体验设计在行业里已经被普及，但目前在高校中还是比较少的。不过用户体验设计已然是大势所趋，越来越被重视。

人因工程：简称 HF（Human Factors Engineering），是研究人、机、环境三者之间关系的学科；（美国称人类工程学，西欧称人类工效学，日本称人间工学，国内命名更多如：人机工程学，人体工程学、工程心理学等），关于这类知识大家可以看看华为设计师的课程《基于人因的用户体验设计课程》

定义 1：根据国际人类工效学学会于 2000 年的定义：“人类工效学（Ergonomics）是研究人在某种工作环境中的解剖学、生理学和心理学等方面的各种因素；研究人和机器及环境的相互作用；研究在工作中、生活中和休息时怎样统一考虑工作效率、人的健康、安全和舒适等问题的学科。

定义 2：中国企业管理百科学全书:研究人和机器、环境的相互作用及其合理结合，使设计的机器和环境系统适合人的生理心理等特征，达到在生产中提高效率、安全、健康和舒适的目的。

工业设计：简称 ID（Industrial Design），指以工学、美学、经济学为基础对工业产品进行设计；工业设计又称工业产品设计学，工业设计分为产品设计、环境设计、传播设计、设计管理 4 类。工业设计涉及到心理学，社会学，美学，人机工程学，机械构造，摄影，色彩学等。

交互设计：简称 IXD（Interaction Design），关于交互设计部分的详细内容，在后文再讲解，包括交互设计的发展、概念、重要性、核心要素、入门要求等；

人机交互：简称 HCI（Human–computer interaction）或HMI（Human–machine interaction），是一门研究系统与用户之间的互动关系的学问。系统可以是各种各样的机器，也可以是计算机化的系统和软件——摘自维基百科。

用户体验设计：简称 UED/UXD（User experience Design），是以用户为中心的一种设计手段，以用户需求为目标而进行的设计；用户体验：简称 UE/UX（User experience）

视觉传达设计：简称 VD（Visual design），是为传播特定事物通过可视形式的主动行为。大部分或者部分依赖视觉，并且以标识、排版、绘画、平面设计、插画、色彩及电子设备等二度空间的影像表现；

按照载体媒介

用户界面：简称 UI（User Interface），是指对软件的人机交互、操作逻辑、界面美观的整体设计；是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换

图形用户界面：简称 GUI（Graphical User Interface），是指采用图形方式显示的计算机操作用户界面；是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、调用文件、启动程序或执行其它一些日常任务。

人机界面：简称 HMI（Human–machine interaction），人机界面（又称用户界面或使用者界面）是系统和用户之间进行交互和信息交换的媒介， 它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。ps：HMI这个概念在上文也提到，在学科领域可用来代表人机交互。

Ui 和 GUI、HMI 差别是什么,UI (用户界面)是一个广泛的概念，包括硬件和软件设计，包括 GUI，HMI；GUI 是用户图形界面，仅指软件视觉界面，HMI 是人机界面，与人信息交流的界面。

按照设计模式

以用户为核心的设计：UCD（User Centered Design）是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心，强调用户优先的设计模式；在进行产品设计、开发、维护时从用户的需求和用户的感受出发，围绕用户为中心进行产品设计、开发及维护，而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等，以 UCD 为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

以技术为核心的设计：TCD（TechnologyCentered Design）是指以技术手段为中心的设计。

以商业为核心的设计：BCD（Business Centered Design）是指以商业价值为中心的设计。

设计名词整理的大致就介绍这么多了，那么本文重点的交互设计和这些学科之间的关系又是怎么样的呢？用下图这个图表展示他们之间的关系。——摘自 丹•塞弗《交互 设计基础 》

了解交互设计 1. 交互设计的故事 1959 年，第一篇关于人机页面的文章问世，交互设计首以人机交的形式，作为填补缺乏适用于设计数字产品的可用技术和工具出现；1960 年，Liklider 通过分析人与电子计算机之间合作互动的一种预期发展，提出“人机共栖”概念；20 世纪 80 年代初：两位工业设计师比尔·莫格里奇和比尔·韦普朗克着手设计第一台笔记本电脑 GRiD Compass，他们为自己的工作创造了“交互设计”一词；这个词在 10 年后才开始被设计师重新发现并进入主流；1999 年，国际标准化组织(ISO)发布了“以人为中心”的交互式产品设计原则和程序规范；2005 年交互设计协会（IxDA）成立；2012 年 IxDA 正式推出首次年度“交互设计奖”，交互设计才算是正式起飞。

2. 交互设计的定义 关于交互设计的概念，国内外组织或学者有不同的定义，如下图：

交互设计，又称互动设计（Interaction Design, 缩写 IxD 或者 IaD），是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式（the “interaction”，即人工制品在特定场景下的反应方式）相关的界面。——来自IxDC

交互设计是设计交互式数字产品的、环境、系统和服务的实践，交互设计的焦点是如何设计行为，交互设计的首要目标是满足人的需求和欲望。——艾尔库伯（交互设计精髓的作者）

定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析，关注以人为本的用户需求。——来自 李世国 顾振宇．《普通高等教育工业设计专业“十二五”规划教材——交互设计》2012年

3. 交互设计的对象 最早期的设计，我们可以追溯到工业设计时期，作为设计领域​的鼻祖，它是以“产品“为设计对象，而交互设计对象是“行为”，交互设计师会关注与“行为”相关因素作为设计的考量。而不仅限于产品的物理属性（外观、结构、功能、材料）；

以小米的“小爱音箱”为例。小米通过它将家庭中的电子设备实现了互联，它新奇的用户体验被很多用户追捧。我们可以在小米现有的音箱产品中，找到和传统音箱的一些区别；

小爱音箱系列产品已经陆续发布了 5 款，从初代的蓝牙音箱到触屏、语音音箱，我们可以从产品的迭代中感受到音箱交互行为（语音交互到屏幕手势操控）变化的一些特点。

当用户在使用小爱音箱的时候，已经不局限于听音乐，它作为小米 Alot 产品生态的连接中枢，用户更享受通过页面操控和语音交互来控制其他 lot 产品的快感。当用户回家，向小爱音箱发出语音指令“小爱同学，我回来了”，和音箱连接的所有 lot 设备都能同步打开，当用户在回家后，还可以通过操作小爱音箱界面设置热水器的水温。

传统音箱最原始的需求是音乐播放，随着音箱使用要求的升级，人们对于声音的品质追求也变得更高了，厂商想尽方法制造出新的产品提升声音的播放质量，例如丹拿音箱的出现大大提升了声音播放的品质。

当用户在使用小爱音箱和家中的其他 Alot 产品交互的过程中，很少会在意小爱音箱本身的物理属性，他们更在乎这种创新式的交互如何改变的自己的家庭生活，譬如通过语音交互帮自己打开壁灯，打开电视、打开扫地机器人或通过触摸屏界面来设置调节其他 Alot 设备的运转状态等,应用到各种家庭使用场景。

4. 交互设计的行为要素 关于交互设计的行为要素我们通过下面两个例子来解析：

理想 L9 后排电视手势交互操作：

之前号称对飙 500 万库里南的新能源汽车理想 L9 已经发布很长一段时间了，这辆车最大的特色就是智能座舱的全新体验升级，针对家庭使用场景的设计有很多。其中手势交互是一个比较新颖的设计点，手势交互的行为有悬停获取焦点，平移切换，两次抓握确认。

使用场景举例：一家四口去外地郊游，家里的成员哥哥想打开后排的电视机看电视打发无聊的旅途，他使用了手势交互去操作选择影视进行播放。

OPPO 手机 ColorOS 系统的手势交互：

在 ColorOS 系统 12.0 版本中，新增了这个手势交互的方式，它结合智能传感器，进行无触控式的手势操作，根据系统提示通过控制手腕挥动去切换内容、完成对应的任务。

使用场景举例：小 A 使用手机看电影，突然收到一个好朋友的来电显示，他通过隔空手势操作，向上滑动手腕，完成接听了朋友的电话流程。

通过上述两个设计案例，我们可以总结交互设计的五大行为要素为：

5. 交互设计的衡量指标 在关于交互设计定义的内容里面，提到了交互设计的指标是从可用性和用户体验两方面去分析，也就是从理性和感性的两个角度去衡量。

可用性

根据雅各布尼尔森《可用性 101：可用性简介》文章定义：可用性是一种质量属性，用于评估用户界面的易用性。“可用性”一词也指在设计过程中提高易用性的方法。可用性由以下五个质量组件定义：

易学性：用户在第一次遇到设计时完成基本任务的难易程度如何？

如下图美团外卖：用户第一次在线上点餐时，如何快速的用最便宜的价格吃上一顿饭。用户是否能高效获取店铺满减优惠活动信息，是否快速填写地址，是否能快速选择挑选优惠券，最后进行付款。

效率：一旦用户学会了设计，他们执行任务的速度有多快？

如下图美团外卖：当用户完成第一次点餐后，以后每次完成点餐的速度会不会更快，例如商品页有商家的满家活动提示，上一次点餐记录，可以点击“再来一单”按钮，完成选餐，选择优惠红包前，有文案提示需要先填写地址，同时有常用地址弹窗提示，可点击使用。

记忆性：当用户在一段时间不使用设计后重新使用它时，他们恢复熟练度的难易程度如何？

如下图美团外卖：当用户隔了很久之后再使用美团外卖来点餐，用户重新使用产品的熟练度是否有下降。

错误：用户犯了多少错误，这些错误有多严重，以及他们从错误中恢复的难易程度？

例如下图顺丰快递：在寄快递时，填写完所有的详细信息后，提交了订单，但发现地址和电话填错了，在运单详情页有“修改信息”按钮，点击进入寄件页面进行信息修改。

满意度：使用该设计的愉快程度如何？

例如在闲鱼平台购买闲置物品时，卖家的商品描述和实物有很大的差距，然后要求退货，卖家不肯，最后需要闲鱼法庭介入审理，但审理也没有足够公平和透明，最后只给了一个判决结果。这样的情形我遇到了两次。所以平台对于买家卖家的一些管理机制特别不完善，还有商品的描述是否准确也没有审查标准，完全把责任抛给买家和卖家。所以总的来说，使用起来愉悦感很低，平台信任感也很差。

用户体验

用户体验是用户在使用产品过程中建立起来的一种纯主观感受。我查阅了很多相关资料，这种定义还是具有普适性的。再简单的解就是：用户在使用产品去完成某项目标的过程中，使用感受是怎么样的。很多知名国内外公司为了量化用户体验指标而设计了很多数据模型，其中出现最早且具有指导意义的是国外的谷歌的量化模型：以用户为中心衡量的 HEART、以目标为导向衡量的 GSM；国内的最近几年也有很多类似量化的数据模式，具有代表性的是阿里的”PTECH”、UES、五度模型；其中谷歌的数据模型更加系统和通用，而阿里的是针对不同项目而衍生出很多量化模型。下面以谷歌公司模型为例浅谈下它们是如何去衡量用户体验指标的；

HEART 模型出发点是做以用户为中心的，能够用于大范围的用户体验度量方法。它包含 5 个维度：Happiness 愉悦度：用户主观体验，用户觉得产品对其有帮助，容易操作，使用产品或者功能时总感到愉悦。Engagement 参与度：用户对产品内容感兴趣并愿意经常使用。Adoption 接受度：用户看到新产品或新功能愿意进行使用。Rentention 留存率：在一个时间内用户愿意回来继续使用产品或者功能。Task Success 任务完成率：用户能够高效，准确地完成任务。

GSM 模型 Google 的 UX 团队为了让 HEART 模型度量标准应用于实践而提出的设计方法模型，G 是 Goal，S 是 Signal，M 是 Metric，是遵从「目标-信号-指标」的过程来定义数据指标的方法。

成为交互设计师 前面我们提到交互设计是一门十分复杂的学科，这个领域的研究广而深，可创新性很强，设计带来的意义很大，所以很多人都比较崇尚这个领域，可如果真想走上交互设计之路，就得有项目的历练，有熟练的设计技能，有扎实的知识基础，对事物和生活的细致观察力。

1. 交互设计师项目篇 当设计回归到实际工作项目，首先我们要知道，一般交互设计的岗位在公司的组织架构里面，它是一个比较中间的位置，他的上游有产品、用研；下游有设计和研发，交互和这些岗位是交叉的，有联系的，强如“设计驱动”的苹果公司，交互设计师也需要掌握很多其他跨专业的知识，所以实际工作中，有很多东西需要交互设计师去学习。

交互设计的项目流程

互联网公司的设计团队都有自己的设计开发的一套流程，但项目的核心流程大体都会经历以下三个阶段：需求—设计开发—结果验证；

需求阶段需求是项目开发的源头，我们要进行需求搜集、分析、筛选、评估、版本排期。需求的搜集可以是来自产品数据、用户反馈、设计人员洞察探索、竞品分析，然后再做需求筛选讨论，确定需求的优先级；

设计开发阶段

环节 1：产品经理的文档需要列出每个版本的详细信息，包括产品创新设计或改版的背景、解决什么问题、功能的设计背景，产品目标和指标、产品策略，产品范围层（功能规格、内容、信息、规则）等；

环节 2：设计师需要针对产品功能结合产品目标进行设计策略上的思考，进行方案输出，包括交互文档（版本号、设计描述、流程图，页面跳转逻辑，交互细节阐述、异常状态处理）、交互动态（动效演示参数图、动态 demo 展示）、视觉界面设计（形、色、构、字、感）等，全流程保持和前后端技术人员进行设计评审和沟通，持续评审也是为了防止后期大家互相扯皮影响工作状态和效率，但最终目的是使项目开发降本增效，减少返工。

环节 3：设计方案输出结束之后，就是技术人员的开发，设计师也需要全程持续跟进，保证设计效果的实现，了解前端的一些页面适配规则，前后端的之间数据架构和接口传输规则。

环节 4：前后端开发完成第一版本成品后，项目组人员（测试人员权重较高）可以开始全局测试，交互设计师在走查时，可以内部梳理一套通用的《交互走查表》进行检查，可以通过设计走查，专家测试，用户内测，用户访谈等方式，整理收集影响产品稳定性的 Bug 和设计细节问题，再反馈给技术员人进行修改。有条件的会进行可用性测试，检验设计的用户体验和设计可行性。

结果验证阶段

产品上线后，我们可以通过数据和用户体验来检验优劣，数据层面可以使用灰度测试、A/Btest 测试等方式验证设计方案的可行性，通过数据埋点的方式获取用户的行为数据，用户体验可以使用满意度调查、NPS 等方式通过问卷调研的手段来了解用户的使用感受。

交互设计的 5 大项目思维

产品思维交互设计师要有培养产品思维的习惯，产品思维能够引导我们发现很多设计点，设计出创新性的产品。做产品最核心的问题就是：用户有什么样的需求？这个需求待解决程度（用户痛点、爽点、痒点）怎么样？例如支付宝这个产品，就是改变了用户日常的付费交易方式，从现金到线上数字货币支付的转变，大大的解决了用户不用携带大量现金的需求，当然了他的功能不仅限于此，更客观的说，支付宝的出现改变了人们的生活，创造了极大的社会的价值。

用户思维产品主要作用对象是用户，通过用户获取功能需求，我们需要学习如何了解用户，了解我们的产品典型目标人群是哪一类人，了解用户的真实诉求是什么？了解用户场景是什么样的？具备用户思维，设计师可以更精准高效的输出设计方案，达到解决用户问题的目的。

视觉思维交互原型稿和文档是交互设计师接触最多的工作任务，它们需要定义很多内容信息，这不仅仅靠逻辑，还需要有视觉思维，将黑白交互界面的视觉重点和信息层级展示清楚。如下图所示为苏宁智慧屏项目部分功能的交互设计稿样式：

​

交互设计的视觉思维上关注的几个点如下：第一点要有场景的概念，比如要熟悉产品在什么样的设备上呈现，设备具有什么样的特性和要求，用户的使用产品的操作方式；第二点要有原子和模块化的概念，比如一个组件和模块主要是由哪些原子化的元素构建，如何去定义这样内容，第三点要有设计理论应用的概念，比如在界面布局时，可以通过设计的四大基本原则（对比、重复、对齐、亲密性）、格式塔原理（接近原则、相似原则、共同命运）、设计规律（黄金分割法、网格系统、系统规范）这些点去切入。

开发思维产品外在靠界面，内在靠代码，好用好看的设计依靠技术作为底层支撑才能最终开发上线，我们经常做设计方案评审时，会遇到被技术人员否定的情况。我们就会拿有相同设计的产品去和他理论。最终的结果就是还是做不了。但是做不了的情况大体分为两种，第一种情况是实现这个设计的背后，确实需要投入很多人力、资源去完成这项工作；第二种就是技术人员单纯的不愿意做，可如果你有开发思维，能想到这个设计背后的技术难点，能清晰的和技术人员进行讨论和协商，他们也不能或不好意思去拒绝。所以开发思维可以让我们和技术人员成为好朋友，又可以学习一些技术原理，属实不亏。

数据思维交互设计师对于数据要有一定的敏感度，业务数据可以帮助我们了解产品的经营状况，关注产品的总体流量，转化、营收，用户的行为数据可以帮助我们在设计迭代时提供依据，另外通过各类数据的跟踪、对比、分析能帮助我们评估设计方案的好坏以及后期设计修改的方向。

2. 交互设计师技能篇 技能已经是交互设计师的入门要求，也是初级交互设计师进阶的基础，那这部分主要讲解交互设计师的技能兵器库，主要由设计手段、平台规范、理论知识这三部分组成。

交互设计的兵器库 1-设计手段

设计软件交互原型设计：包括静态界面和动态 demo 设计，可以使用纸质原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama 等；界面设计：主流的软件有 Figma、Sketch、ps，网页和客户端通用的有即时设计、Figma、Pixso 等；

动效和三维设计：目前动效应用广泛的如 AE，三维软件有 C4D，blender，Rhino、更高级的如游戏引擎 unity3d；

编程软件：网页端如标记语言 HTML+CSS，脚本语言 JS，移动端如 iOS 的 Swift 和 Xcode，Android 的 studio；

文档工具：如常用的 X-mind（思维导图）、汇报用的 ppt、keynote 等

设计方法设计方式这里指向用户研究部分的内容：主要有定量研究、定性研究、用户画像的构建，定量研究的可使用问卷调研、数据分析、眼动测试，定性研究可使用用户访谈、焦点小组、可用性测试、卡片分类法，用户观察法等

交互设计的兵器库 2-设计规范

说到设计规范，这可能是很多设计师在交互入门的时候，比较忽略的基础知识点，首先各类平台的系统规范经过很多版本的迭代，内容特别精且多，新手设计师经常在阅读学习的过程中失去耐心。只是碰到相应的点才会想起来去看一下。目前处在设计领域最前沿的平台规范如苹果系统的《人机界面指南》，安卓系统的《材料设计》，鸿蒙系统的《设计指南》，微软系统的《设计原则》，这些平台的系统规范非常通用，覆盖的设备也很多，例如苹果系统的人机界面指南覆盖了电脑、手机、平板、手表、电视。在国内也涌现了很多平台规范，例如阿里的 antdesign，腾讯的 tdcdesign，字节的 acrodesign 等。

交互设计的兵器库 3-理论知识

交互设计发展至今已经很长一段时间了，前辈们在无数的实践中总结了很多科学的设计理论。我们可以利用它们指导设计工作，例如：尼尔森设计十大原则（状态可见原则、环境贴切原则、用户可控原则、一致性原则、防错原则、易取原则、灵活高效原则、审美和简约设计原则、容错原则、人性化帮助），交互相关定律（菲茨定律、席克定律、格式塔原理、奥卡姆剃刀原则、峰终法则、帕雷托原理、米勒定律、邮编定律、序列位置效应、泰斯勒复杂性守恒定律、序列位置效应、多尔蒂阀值、雅各布定律、蔡格尼克记忆效应、冯·雷斯托夫效应等）。理论知识可以作为设计的参照标准，但用设计理论反对设计结果是很不合适的，具体问题还需要结合实际应用场景去分析解决。

3. 交互设计师能力篇 最后一章我想和大家分享关于交互设计师的能力模型，主要分三大块，这也是实际工作中感触比较深的几个点，希望对大家能有帮助！

基础能力-学习

学习是一项比较基础的能力！它包括了你技法上的突破、阅读书籍获取知识、适应和熟悉工作流程；例如当你在工作中，需要设计一个页面动画效果，你学会了一个新的软件和新的实现方法；又或者当你阅读了一本书，学到了很多知识，打破了自己的认知，再或者入职新公司的时候，你需要适应新环境和工作流程。设计领域的要求更新换代特别快，就好比之前我们做设计基本都使用 sketch，

还得和苹果系统捆绑，但现在像 Figma 等软件不光可以客户端下载使用，甚至都可以网页端协同使用。所以在任何时候都要保有一颗

做学徒的心，去学习，去适应、不断的突破自己！

通用能力-沟通、执行、总结

沟通、执行、总结三大能力无论是在生活还是在工作中都是比较通用的，我们在和别人交流时，需要用语言传达自己的想法，让别人或自己明白，然后去执行，根据执行的结果进行总结，变成自己宝贵的经验。例如有一次在做交互方案时，产品经理直接丢过来一个需求，然后没有说明具体的需求背景和设计方向，然后就把方案弄好了去评审，被技术人员一通乱怼，弄的大家情绪都上了头，就开始争吵起来，最后结果就是重新设计；这让我后来在做方案的时候，一直记得利用这套通用能力去处理问题；确实有效。但在培养这些能力的同时需要注意：把控情绪做有效沟通，拒绝盲目执行，反复思考总结经验，用总结能力反哺自己的沟通、执行能力。

进阶能力-洞察、思考

洞察和思考是交互设计师的最高级的能力，拥有这种能力的设计师往往已经能够探索到问题的本质，洞察和思考能力的培养来源对事物的探索欲，有好奇心，有细致的观察，这要求设计师要把解决问题当作是兴趣来看待；以生活中的用户使用的出行工具单车设计为例，单车上有很多设计点都体现了交互设计师的这两项能力；

单车的座位调节控制结构设计如上图是哈喽单车的不同版本的设计，第一个调节结构我们需要向逆时针向外推，才能进行座凳高低的调节，第二个调节结构我们仅需要上下方向推拉进行控制。我在使用的过程中，第二个结构操作的时候更加省力。 座凳支撑杆的身高标记设计第一个支撑杆我们可以看到是没有任何标记的，第二个支撑杆上面有对应身高相匹配的尺寸标记，相比较第一个设计，带标记的设计让用户更快的调到舒适的高度位置。 这个设计案例属于从结果倒推方案，因为在已有设计方案做推理分析，但是我相信项目人员在进行产品优化的时候，也肯定是洞察到“旧的坐凳设计”结构给用户带来的不便，不仅操作费力，而且这样的结构容易卡住废车；身高标记的设计肯定也是结合用户的不同身高这个需求，设计师观察用户在调节座凳高度的时候，坐上去再下来，反复的调试去选择舒适的高度，才思考出这样不错的设计方案。

总结 本文分享到这里就结束了，总的来说，想成为一名交互设计师，需要投入的成本是很大的，除了软件技能还需要有足够的知识储备，培养自己的各种思维和能力，那文章我也通过三个部分去说明了这些内容，首先我用设计领域的名词作为切入点，带大家去了解设计领域的现状和关联，对设计名词有大致的概念；其次着重的分析交互设计，介绍了交互设计的起源、定义、主要对象、五大行为要素、两大衡量标准；最后写了关于成为交互设计师一些入门要求，第一点是通过项目流程、项目思维角度，第二点是从设计技能角度，交互设计师需要有设计手段、平台规范、理论知识三大兵器库，第三点是从能力模型角度，交互设计师须具备学习、沟通、执行、总结、洞察、思考 6 大能力。在去往交互设计的路上，建议设计师们要保持一颗进取的心，认认真真的去学习、去实践、去进阶，提升自己的设计认知。

文章内容仅供学习参考。

大家好，我是和你聊设计的（经夏日高温烘焙更香脆的）花生~

虽然优设一直有向大家推荐各类 设计灵感 ，但是还是有很多刚接触设计的小伙伴们迫切地想知道有哪些“设计师必备国际设计网站”能让自己一键收藏，既然如此那干脆给大家就来一期优质 设计网站 推荐吧 ~

除去 设计师 都熟悉的设计网站三巨头 Pinerest、Behance 和 Dribbble，这次我从自己收藏的 100+设计灵感网站里精心整理出 9 个顶尖并各具特色的国际设计网站，它们提供的灵感参考丰富全面、质量极高，并尽量涵盖了不同的设计领域，一起来看看吧~

（前排提醒，部分国外的设计网站需要梯子观看哦~）

免费商用！提升设计质感必备的5个样机网站 大家好，我是和你们聊设计的花生~ 样机是提升设计质感的利器，特别是在进行作品集呈现的时候，好的样机能让作品集质量直接上升一个高度。

阅读文章 >

1. Designspiration 网站直达： https://www.designspiration.com/

Designspiration 是一个具有色彩搜索功能的综合性设计灵感网站，它和 Pinterest 一样使用瀑布流进行内容呈现，灵感涵盖平面设计、3D、UI、品牌、插画、包装、摄影、建筑等多个方面。

Designspiration 拥有细致全面的功能分类，网站有为主页、关注、热门、话题等分区；每个灵感带有描述标签，点击后可以直接跳转到相关推荐。最值得关注的是网站的色彩搜索功能，最多可以选取 5 种颜色，让灵感收集的针对性更强，整体搜索效率更高。

色彩控必看！堪比 Pinterest 的色彩灵感网站 Designspiration 提到设计灵感网站，Pinterest、花瓣、Behance、Dribbble 这些大家都非常熟悉了。

阅读文章 >

2. Artstation 网站直达（搭梯子使用）： https://www.artstation.com/learning

Artstation 是世界顶尖的综合 CG 视觉艺术交流社区，是游戏、影视、娱乐等行业主流艺术作品的展示平台，这里主要像讲一下它的 learning 版块。

今年年初 Artstation Learning 宣布站内课程全部开放，永久免费供所有人学习。该版块内有来自世界各地顶尖艺术家讲授的课程，既有 PS、Zbrush、Unreal Engine、Substance painter、Blender 等工具类教程，也有色彩、构图、概念艺术、人物设计等专业知识的讲授。

有关 Artstation Learning 的更多内容：

新年重磅！Artstation 大师级艺术课程全部免费开放 2022 年已经开始了，总结完过去一年的收获与成长，新的学习提升计划也该提上日程了，不知道大家今年又给自己定了几个设计「小目标」呢？

阅读文章 >

3. NDC 网站直达： https://www.ndc.co.jp/cn/works/

NDC，即日本设计中心（ NIPPON DESIGN CENTER ）是一家创意设计机构，由日本设计界的龙头人物原研哉组织创立的，追求“看重事物本质，并将其清晰可视地表现出来”的设计理念。

NDC 网站是经典的日式极简风格，干净朴素，展示了公司从 1959 年至今众多的设计成果，涵盖网页设计、平面广告、画册、电影、包装、VI、书籍设等多个方面。作品设计水平都是一流的，喜欢极简的设计风格的小伙伴不容错过。

向大师学习！如何从原研哉的哲学中学习海报设计？ 编者按：今天这篇是一位原研哉的忠实拥趸写的，聊聊如何借鉴他的设计理念，应用到海报设计中，想追求极简风格的同学，或许可以试试 >>> 梁木东：我写的这篇文章，是出于某一位平面设计界的大师的敬仰，他的每一张海报我都琢磨过很长一段时间。

阅读文章 >

4. Notefolio 网站直达： https://notefolio.net/

Notefolio 是韩国的一个综合性设计交流网站，性质与 Behance 类似。上面有很多韩国设计师、艺术家发布的优秀作品，涵盖平面设计、3D、UI、插画、产品/包装、时尚、艺术、摄影等多个领域，还有很多专业设计师/插画师分享的亲身创作经验和心路历程。作品整体风格与欧美设计网站有明显区别，能给人带来全然不同的灵感激发。

5. InspirationGrid 网站直达： https://theinspirationgrid.com/

Inspiration Grid 是一家加拿大的设计灵感网站，无需梯子就能访问。每天更新有关平面设计、艺术、摄影、插图、建筑领域的优秀设计作品，也有各种设计主题的灵感推荐专题。网站非常有活力，呈现的内容都是经过精心挑选的，有很多让人眼前一亮的高质量创意作品。

6. Awwwards. 网站直达： https://www.awwwards.com/

Awwwards 是一家专注评选优秀网站设计作品的权威平台，被称为“网页设计界的奥斯卡”。它每天评选出一个“Site of the Day”的网站设计项目，获奖后无论是对设计师实力还是该项目品牌的传播都大有助益。

Awwwards 汇聚了来自全世界的顶尖网页设计实战案例，能给设计师带来版式设计、网页配色、动效设计、用户体验等方面的创意灵感，是提升设计审美、学习网页设计思路必看的网站之一。

网页设计必看！盘点 6个 Dribbble 上的优质设计工作室 大家好呀，我是和你们聊设计的花生~ 之前向大家推荐了一些 Behance 上的优质排版灵感参考，可以作为 PPT、网页设计的灵感参考，今天继续为大家推荐 6 个 Dribbble 上的优质设计工作室账号，这些工作室都发布了上百个成熟的网页设计及 UI 设计的商业案例，设计风格多样，主题

阅读文章 >

7. PACKAGING OF THE WORLD 网站直达： https://packagingoftheworld.com/

Packaging of the World（简称 POTW）是一个专门收集优秀包装设计作品网站，成立于 2008 年。每年会推出“年度最佳包装设计”榜单，是包装行业的专业风向标之一；每月还会根据作品网络传播数据评选出月度十佳包装设计，是了解包装设计热门风格的有效途径。

Packaging of the World 收集来自专业广告机构、设计师和学生的包装设计项目，自 2008 年成立以来已经累积了海量的优质包装设计案例，除了展示包装作品图片，还会以文字形式分享设计背景和理念，是激发设计灵感、学习包装设计思路的宝藏网站。站内有全面细致的分类，可以通过项目形象、所属行业、国家、包装材料、设计年份等搜索对应的包装作品，对于搜集特定灵感来说非常方便。

快收藏！设计师必知的包装产品信息标示规范来啦！ 包装设计应该是设计中一项最需要注重细节与合规性的工作，设计师在工作中也会经常会遇见一些问题，比如净含量的字符高度应该多高等问题，今天我整理了一份规范表，来看看吧。

阅读文章 >

8. Identity Designed 网站直达： https://identitydesigned.com/

Identity Designed 是一个专注品牌设计项目展示的网站，由北爱尔兰设计师 David Airey 负责运营，目前已经累积了数百个全球各地的优秀品牌设计实例。

网站以博客的形式展示品牌社设计的项目背景、设计思路和理念，配合大量的实景图片，让读者能对一个品牌的设计过程和落地效果有完整的认识。文章开头还会附上该项目设计工作室的链接，点击就能跳转至工作室主页，进一步了解更多优秀的品牌设计项目。

为什么你的设计没有品牌感？收下这份近两万字的品牌设计指南 品牌是一个比较抽象的词，那是因为一提到品牌，每个人都会对品牌拥有自己的见解。

阅读文章 >

9. LOGOED 网站直达： http://www.logoed.co.uk/

LOGOED 是一个展示优秀 LOGO 设计作品的博客网站，自 2001 年至今已有 20 余年的时间，累积了大量真实且高质量的商业 LOGO 设计案例。网站除了展示了 LOGO 标志外，还会附上该标志所属品牌信息和实际应用场景展示，让想要寻找灵感的设计师有更准确直观的感受。

以上就是今天为大家推荐的 9 个高质量国际设计网站，喜欢的小伙伴可以收藏起来了~ 当然这几个网站只是众多优秀设计网站中比较有代表性的，如果大家想寻找更多优秀的设计灵感和免费资源网站，可以访问优设官方频道 「优设设计师网址导航」 。

里面汇集了 20 多个设计领域、超 500 个优质设计网站，导航分类细致，类型丰富全面。无论你是想找灵感、找免费素材，还是搜设计教程、学习设计知识，都能通过分类标签以及内置的优设网和优优教程网搜索引擎，快速找到最合适的设计资源，还可以免去自己逐个收藏网站的麻烦，非常方便。

「优设设计师网址导航」 https://hao.uisdc.com/

以上就是今天的全部内容，如果你关于本文或者设计方面的疑问，欢迎在评论区提出，我将会第一时间做出回应~

一些比较焦虑的同学总会有一个自扰的疑问，30 岁的时候自己还能不能做设计，或者说自己 30 岁之后能干嘛，还能不能具备职场优势。这属于“庸人自扰”的想法，我们都会随着经验的推进不断质变，也会随着行业的变化掌握新的技能，我们在职场中成长的是学习能力、应变能力和解决问题的能力等等。

与其去在意 30 岁之后自己是否被淘汰，不如思考如何在短时间内做到极致，专业成长过程中积累的学习能力才是我们区别于别人的关键因素。今天黑马哥就结合自己过来人的经验和大家聊一下这个话题，希望可以为大家排忧解难。

设计师如何度过职场前5年？我总结了这7个方面 如果给你五年的时间，你能走到职场的哪一步呢？

阅读文章 >

30 岁之前需要有：

持续的学习能力 明确的目标管理 管控惰性而自律 控制自己的情绪 挑战和改变自己 引以为傲的技能 竞争力的经验 差异化的视角 铺垫和沉淀资源 整合、转换和总结 1. 持续的学习能力 专业只有起点没有终点，因为别人都在努力地往前奔跑，如果你原地踏步，结局只能是“龟兔赛跑”。职场中我们需要的是持续的学习能力，就像上学的时候一样，培养的是学习的能力，职场中的学习能力也是至关重要的。

在职场中不怕你没有天赋，只要你愿意去学习，不断改变自己的思维方式和磨练设计技法，勤能补拙是一样可以成就专业路径的。三分热度大家都行，能够持续坚持到最后的才是处于金字塔顶端的部分。学习不需要每天过度的量，哪怕只是画一个界面、设计一个图标、绘制一个小插画、阅读一篇文章、体验一个产品等等，不在于量的多少，只要能将这个学习习惯培养出来，形成不自觉的自发行为即可。

我们可以没有天赋，但是我们依然会笨鸟先飞，持续学习带来的自驱力是我们成功的动力。在 30 岁之前你需要养成这种持续学习的习惯和具备自驱力。

2. 明确的目标管理 有人觉得自己的时间不够用，每天都过得很忙碌；有人觉得好空闲，整天无所事事。如果你具备制定目标和管理目标的能力，相信每一分时间对于自己来说都是非常有意义的，反之则会变得很迷茫。

我们要培养自己养成制定目标的习惯，不要怕目标完不成，及时调整即可。我们都会遇到很多目标失败的情况，但是我们需要养成制定目标的习惯，明确目标的进度并做好管理，养成这种思维和习惯才是至关重要的。

我们要具备：创建目标、拆分目标、细化流程、推进和管理、验收和总结等等，掌握这个习惯可以让我们更快地进步。

3. 管控惰性而自律 知道自己不足的人是很多的，但是能下定决心改变的却是比较少，能够管控好自己的惰性并具备自律的人更是寥寥无几。

如果你可以改变自己懒惰的习惯，养成自律的习惯，成功是迟早的事情。如果靠自己无法改变，就要学会依托于别人，融入一群自律的圈子，自然会被自律的氛围所带动。通过自律的圈子、激励策略和目标管控等刻意改变，强迫自己戒掉惰性养成自律。

4. 控制自己的情绪 对情绪的管控能力是初入行业的新人和老司机的差别，多年工作经验的沉淀，不仅可以让专业更加稳定，也能让自己的性格变得沉稳。面对客户不轻易显露“喜怒哀乐”，万般无奈也要事后消化，控制情绪是成熟的表现。

设计师被客户指指点点，设计稿反复修修改改等，这些都是常事儿，工作久了就会习惯了。工作的磨炼可以让我们学会收起情绪，这也是我们要在 3-5 年工作期内学会控制的。只有学会控制自己，才能迎来新的机会，也能避免不确定性因素的发生。

5. 挑战和改变自己 提升专业技能其实并不难，我们最大的对手是自己的习惯，改变已成定型的习惯是非常难的。理智告诉我们不应该安于现状，但是往往做出决定都非常难，一日拖一日，最终还是沦陷在舒适区里面。

想要成就自己就要学会克服自己的习惯，比如性格内向，我们就要刻意挑战这个缺陷，不断攻破自己的性格弊端；设计思维和产品思维不够强，就要不断地体验、分析和总结，刻意培养自己的思维能力；设计感知能力比较差，就多去提升艺术修养、欣赏优秀作品、反复推敲设计表达和探索作品的原理等等。知道自己的不足就要去挑战这个软肋，不断推翻自己和改变自己，才能打造出全新的自己。

6. 引以为傲的技能 随着工作年限越长，越容易呈现出设计师的缺陷，不是自己能力不足，而是别人对你的期望更高了。这么多年的经验，拿出来的不只是数字而已，与之匹配的能力只是满足底层需求，引以为傲的技能才是自身差异化的体现。

比如有些同学手绘功底深厚，在同台的求职者中表现特别突出，这便是他引以为傲的技能；有些同学色感比较好，作品感官层面给人印象深刻；有些交互能力比较强，作品设计得比较严谨且各环节思考全面，体现出与纯视觉层面的差异等等。

想要在求职中脱颖而出，就要体现出自己的技能差异，让别人望尘莫及的技能，这是提高自己能力的核心竞争力之一。

7. 竞争力的经验 职场中后期比较看重设计师的项目经验，直接相关的经验将会提高面试成功率，间接相关的也能增加可能性。无论是在简历中还是作品集里面都要重点突出具备竞争力的经验，如果缺少竞争力经验的话，就要在 30 岁之前的职场中想办法获取到。

这里延展一个话题：关于大厂外包岗位是否值得考虑？在对比的过程中我个人是这样排序的：大厂正编岗位、上市企业/外企正编岗位、规模较大的企业、拥有知名产品线的企业、小有名气的产品线企业、大厂外包岗位、中小企业、初创团队等。如果在小公司和大厂外包里面做选择，我个人会选择外包岗位（时间不宜过长）。因为在里面可以接触更好的项目，哪怕只是作为设计辅助，但是可以让自己具备一个竞争力的经验。以后无论是简历还是作品集里面都可以有知名企业或者知名产品的设计经验，大型项目的设计经验里面，哪怕只是辅助也能掌握规范的设计流程，经历专业的设计规范等等。

竞争力的经验在职场中后期的求职中是至关重要的，如果你有知名项目的设计经验，或者知名企业的工作经验，求职来说都是非常有利的。

8. 差异化的视角 工作经验积累的除了专业技能和项目实战经验以外，也是磨炼设计师理解能力、解决问题的角度思考、对于规划的远见、看待事情的角度等等。经验越丰富越容易形成差异化的视角，可以具备更优秀的综合能力，解决更多职场问题。

不同的视角会引发不同的心理状态，也是影响别人的因素。比如如何看待一个设计作品，你的认知里面只有缺点，证明你发现不了别人的优点。在指导团队的时候，如果你的组员在自己眼中都只剩下缺点，那最大的问题就是自己。多年的经验培养的是我们的心智，让我们具备不一样的视角去看待问题，只有跳出常规的认知才能发现不一样的美和解决问题的灵感。

多角度看待设计和解决问题，对于设计师在后期的职场中影响较大，职场中多学会倾听，不要着急灌输自己的观点。欣赏设计作品时，多发现别人作品中的优点，不要陷入缺点中迷失本心的判断。不要受到别人观点的影响，多以差异化的视角去判断，也许会拨开云雾发现不一样的思考点。

9. 铺垫和沉淀资源 资源可以让我们更快的达成目标，30 岁之前的职场经验和学习经验，我们可以沉淀下来的是专业的成熟度、项目的把控能力、团队协作能力、解决问题的能力、人脉资源、专业/行业资源的积累等。如果不在这些年的工作和学习中铺垫和沉淀资源，想要达成目标需要付出更多努力，不确性也是很大的考验。

在专业能力达到底层需求之后，人脉资源也是把控机遇的关键。比如想要跳槽，要是有认识的朋友内推，在同等条件下更容易获得成功；比如遇到专业能力范围之外的问题，找前同事或者朋友解答，会让问题得到解决的可能性增加；比如想要寻找创业技术伙伴，认识的人总归是优先考虑的对象。

除了人脉资源之外，专业或者行业资源也是关键，专业领域的技术资源、素材资源、规范和流程资源等也是需要多年的沉淀。行业的曝光度和专业领域的话语权，这些都是形成资源的关键，也是后期达成不同目标的专业支撑。在五到十年的职场经历中，我们需要不断地铺垫和沉淀资源，为之后的绽放奠定基础。

10. 整合、转换和总结 整合资源并转换成自己的经验思维，对专业经验形成方法论，这样的总结能力是至关重要的。职场初期以技法层面为主，执行能力的突破才能提高工作效率；职场中期需要掌握对资源的整合能力，这样才能不断将经验转换为自己的技能；职场后期就需要很强的总结能力，将经验总结成具备指导性的方法论，辅助团队成员的成长。

想要更快的达成目标，总结能力是非常重要的，无论是总结失败的经验还是总结成功的轨迹，都需要总结能力去梳理。总结也是通过输出倒逼输入的过程，主动性吸收比被动吸收要高效很多，也是记忆最为深刻的。

在 30 岁之前一定要培养自己的整合、转换和总结能力，这样才能将经验形成沉淀，将技能形成指导性的方法论。

小结 30 岁并不是我们职场的终点，而是我们职场发挥的起点，这个年龄段所具备的综合能力是达到峰值的。无论是专业层面的成熟度、项目经验的丰富度、心性的成熟和资源等的把控，都是一个非常不错的阶段。能够很好的把控项目，具备挑战大型项目的综合能力。正因此很多大厂的资深或者专家级别岗位，大部分都需要至少五年以上的经验。

不要自扰 30 岁之后自己是否被淘汰，只要在当前的时间段里面做到更好，经验的积累是不断强大自己的。要不断地经历会做、做得好、做得更好、做得优秀、做到极致，这样才能不断地成就自己。

本文观点属于个人经验之谈，不足之处大家选择性吸收，我们互相进步。

欢迎关注作者的微信公众号：「黑马家族」

大家好哇~这里是和大家一起进步的南清音~

大家平时在工作和学习中，有没有人会坐在电脑前一两个小时都憋不出来几个字？今天，我来拯救大家了！在这里，我来给大家推荐 9 款写文案的神器，让你轻轻松松变成 文案 大神~

往期推荐：

清华出品！AI 神器 WantQuotes 让你的文案立马变高级 大家好，我是和你聊设计的花生~ 前两天刚盘点完一波人工智能在图像生成方面的超强工具，又在微博上看到了清华大学推出的一款“据意查句”的 AI 工具，可以按照你想要的意思快速查找出相关的名言、诗句、俗语等 。

阅读文章 >

1. 今日热榜 「网站直达」 https://tophub.today/

关键词：查询热点资讯

你还在为找选题而担忧吗？那么，为了让大家以后写文章可以轻松一点，在这里我就来给大家推荐一个集合了所有热点的神器，轻轻松松掌握最新热点话题~

今日热榜是一个很强的热点追踪网站，它收录了各大网站的热点排行榜，帮助大家一站式查找到全网热点。网站累的热榜包含了各种类型的平台，其中甚至还有电影、小说、影视类的热榜。

操作方法：点开网页，就可以看到各大网站的热点排行，选择你需要的点进去就可以了。

2. 句子控 「网站直达」 https://www.juzikong.com/

关键词：查找最新文章、名言名句、电影台词、动漫台词、古诗词、小说摘抄、散文、书籍名句等。

那个写文案会卡壳的朋友，停下来别跑了！写文案无从下手时，为什么不来看看那些可以给你提供灵感，自动生成各种文案拓展你思路的宝贝呢？

句子控就像是一个随身的摘抄本，在这里可以找到优质短句、经典名句，还可以找到与你喜欢的类似的句子，如果总感觉你的文案少了点什么，在这都可以找到。

操作方法：进入页面，点击自己想要的类目就可以进行查找了。

3. 文案狗 「网站直达」 http://wenangou.com/

关键词：谐音梗的天堂；适合给热点活动主体命名找灵感。

策划活动的时候，时常会为了起一个易读、易记、好玩又具有深意的主题拔秃自己的脑壳，现在感觉头上已经快空空如也了。先不要着急，让我来拯救你的头发！

文案狗是一款专业的文案分享平台，喜欢玩谐音梗的朋友不能错过，只要你给出一个关键字，就能生出相关的谐音文字。简单的几个词语就可以快速生成各种文章，趣味十足。

操作方法：打开网页之后，在田字格里面输入你想生成的关键字，右边就会生成相关的词了。

4. i 校对 「网站直达」 https://www.ijiaodui.com/home

关键词：快速检阅错别字、易混词、敏感字词等，可以直接在线修改。

前几年的时候，我看了一部日剧《校阅女孩河野悦子》，那个时候就觉得校对这个工作真的好辛苦。想想从事文字工作的大家，或许也是会遇到这方面的困扰吧？下面我要推荐的神器就可以帮大家完美解决这方面的困扰。

爱校对是清华大学最近依托人机交互实验室的技术成果，利用自然语言处理＋深度学习的智慧场景，打造了一个精准度更高、速度更快地文字校对体系，旨在为严谨的文字工作者提供更有效的文字纠错工具，降低人工校对成本，提高校对效率和准确率。

操作方法：打开网页，直接将文字复制到文字校对区域或者上传文档进行校对。

5. 牛蚁写作 「网站直达」 https://www.61xiezuo.com/

关键词：减少搜索素材的时间；快速采集全网热点；智能过滤广告信息。

一款好用的采集工具应该不仅仅是可以帮运营采集信息，同时还应该要准确分析数据走向，这样才能给运营带来便利。

牛蚁写作是一款自媒体素材搜索、文章原创、一键发布的运营工具，有效提升新媒体运营工作效率，降低企业成本。对于普通用户来说，免费版就已经够用了，如果需要更深层的使用，那就需要成为会员。

操作方法：

在工作台-写作里面输入关键词，搜索出的文章，选择符合你选题的文，点击“重新导入”，再点击“一键原创”，就能把这篇文章修改成你的原创文章。如果需要修改的话，会自动对段落中的文字顺序进行调节和整句的替换。降低文章重复度。素材很多，出稿快。

6. giiso 写作机器人 「网站直达」 https://www.giiso.com/#/

关键词：可以根据关键词自动生成写作素材；查看全网热点；实时追踪热点话题。

对于写作不好的人来说，如果临时被分配到一个写作的任务，真的就是抓心捞肝了。这个时候就急需要一款可以救命的神器，来帮助我们解决上面交代下来的任务。

Giiso 写作机器人是一款内容创作型 AI 辅助工具，它能够提供热点写作、提纲写作等类型的写作，具备智能写作、智能推荐素材、稿件改写、稿件查重、稿件纠错等功能。我们自己用，可以当做是一个内容聚合器，激发灵感。AI 出来的内容可以去修改，完善，也是不错。 不过它每天只有 10 次免费试用的机会，如果需要更深层的使用的话，就需要大家付费了。

操作方式：点开网页，输入关键词，它就会给你生成文章，而且还会生成好几篇不同类型的供你挑选。如果需要热点写作的话，直接输入热点内容，或者点击下方实时热点，就能 AI 生成热点内容。同时，利用文章裂变的话，还可以同时生成多篇文章。

7. 33 台词 「网站直达」 http://33.agildio.cn/

关键词：支持中英文台词搜索在影片出现的时间点；在线轻松制作字幕图；在线剪切视频片段等。

如果你是一个短视频创作者，我相信你肯定经常会遇到这样的烦恼。一些经典有意义的台词真的能带给人一些感动和感悟，然后你想将他们放在自己的剪辑作品里面，却不知如何寻找素材，每次为了寻找一个素材都要抓心捞肝的寻找很久。运气好的话可以找得到，运气不好的话可能就不了了之了。下面我给大家推荐的就可以让大家轻松找到素材，再也不用浪费不必要的时间了，

33 台词是一个可以利用中英文台词找影片素材的神器，用它进行台词搜索，很快就能找到你需要的那个片段，省时省力，方便快捷。它有网页版和 APP 版两种，大家可以根据自己的需要选择用哪一种。

操作方法：

打开网页后，直接在顶部的搜索框里面输入你想要查找的那句台词，就会出现很多相似的台词。如果觉得还不够精确，可以在右上角的高级筛选里面填入关键信息进行精确查找。找到后，你可以对其进行预览；采集；云截图和云剪切。

8. 小鸡词典 「网站直达」 https://jikipedia.com/

关键词：海量热门词任你搜，并且解释全面，教你轻松玩梗。

现在的年轻人，每天都可以产出很多很多的新词，如果不是天天关注这些的话，很有可能一不小心，咱就听不懂对方在说什么了。

小鸡词典是一个专注于用最快的速度收集网络流行语，并对其做出简单明了的解释，让大家都能理解某个网络流行词由来的网站。如果你要写社交文案的，十分建议来使用一下。

操作方法：

点开网页之后，就可以看到很多热门的网络词，甚至还有热门词排行榜。如果你需要搜索的话，在右上方的搜索栏里面搜索就好了。选好自己需要查找的词之后，点击进去就可以看到这个词出自哪里，是什么意思啦~是不是非常贴心，有了小鸡词典，妈妈再也不用担心我不会用网络热门词了~对了，除了网页版，小鸡词典还有 APP 版，大家可以根据自己经常的习惯进行选择。

9. 毒鸡汤生成器 「网站直达」 https://tools.kalvinbg.cn/txt/chickensoup

关键词：海量毒鸡汤任你“喝”，可以直接生成带毒鸡汤的背景图，让你秒变“人生导师。

你是不是会觉得，别人说话可以不带脏字就能把对方怼的哑口无言，这种方式超级的帅气，但是一到自己身上就变得仿佛不会说话了一样。不要担心，下面推荐的这个神器可以让你轻松变成阴阳大师。

毒鸡汤生成器这是一款非常有趣的毒鸡汤语录生成器，可以带来很多有意思的毒鸡汤话术，可以自定义显示毒鸡汤的背景，创作出独属于你的毒鸡汤，当然你也可以分享给你的好友，你俩一起来干了这碗毒鸡汤。

操作方法：毒鸡汤生成器的操作方法非常简单，点开网页就能看到一条毒鸡汤。如果你不喜欢这一句的话，直接点击换一句，直到找到你喜欢的那一句为止。

好啦~今天的文案 神器推荐 就到这里啦，欢迎大家使用完之后来进行探讨哦！如果你还有用什么很棒的神器的话，也欢迎在评论区留言跟大家进行分享~

都在这！用户体验设计师常用的 9 种自研提效工具 在我们三分设的产品设计社区里，经常会讨论一个话题，就是关于设计师在设计过程中使用哪款工具更好？

阅读文章 >