一、前言上次发的 Midjourney 教程《奶奶看了都会的 Midjourney 入门教程！！》文章受到了很多朋友们的认可和支持，大家讨论很热烈，其中有不少疑问就是 Midjourney 的图片怎么精准的控制，或者是不改变某个物体的情况下更换背景等等，实在是太多问题了。两万字干货！

一、前言 上次发的 Midjourney 教程《奶奶看了都会的 Midjourney 入门教程！！》文章受到了很多朋友们的认可和支持，大家讨论很热烈，其中有不少疑问就是 Midjourney 的图片怎么精准的控制，或者是不改变某个物体的情况下更换背景等等，实在是太多问题了。

两万字干货！可能是全网最详细的Midjourney基础教程 进阶篇： 一、前言篇 1. AI 绘图是什么？

阅读文章 >

不过确实，Midjourney 生成的图片很难精准的控制，随机性很高，需要大量的跑图，不过没关系，在社群小伙伴们的强烈建议下，我在这篇文章中为大家分享 SD 的教程。

SD 效果图展示：

动漫插画，就说这效果强不强吧...

是不是迫不及待想试一试了呢，那我们开始吧，手把手教学，外婆真的看了都会的教程，开始进入教学！！

二、Stable Diffusion 介绍 Stable Diffusion 是一款基于人工智能技术开发的绘画软件，它可以帮助艺术家和 设计师 快速创建高品质的数字艺术作品。该软件使用了一种称为 GAN（生成对抗网络）的深度学习模型，该模型可以学习并模仿艺术家的创作风格，从而生成类似的艺术作品。

Stable Diffusion 具有直观的用户界面，可以让用户轻松地调整绘画参数并实时预览结果。用户可以选择不同的画布、画笔和颜色，还可以通过调整图像的风格、纹理和颜色等参数来创建各种不同的艺术作品。

除此之外，Stable Diffusion 还提供了一些高级功能，例如批量处理、自动矫正和自动化调整等，可以帮助用户更加高效地完成大量的绘画任务。

总之，Stable Diffusion 是一款功能强大的 AI 绘画软件，它比现在市面上主流的 AI 绘画软件 Midjourney 更加的强大，可以说 SD 是所有 AI 绘画的鼻祖级存在，同样，更强大代表着它的上手难度及配置要求也更高。那么说到这里，我们就来看看这两款软件的一个对比吧

三、主流 AI 绘画软件的对比

四、Stable Diffusion 电脑配置要求 1. 配置要求：

需要使用 N 卡（NVIDIA 显卡），显卡的显存至少需要 4GB 以上显存才能在本地运行。最低配置需要 4GB 显存，基本配置 6GB 显存，推荐配置 12GB 显存或者以上。

Stable Diffusion Ai 绘画主要是运行显卡，算力越强，出图越快。显存越大，所设置图片的分辨率越高）

“推荐使用 RTX4090 显卡哦” -----来自一个 3080 显卡玩家

还有一点的就是硬盘空间要大，SD 出图主要依赖模型，网上下载的模型资源一般都很大（一个模型在 2G 以上）批量跑图也是很占内存的，这边建议 60GB 以上的硬盘空间。

2. 网络要求： 大家都懂哈，咱也不说。

3. 操作系统： 需要是 Win10 或 Win11。

满足以上条件基本上就可以用 SD 跑图啦。

五、Stable Diffusion 安装 SD 的安装我们就不要整的很复杂了，直接用大佬制作的一键安装/启动包就行，我们把时间用在刀刃上。

自己手动安装需要上 Github 下载文件，还要下载 Ptthon 等工具，一般第一次手动安装会出现各种奇怪的报错，总之很复杂，我之前自己安装过，真就花了一上午都还没安装好。所以我不建议也不教大家手动安装了。（如果你要硬上，可以在网上看看别的使用教程）

上黑科技！！！咱直接去使用@秋葉 aaaki 大佬的免费启动器和安装包。

我们下载这两个文件，下载链接在这篇文章顶部：

Stable Diffusion自学必看！6款适合小白的零基础免费入门教程 大家好，这里是和你们一起探索 AI 绘画的花生~ 最近优设为大家推荐了不少有关 Midjourney 的教程和资源，不知道大家有没有用起来？

阅读文章 >

注意：下载的文件一定要放在空间比较大的盘里。

来看下具体操作：

1. 安装一下这个“启动器运行依赖”。

2. 然后把这两个文件复制一下，我们需要粘贴到“webui：文件夹中

3. 粘贴替换目标中的文件。粘贴的位置看我的文件夹路径。

4. 这里我重新走一遍打开流程，以防大家退出去了不知道从哪里进。我们打开下载的文件夹，然后进入到“novelai-webui”文件夹

5. 打开“novelai-webui-aki-v3”文件夹。

6. 然后下拉下拉...找到这个启动器，双击就完事了，这个就是我们刚刚粘贴替换的文件。

7. 然后就打开啦，一键启动就好了。

六、Stable Diffusion 基础操作 1. 大模型的切换

首先是这个界面左上角，在这里可以切换你所安装的模型。

这里我先推荐一下我常用的模型网站：C 站： https://civitai.com/

然后我们在 C 站上下载一些模型：

接下来就是安装了，很简单，把下载的模型放到这个路径文件夹中。然后刷新 web UI 界面（就是 SD 操作界面）

2. 模型的 VAE（Sd 的 VAE)

VAE 的全称是 Variational Auto-Encoder，翻译过来是变分自动编码器，本质上是一种训练模型，Stable Diffusion 里的 VAE 主要是模型作者将训练好的模型“解压”的解码工具。

这里可以切换 VAE。一般情况下我们就选择第一个自动就行了。

在 C 站下载模型，在下载页面会有文件显示，如图。

VAE 的安装路径看我这里，把下载的文件复制粘贴，然后把 web UI 界面刷新一下（就是 SD 操作界面）

言川总结：

总的来说就是你在 C 站上下载的模型有些内置就有 VAE 的属性（不需要下载 VAE 文件），有些没有内置下载的时候我们就把 VAE 文件下载。（VAE 文件一般大小在几百兆左右） VAE 的作用就是没有加载 VAE 的图片是灰灰的，加载之后就是会产生一个润色的效果，色彩更加丰富。 3. 功能选项

这里我挑选几个重要的功能讲解下。

文生图，这里与 Midjourney 不同的是，SD 有一个反向关键词（意思是不要图片出现什么），文生图的关键词格式与 Midjourney 基本一致，不知道的朋友可以去看我的往期文章：

两万字干货！可能是全网最详细的Midjourney基础教程 进阶篇： 一、前言篇 1. AI 绘图是什么？

阅读文章 >

下面这块参数就是设置图片的一些基本参数，分辨率、尺寸等等，具体参数见下文。

图生图，这个也很好理解，放参考图然后输入提示词，与其他 AI 绘画软件一致。

图片信息，意思是你用 SD 画的图，放在这里来，右边会显示这个图片的一些参数，包括关键词。

然后你可以选择右下角的一些功能，比如“文生图”。

模型合并，这个功能很厉害，后面我出一篇关于这个功能的教学，大致就是把多个模型混合起来。

训练，这个就是训练自己的模型，新手用的比较少，后面可用作工作流的部署。（这个才是我推荐的核心哦）

设置，然后就是设置，大家自己去研究下就好了。

扩展，这个就是跟插件扩展相关的了，后面再讲。

4. 提示词和反向提示词

言川提示：

提示词内输入的东西就是你想要画的东西，反向提示词内输入的就是你不想要画的东西。

提示框内只能输入英文，所有符号都要使用英文半角，词语之间使用半角逗号隔开。

一般来说越靠前的词汇权重就会越高，比如我这张图的提示词：

The personification of the Halloween holiday in the form of a cute girl with short hair and a villain's smile, (((cute girl)))cute hats, cute cheeks, unreal engine, highly detailed, artgerm digital illustration, woo tooth, studio ghibli, deviantart, sharp focus, artstation, by Alexei Vinogradov bakery, sweets, emerald eyes。

万圣节假期的拟人化形式是一个留着短发和恶棍笑容的可爱女孩，可爱的帽子，可爱的脸颊，虚幻的引擎，高度详细，艺术种子数字插图，woo tooth，吉卜力工作室，deviantart，锐利的焦点，artstation，由 Alexei Vinogradov 面包店，糖果，绿宝石般的眼睛。

第一句关键词词组：万圣节假期的拟人化形式是一个留着短发和恶棍笑容的可爱女孩。那生成的图片主体画面就会是万圣节短发可爱笑容女孩

这里可能有用过 Midjourney 的小伙伴们就有疑问了，(((cute girl)))是什么意思，为啥有这么多括号，我来为大家解答下，这个是权重调节，类似 Midjourney 的 ::

① 最直接的权重调节就是调整词语顺序，越靠前权重越大，越靠后权重越低，上面说过。

② 可以通过下面的语法来对关键词设置权重，一般权重设置在 0.5~2 之间，可以通过选中词汇，按 ctrl+↑↓来快速调节权重，每次调节为0.1，也可以直接输入。

③ 加英文输入的（），一个括号代表这组关键词的权重是 1.1，两个括号是 1.1*1.1 的权重，不要加太多了哈。可以结合第二点固定权重，比如(((cute girl:1.2)))，那这个关键词的权重就很高了。

5. 功能按钮

我们来介绍下右边这几个功能，生成就不说了，输入关键词生成就跑图了。

第一按钮的意思是读取你上一张图的所有参数信息（包括关键词），比如你画一张图之后，关掉了软件，再次启动点击这个就会把参数复制进来。

第二个按钮就是删除了，清空关键词；这里可以和第一个按钮结合用哦

第三个按钮就是模型选择管理

这个按钮就是点击就会出现这些功能，你安装的模型和 Lora 都可以在这边调整。

言川小知识：这里可以把你生成的图片添加到模型的封面上，方便你后面看这个模型的效果，看我怎么做：

找到这个模型的名称，然后我这里是跑出来一张图片的，点击这个按钮（lora 一样）

最终效果：

后面两个就是一个提示词模板功能：

我们可以先点最后一个按钮，把现在的关键词创建一下，取个名字

然后在模板风格这里选中我们刚刚创建的模板（可以多选）

选中之后按一下第四个按钮，我们创建的关键词就被填入进去了，这块收工！

6. 采样步数

一般来说大部分时候采样部署只需要保持在 20~30 之间即可，更低的采样部署可能会导致图片没有计算完全，更高的采样步数的细节收益也并不高，只有非常微弱的证据表明高步数可以小概率修复肢体错误，所以只有想要出一张穷尽细节可能的图的时候才会使用更高的步数。（加大这个会导致出图变慢）

7. 采样方法

Stable diffusion webui 是 Stable diffusion 的 GUI 是将 stable diffusion 实现可视化的图像用户操作界面，它本身还集成了很多其它有用的扩展脚本。

SD 的采样方法有很多，大家有兴趣了解的可以去知乎看看@刘登宇的一篇文章 《stable diffusion webui 如何工作以及采样方法的对比》 。这里我们只介绍两个种常用的。

这里的采用方式有很多，但是我们常用的就那几个，我们可以去设置里面把不需要用到的关掉，不展示在这个界面中。然后点击右边的重启 UI 就好了。

8. 高清修复和图片尺寸参数

前面两个做个简单的介绍，面部修复对写实的风格有点效果，可平铺就不要用了，生成的图片很奇怪，可以自己试试。

我们说说高清修复，高清修复的意思是把基础生成的图片，按照你选择放大的倍率放大到指定分辨率之后再重新绘制图片，受到你重复幅度调节的数值影响。

宽度、高度就是图片的长宽比，很容易理解，生成批次和数量就是几批，一批几张图，配置好的可以直接拉满，增加效率哦。

提示词相关性：图像与你的提示的匹配程度。增加这个值将导致图像更接近你的提示（根据模型），但它也在一定程度上降低了图像质量。可以用更多的采样步骤来抵消。

默认未选中高清修复是这样的，当前图片的参数。

9. 随机种子（seed）

这个功能与 Midjourney 的 Seed 功能一样。

随机数的起点。保持这个值不变，可以多次生成相同（或几乎相同，如果启用了 xformers）的图像。没有什么种子天生就比其他的好，但如果你只是稍微改变你的输入参数，以前产生好结果的种子很可能仍然会产生好结果。

输入不同的种子，生成的图片不一样，seed 值一样，那生成的图片也是一样。

差异随机种子，需要勾选这个按钮：

这个功能是固定一个种子，然后调整差异强度来生成图片，因为是固定的 seed 值，所以生成的图风格都是类似的。

直接看图吧。

这边的几个功能都很简单，大家尝试下就能理解了，那基础操作我们就先讲到这里，大家赶紧玩起来吧！！

七、结语 这篇入门教学就先讲到这里，后续还有插件、部署模型等教程，大家先消化一下这篇文章的内容。

如果觉得对你有帮助，3 连（点赞、收藏、分享）一下吧，大家的支持才是我的动力，祝大家生活愉快

欢迎添加作者微信交流：

关于 AIGC，我收到的同学提问大多都表示担忧，多数人会这样问：“AI 会不会替代交互设计师的工作？”但真正聪明的设计师会换个角度来思考：“在交互设计师的每个工作环节中，AI 可以发挥什么作用，参与的程度和产出的质量如何？”一、AI 如何参与交互设计工作说到设计工作的流程和方法，最通用的表述方式就是“双钻设计模型...

关于 AIGC ，我收到的同学提问大多都表示担忧，多数人会这样问：

“AI 会不会替代交互设计师的工作？”

但真正聪明的设计师会换个角度来思考：“在 交互设计 师的每个工作环节中，AI 可以发挥什么作用，参与的程度和产出的质量如何？”

一、AI 如何参与交互设计工作 说到设计工作的流程和方法，最通用的表述方式就是“双钻设计模型（Double Diamond Design Model）”，由英国设计委员会 2005 年提出，至今仍适用于各类设计工作（详细阅读“双钻模型”）：

如何用好设计双钻模型？来看 vivo 浏览器的实战案例！ 前言 刚入职时，有本书叫《方寸指尖》对我影响比较大，主要讲述如何做好用户体验设计。

阅读文章 >

由英国设计委员会提出的“双钻设计模型”

如果我们将双钻模型中设计工作流程的四个主要阶段（Phase）：调研（Research）、整合（Synthesis）、构思（Ideation）、实现（Implementation）中的具体工作任务一一罗列，就可以预测到 AI 能够完成哪些设计任务。

下文中我会参考我在大厂中的设计工作经验，将每个阶段需要设计师做的工作任务以及 AI 在任务中的参与度用做大致评估。

1. 调研阶段（Research）

在调研阶段，我们在发现产品的潜在问题、接到设计需求或功能优化点后，需要从业务目标、产品问题和用户反馈入手，对现状进行分析探究和资料收集，并会得到一些非结构性的、散点式的发现：

在这个设计阶段，我们的主要工作任务以及目前 AI 在任务中的参与度为：

现在市场上已有的 AI 工具，如 ChatGPT 4、通义千问等产品，都可以在调研阶段对于设计工作起到较好的辅助作用。而设计师的时间和精力投入也会发生变化：

从原先的“大量的资料查找和收集”转换成“定义好查找资料的目标和方向”，让 AI 的产出准确性更高。

2. 整合阶段（Synthesis）

在整合阶段，我们需要对于上一个阶段得到的信息、资料以及初步的洞察和发现，进行更深入的分析和总结，得到最终的问题结论和设计目标：

在这个设计阶段，我们的主要工作任务有：

相对与第一阶段（调研阶段）的大量客观、通用的数据收集，第二阶段（整合阶段）的工作任务和内容信息更为主观化和精细化，需要使用产品真实数据喂养和训练产品自己的 AI 模型，才能得到更有价值的生成内容，而目前不是所有公司都有能力来做这件事，基建也还在铺设过程中。

不过，现在设计师的时间和精力还是会因 AI 得到部分解放，比如可以更快速地：

了解与产品方案相关的通用设计原则， 搜索与设计思路相关的通用设计方法， 为接下来的设计方案提供借鉴和指导。 3. 构思阶段（Ideation）

在构思阶段，我们需要根据上一个阶段得出的结论和目标，进行方案的设计和构想，产出大量的想法和方案。这个阶段需要做的是对于设计方案的发散、呈现和评估：

在这个设计阶段，我们的主要工作任务有：

现在市场上还没有相对成熟的 AI 工具可以直接生成高质量的交互设计初稿。不过 MasterGO、即时设计等协作平台都已在加速研发和内测。相信在不久的将来，画基础版本设计稿的工作将会完全被智能化工具替代。而设计师的时间和精力投入也会发生变化：

从大量的重复性、执行性的工作，转换成更有价值的创造性思考，操作 AI 生成设计稿，创造和生产的过程将被分离。

4. 实现阶段（Implementation）

在实现阶段，我们需要根据上一个阶段产出的值得深入的设计方案，进行方案原型的制作、测试和更新迭代，得到最优解，交付最终方案。

这个阶段需要做的是不断地测试和迭代，淘汰不可行的方案，并将细节进行深入打磨，兼顾和平衡各个维度的利弊，交付最优方案：

在这个设计阶段，我们的主要工作任务有：

针对这一阶段，现在市场上还没有相对成熟的 AI 工具能够提供支持。不过新产品和新功能的到来指日可待，设计师将会：

从大量的重复的、复杂的、偏执行性的协作流程中解放出来，更专注于设计方案本身的创新和质量。

结语 综上所述，目前 AI 所能够承担的交互设计工作主要集中在：

数据和信息的采集； 数据和信息的可视化整理； 智能生成基础元素； 整理和产出框架模版； 提供大量可参考的设计灵感； 给出基础的、宽泛的方向性建议。 现在 AI 提供的只是基础性辅助，也仍需要我们对其结果进行检验和优化；设计过程中更为重要的总结、决策、创造、细节把控和终稿输出等工作任务，依旧需要设计师来执行。

作为 UI/UX 设计师，“基础工作和相对来说更偏执型的工作，将被智能化工具替代”已成既定事实。我在之前的文章中也分享过这个观点，我们需要各取所长：

对于 AI 的强项，你把它当工具驾驭； 对于人类的强项，你把它当经验积累。 AI 时代的到来，对于设计师来说其实是生产过程的改革与生产力的解放。我们更应该主动地思考、洞察、创新与决策，要不断发挥人类特有的主观能动性，并时刻关注技术和行业的发展与变革，将技术作为我们自身能力的延伸，拓宽自身能力的边界。

欢迎关注作者微信公众号：「长弓小子」

正值金三银四求职季，这段时间很多设计师都忙着优化作品集，为找到一份好工作做最后冲刺。但越来越多人都意识到，自己的创意已经被需求禁锢了，完全不知道如何做出一份有创意的完整作品。很多入行多年的非科班设计师也发现，没有一个规范的知识体系和专业的设计流程支撑，这条路会越走越窄。

正值金三银四求职季，这段时间很多设计师都忙着优化作品集，为找到一份好工作做最后冲刺。但越来越多人都意识到，自己的创意已经被需求禁锢了，完全不知道如何做出一份有创意的完整作品。

很多入行多年的非科班设计师也发现，没有一个规范的知识体系和专业的设计流程支撑，这条路会越走越窄。

在有限的时间内，有没有办法扭转局面？当然有，上图你所看到的这些点燃了小火苗，被推荐的优秀作品，就是出自李宜轩老师的 22 天平面设计特训营的学员之手！

对于这门不到一个月时间的课程，他们是怎么看待这门课程的呢？先看第四期学员反馈：

给我带来了一套完整的项目

学员白浪

短时间内能产出一个完整的东西，设计方法很实用

学员山栖草木迟

课程安排循序渐进，思路清楚，对作品集质量有很大提升！

学员花花

从灵感到提案都给了具体方法论，可以直接套用

学员 Hssw

如果你也想和他们一样，在短时间内系统提高平面设计水平，做出一套完整的可以求职的作品集，拿到站酷小火苗，最新一期的平面设计实战特训营就别错过了！

课程原价499元， 限时新课价直减100元，仅需399元！

移动端扫码学习，网页端右戳学习? https://pro.uisdc.com

为什么越来越多人学平面设计？ 1. 应用广泛

平面设计的领域应用极为广泛，从线下的海报、易拉宝、书籍封面、产品包装到线上的网页、电商。这也意味着：超多的就业机会！

当然，你也可以说平面设计是绝大多数设计领域的「底层技能」。

2. 私单更多！

在图像依然是主流的今天，海报/电商详情页等和平面有关的私单，一直络绎不绝。必须承认，大部分设计私单都和平面相关。

何况如今的运营、编辑、策划、甚至是交互和产品等职位，现在都要求掌握一定的平面设计基础。

但问题也来了：为什么很多人学了两年，还不能成为专业的平面设计师？

平面设计知识体系过于庞大复杂，需要掌握核心知识点 学习方向不清晰，版式 配色 都浅尝辄止，导致水平一直在原地徘徊 想短时间内解决这两个问题，来看看这门课是如何帮你的！

可能是国内最好的平面设计老师 即使你之前没听过李宜轩老师，但你一定知道金点设计奖，这是一个由华人主导，深圳工业设计行业协会等合作举办的全球知名设计赛事，包括金点设计奖、金点概念设计奖和金点新秀设计奖，而今年的金点概念设计奖评审团，李宜轩老师赫然在列。

对一个设计师而言，这算是最高的肯定了。

除了金点奖的认可，李宜轩拿过的奖项和合作过的顶尖大厂也数不胜数，随便一个单拎出来，都是足以在设计界扬名的分量，熟悉 Behance 的人肯定知道，拿一个推荐标签有多难，而李宜轩拿了 4 个 Behance 首页推荐标签+37 个品牌标签！

让一个作品顶级水准、有知名实战项目、国际大厂工作经验，还是知名设计赛事评委的平面设计大师，来手把手教你学平面设计，真诚的说，这样的机会极少，这也是优设坚持邀请了一年多的原因。

更让我们惊喜的是，即使作为顶级设计师，李宜轩不仅接地气，而且特别负责任。每一份作业，记住哦，是每一份作业都会点评。

学员「墨」

以至于有同学直说：比我大学老师教得好

学员「IX」

系统全面、深入浅出、层层递进的课程内容 在这门课程里，老师结合自己 4 年的科班+8 年的实战经验，精心打造了这一套完整系统、能有效落地的课程大纲。

你可以收获到的不止是可以实时问答的直播教学，一对一的作业点评修改，更有超多的平面干货，包括不限于：

专业的平面设计流程 两个版式设计的绝招（完形化和视觉比例） 4 组网格线排版法 画面几何化方法 三大文字比例应用秘籍 一份能过稿的设计提案方法学 六大实战项目练习，产出能落地的作品集！ ...... 在确保体系完整的情况下，本期课程还在实战项目环节提供了「开放式作业」和「命题作业」两种可选形态，并且根据时下流行趋势，增加了「酸性设计」的相关知识！

这些快速提高平面设计功底的核心方法，这门课都会给到完整教学！

更多干货不一而足，直接看课程大纲最实在！

这门课有多超值？ 不夸张的说，这门课太超值了，能买到一位顶尖平面设计师：

4 年的科班教育+8 年的实战经验+一套完整的平面设计方法论+六大实战项目案例演示+22 天在线答疑=499 元

为了保证课程质量，老师要求人数限制，之前有很多同学想中途全价插班都被我们婉拒了，甚至有同学到了课程中期，还愿意直接出双倍学费报名，所以想报名的同学抓紧啦！

课程原价499元， 限时新课价直减100元，仅需399元！

移动端扫码学习，网页端右戳学习? https://pro.uisdc.com

更多李宜轩老师的作品：

（更多老师作品可以前往课程详情页查看）

学员作业

想跟着李宜轩老师在 22 天内快速提高平面设计水平，现在就抓紧啦！

课程原价499元， 限时新课价直减100元，仅需399元！

移动端扫码学习，网页端右戳学习? https://pro.uisdc.com

Halo，这里是设计夹，今天为大家分享的是「调色板设计」。创建调色板对于设计过程至关重要，调色板有助于保持系统颜色的一致性、划分层次结构和理解操作类型。现在网上有很多调色板生成工具，例如 Materia design、Arco design，确定主色后，这些调色板生成工具会生成完整的色板。

Halo，这里是设计夹，今天为大家分享的是「 调色板 设计」。

创建调色板对于设计过程至关重要，调色板有助于保持系统颜色的一致性、划分层次结构和理解操作类型。

现在网上有很多调色板生成工具，例如 Materia design、Arco design，确定主色后，这些调色板生成工具会生成完整的色板。

在使用这些工具前，我们要先了解有哪些常用的调色板分类，不同类型的色板会产生什么样的效果，再合理借助工具帮助我们更精准地定义和使用颜色。

更多色彩神器：

配色不用愁！6个设计师必看的色彩灵感网站 大家好，这里适合你们聊设计的花生~ 配色想必是很多新手设计师和插画师都觉得比较难的一部分，的确，学习配色要靠长期积累，我们不仅要掌握色彩原理知识，还要多浏览学习优秀的配色，然后运用到实际的设计绘画的过程中，总结出自己的配色技巧和经验。

阅读文章 >

一、调色板类型 1. 单色

单色调色板指只使用一种颜色色调来定义配色。单色是相对保险的配色选择，但是单色 配色 的对比度要比其他调色板低，页面的视觉效果看起来可能会沉闷、不够出彩。

2. 类似色

类似色是色环上彼此相邻排列的一组颜色。这种调色板是一个稳定的选择，可以为设计提供多套合适的色调，但类似色颜色之间的对比度也比其他类型的调色板弱一些。

3. 互补色

互补调色板使用的是色环上相互对立的颜色，这种配色方式对比度强烈，有助于吸引用户的注意力。

互补色需要谨慎使用，最好选择饱和度低于 85%的颜色，避免颜色对比太强，造成视觉疲劳。另外，需要控制主色与互补色的使用面积，让页面的颜色看起来不和谐。

4. 三等分配色

三等分色是色环上均匀分布的三种颜色，形成一个等边三角形。三等分配色更丰富，画面的视觉效果更好。

在创建调色板时，需要确保色彩间的平衡关系，可以先确定主色占比 60%，其次再选择两种强调色各占 30%、10%的比例，保持页面的平衡。

5. 分割互补配色

分割互补色是互补色色板的一种变体，在主色的基础上，选择色环上彼此相邻的两种颜色作为主色的互补色，形成一个等腰三角形。

分割互补配色的对比度要弱于互补色，这种类型的调色板可作为入门级常用的配色方案，实现简约出色的设计效果。

6. 矩形配色

矩形配色是使用排列成两对互补色的四种颜色创建而成。由于矩形配色是由两对互补色组成，所以这样的配色方案会让页面更有活力。

创建矩形配色方案时，最好先选定主色，让其他三种颜色作为辅助色，平衡暖色调和冷色调以获得最优效果。

7. 方形配色

方形调色是矩形调色板的变体，主要区别在于方形配色的四种颜色是在色环上均匀分布，生成的形状是一个标准的正方形。

像矩形配色一样，尝试使用一种颜色作为主色，并控制其他颜色的出现比例。

二、反面配色案例 有一些颜色看个看起来都不错，但是组合在一起使用就会产生让人一言难尽的效果，容易降低易读性或者看起来不舒服，影响产品的体验。

这里举几个反面配色案例，比如像下面两种非常亮的颜色搭配在一起或者很奇怪的颜色搭配，在设计时尽量避免产生这种效果。

对于纯黑色 (#000000)的使用一直以来都有争议性，你觉得在设计中应该使用纯黑色吗？

虽然纯黑色提供了最清晰的对比度(尤其在白色背景上)，但并不是数字设计中最佳的颜色选择，高对比度会对页面的可读性产生负面影响。

因为屏幕是发光的，所以会产生一种“无亮度”的发光效果，看起来非常不自然。尽量避免在设计中使用纯黑 ，将对比度保持在安全范围内时，最好使用深灰色代替纯黑色。

三、配色法则 1. 融入灰色

在创建调色板时，最好在主色中加入一丝丝灰色，这样的配色能更容易融入设计，提升页面的精致感。

例如基础色#2F51D2，将亮度和饱和度降低到 30 左右，会得到与主色完美混合的深灰色阴影。

如果将基础色的亮度提高到 90，饱和度降低 10，就会得到一个中度灰色。

在中度灰的基础上继续调高亮度到 95，能得到一个浅灰色，这种颜色通常可以作为产品的背景色使用。

2. 黄金比例配色法

创建调色板时，平衡其中的颜色使用比例也很重要。最好的方法是使用 60/30/10 的黄金比例配色法则。

例如 60%深蓝色、30%紫色和 10%粉色。深蓝色是基础色，基于主色的深、浅蓝色调作为背景和低优先级元素，占据设计中大约 60%的面积。

紫色是辅助色，适合层级更高的元素，为了保证足够可见，紫色的使用大约在 30%。

粉色是强调色和 CTA 按钮的颜色，因此 10%的使用面积效果最好，突出最重要的元素。

3. 控制饱和度

对比度是最基本的可读性指标之一。然而，如果我们手机或者电脑屏幕的亮度很高，屏幕上再出现对比度很高的颜色，我们的眼睛很容易会产生疲劳。

所以如果想在设计中使用高饱和度、对比强的颜色，最好先考虑清楚这样设计的目的，确保设计方案对用户很友好。

通用做法是避免使用饱和度超过 90%的颜色，尽量选择相对安全的颜色使用区域，例如上图标注区域，直到创建正确的颜色组合。

4. 定义系统状态

在创建调色板时，为每种颜色定义在系统中的状态会让设计过程更清晰。常见的状态包括：成功/确认、错误/失败、警告等。

最后 以上是设计中需要了解并掌握的 7 种配色方案+配色法则，掌握这些配色知识之后，我们再去利用好调色板生成工具，能达到事半功倍的效果！

欢迎关注作者微信公众号：「Clip设计夹」

大家好哇，这里是和你们聊设计的花生~今天为大家带来的是第 16 期的设计师效率工具推荐，本期的 5 款效率神器分别是：效果惊人！一键位图转 SVG 矢量图像神器 Vectorizer.AI功能二合一！300万人选择的截图录屏插件 Awesome Screenshot打开即用！

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

今天为大家带来的是第 16 期的设计师效率工具推荐，本期的 5 款效率神器分别是：

效果惊人！一键位图转 SVG 矢量图像神器 Vectorizer.AI 功能二合一！300万人选择的截图录屏插件 Awesome Screenshot 打开即用！AI辅助的在线思维导图/白板工具 AmyMind 使用无限制！免费开源的本地AI图像放大神器 Upscayl 轻便好用！免费的无缝纹理生成在线工具 SEAMLESS TEXTURE CHECKER 往期回顾：

比 AI 帮个忙更好用！这 5 款神器让你效率暴涨200% 大家好，这里是继续为你们推荐 AI 效率神器的花生~ 自 ChatGPT 公布后，各种基于其 API 开发的应用就像雨后春笋般迅速出现，之前「优设 9 图」为大家介绍的“AI 帮个忙”就是其中之一。

阅读文章 >

一、Vectorizer.AI 网址直达： https://vectorizer.ai

Vectorizer.AI 是一个在线图像处理工具，利用 AI 技术 将 JPEG 和 PNG 位图转换为 SVG 矢量图像。目前免费使用，上传图像最大支持 30 MB，即使是模糊的图像也可以转换为边缘清晰锐利的矢量文件，用来处理 logo、扁平插画等素材非常方便。

我将之前在 Midjourney 中生成的一张扁平风插画上传进行处理，很快就得到一份 SVG 文件，下载后导入 AI，发现画面分割的十分精细，即使是叶子中间纤细的叶脉也被单独分割出来了，非常方便设计师对画面的各部分进行重新上色。

二、Awesome Screenshot 网站直达； https://www.awesomescreenshot.com/

Awesome Screenshot 是一款集录屏、截图、批注分享等多功能于一体的浏览器插件，目前支持 Chrome/Edeg/firefox/Safari 浏览器，累积用户超过 300 万。它比较突出的功能包括：

支持截取网页全屏，不论网页多长，都可以将这个网页变成一张图片，方便编辑和分享； 支持多种屏幕录制方式，包括桌面全屏录制、指定软件窗口录制、网页内容录制、摄像头录制等； 截屏和录屏完成后，可以生成URL一键分享，而无需将文件本身发送给对方。

三、AmyMind 网址直达： https://amymind.com/

AmyMind 是一款在线思维导图制作工具，无须注册登录，免费使用。它包含思维导图和白板 2 项功能 ，操作界面简洁清晰，快捷键支持齐全，用起来非常流畅。它的“节点笔记”功能支持对节点添加详细的的文本/图像备注，这点比很多思维导图要实用；还新增了 AI 功能，可以帮助用户根据主题生成子节点和同级节点。

AmyMind 的文件在操作过程中会实时保存，不登录也能将文件保存到本地。支持导入 mm/md 文件，可以导出为 png /doc/mm/md 格式，以及连接到Obsidian。

四、Upscayl 网址直达： https://www.upscayl.org/ (支持MacOS/Linux/Win，文末有安装包)

Upscayl 是一款免费开源的图片放大软件，利用 AI 技术实现图片的 4 倍甚至 8 倍无损放大，支持导入JPG、PNG、BMP、TIFF 等格式，可以输出 PNG、JPG 和 WEBP，还可以批量处理图片。很多在线 AI 图像放大工具都有次数、文件尺寸上的限制，而 Upscayl 作为本地程序可以无限制使用。

Upscayl 内置 6 种不同的模型，适合处理不同的类型图片，具体如下：

REAL-ESRGAN：提高图像的清晰度和真实感，并尽可能保持图像细节 RemaCRI：适合处理一些特定领域的图像增强，如人像、风景等。它可以更好地处理对比度、饱和度等方面的问题 UltraMix Balanced：适用于处理色彩饱和度偏低的图像，同时保持图像细节和色彩平衡 UltraSharp：专注于提高图像的清晰度以及边缘锐利度。 Digital Art：专门用于增强数字艺术作品的细节、颜色和纹理等方面，以使其效果更逼真 Sharpen Image：只增强图像清晰度和边缘锐利度，不调整颜色平衡、细节增强等

五、无缝纹理检测/生成工具 网址直达： https://www.pycheung.com/checker/

SEAMLESS TEXTURE CHECKER 是一个非常好用在线无缝纹理检测及生成工具，无需登录注册，在线免费的使用。它可以将单一的图案瓷片（tile）自动拼合为图片，这样一是可以检查瓷片是否能无缝拼贴，二是可以代替Ps，把单一的瓷片直接拼贴为纹理。

具体操作：上传图，等图片加载完成后，通过滑块调节每块瓷砖的大小，然后下滑网页，用截图工具截取空白部分的图像，保存后就能作为素材直接使用（还可以结合前面推荐的放大工具进行放大）。

以上就是第 16 期设计师效率工具推荐，喜欢本期推荐的话请大家多多点赞收藏进行支持，之后会继续为大家推荐更多设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复。

推荐阅读：

2023年，让这20款AI工具帮你更高效地完成工作~ 2023年，让这20款AI工具帮你更高效的完成工作~ 大家好，这里是和你们聊设计的花生~ 2022年是AI技术大发展的一年，我都快记不清为大家推荐多少种AI工具了。

阅读文章 >

Text to Skybox ! 一键生成360°无缝环境贴图的AI神器 大家好，这里是和你们聊设计的花生~ 之前向大家介绍过不少 AI 绘画工具，比如 Dall·E 2、Midjourney、Stable diffusion 等，它们都是大型的 Text-Image 模型。

阅读文章 >

正值金三银四求职季，这段时间很多设计师都忙着优化作品集，为找到一份好工作做最后冲刺。但越来越多人都意识到，自己的创意已经被需求禁锢了，完全不知道如何做出一份有创意的完整作品。很多入行多年的非科班设计师也发现，没有一个规范的知识体系和专业的设计流程支撑，这条路会越走越窄。

正值金三银四求职季，这段时间很多设计师都忙着优化作品集，为找到一份好工作做最后冲刺。但越来越多人都意识到，自己的创意已经被需求禁锢了，完全不知道如何做出一份有创意的完整作品。

很多入行多年的非科班设计师也发现，没有一个规范的知识体系和专业的设计流程支撑，这条路会越走越窄。

在有限的时间内，有没有办法扭转局面？当然有，上图你所看到的这些点燃了小火苗，被推荐的优秀作品，就是出自李宜轩老师的 22 天平面设计特训营的学员之手！

对于这门不到一个月时间的课程，他们是怎么看待这门课程的呢？先看第四期学员反馈：

给我带来了一套完整的项目

学员白浪

短时间内能产出一个完整的东西，设计方法很实用

学员山栖草木迟

课程安排循序渐进，思路清楚，对作品集质量有很大提升！

学员花花

从灵感到提案都给了具体方法论，可以直接套用

学员 Hssw

如果你也想和他们一样，在短时间内系统提高平面设计水平，做出一套完整的可以求职的作品集，拿到站酷小火苗，最新一期的平面设计实战特训营就别错过了！

课程原价499元， 限时新课价直减100元，仅需399元！

移动端扫码学习，网页端右戳学习? https://pro.uisdc.com

为什么越来越多人学平面设计？ 1. 应用广泛

平面设计的领域应用极为广泛，从线下的海报、易拉宝、书籍封面、产品包装到线上的网页、电商。这也意味着：超多的就业机会！

当然，你也可以说平面设计是绝大多数设计领域的「底层技能」。

2. 私单更多！

在图像依然是主流的今天，海报/电商详情页等和平面有关的私单，一直络绎不绝。必须承认，大部分设计私单都和平面相关。

何况如今的运营、编辑、策划、甚至是交互和产品等职位，现在都要求掌握一定的平面设计基础。

但问题也来了：为什么很多人学了两年，还不能成为专业的平面设计师？

平面设计知识体系过于庞大复杂，需要掌握核心知识点 学习方向不清晰，版式 配色 都浅尝辄止，导致水平一直在原地徘徊 想短时间内解决这两个问题，来看看这门课是如何帮你的！

可能是国内最好的平面设计老师 即使你之前没听过李宜轩老师，但你一定知道金点设计奖，这是一个由华人主导，深圳工业设计行业协会等合作举办的全球知名设计赛事，包括金点设计奖、金点概念设计奖和金点新秀设计奖，而今年的金点概念设计奖评审团，李宜轩老师赫然在列。

对一个设计师而言，这算是最高的肯定了。

除了金点奖的认可，李宜轩拿过的奖项和合作过的顶尖大厂也数不胜数，随便一个单拎出来，都是足以在设计界扬名的分量，熟悉 Behance 的人肯定知道，拿一个推荐标签有多难，而李宜轩拿了 4 个 Behance 首页推荐标签+37 个品牌标签！

让一个作品顶级水准、有知名实战项目、国际大厂工作经验，还是知名设计赛事评委的平面设计大师，来手把手教你学平面设计，真诚的说，这样的机会极少，这也是优设坚持邀请了一年多的原因。

更让我们惊喜的是，即使作为顶级设计师，李宜轩不仅接地气，而且特别负责任。每一份作业，记住哦，是每一份作业都会点评。

学员「墨」

以至于有同学直说：比我大学老师教得好

学员「IX」

系统全面、深入浅出、层层递进的课程内容 在这门课程里，老师结合自己 4 年的科班+8 年的实战经验，精心打造了这一套完整系统、能有效落地的课程大纲。

你可以收获到的不止是可以实时问答的直播教学，一对一的作业点评修改，更有超多的平面干货，包括不限于：

专业的平面设计流程 两个版式设计的绝招（完形化和视觉比例） 4 组网格线排版法 画面几何化方法 三大文字比例应用秘籍 一份能过稿的设计提案方法学 六大实战项目练习，产出能落地的作品集！ ...... 在确保体系完整的情况下，本期课程还在实战项目环节提供了「开放式作业」和「命题作业」两种可选形态，并且根据时下流行趋势，增加了「酸性设计」的相关知识！

这些快速提高平面设计功底的核心方法，这门课都会给到完整教学！

更多干货不一而足，直接看课程大纲最实在！

这门课有多超值？ 不夸张的说，这门课太超值了，能买到一位顶尖平面设计师：

4 年的科班教育+8 年的实战经验+一套完整的平面设计方法论+六大实战项目案例演示+22 天在线答疑=499 元

为了保证课程质量，老师要求人数限制，之前有很多同学想中途全价插班都被我们婉拒了，甚至有同学到了课程中期，还愿意直接出双倍学费报名，所以想报名的同学抓紧啦！

课程原价499元， 限时新课价直减100元，仅需399元！

移动端扫码学习，网页端右戳学习? https://pro.uisdc.com

更多李宜轩老师的作品：

（更多老师作品可以前往课程详情页查看）

学员作业

想跟着李宜轩老师在 22 天内快速提高平面设计水平，现在就抓紧啦！

课程原价499元， 限时新课价直减100元，仅需399元！

移动端扫码学习，网页端右戳学习? https://pro.uisdc.com

Halo，这里是设计夹，今天为大家分享的是「调色板设计」。创建调色板对于设计过程至关重要，调色板有助于保持系统颜色的一致性、划分层次结构和理解操作类型。现在网上有很多调色板生成工具，例如 Materia design、Arco design，确定主色后，这些调色板生成工具会生成完整的色板。

Halo，这里是设计夹，今天为大家分享的是「 调色板 设计」。

创建调色板对于设计过程至关重要，调色板有助于保持系统颜色的一致性、划分层次结构和理解操作类型。

现在网上有很多调色板生成工具，例如 Materia design、Arco design，确定主色后，这些调色板生成工具会生成完整的色板。

在使用这些工具前，我们要先了解有哪些常用的调色板分类，不同类型的色板会产生什么样的效果，再合理借助工具帮助我们更精准地定义和使用颜色。

更多色彩神器：

配色不用愁！6个设计师必看的色彩灵感网站 大家好，这里适合你们聊设计的花生~ 配色想必是很多新手设计师和插画师都觉得比较难的一部分，的确，学习配色要靠长期积累，我们不仅要掌握色彩原理知识，还要多浏览学习优秀的配色，然后运用到实际的设计绘画的过程中，总结出自己的配色技巧和经验。

阅读文章 >

一、调色板类型 1. 单色

单色调色板指只使用一种颜色色调来定义配色。单色是相对保险的配色选择，但是单色 配色 的对比度要比其他调色板低，页面的视觉效果看起来可能会沉闷、不够出彩。

2. 类似色

类似色是色环上彼此相邻排列的一组颜色。这种调色板是一个稳定的选择，可以为设计提供多套合适的色调，但类似色颜色之间的对比度也比其他类型的调色板弱一些。

3. 互补色

互补调色板使用的是色环上相互对立的颜色，这种配色方式对比度强烈，有助于吸引用户的注意力。

互补色需要谨慎使用，最好选择饱和度低于 85%的颜色，避免颜色对比太强，造成视觉疲劳。另外，需要控制主色与互补色的使用面积，让页面的颜色看起来不和谐。

4. 三等分配色

三等分色是色环上均匀分布的三种颜色，形成一个等边三角形。三等分配色更丰富，画面的视觉效果更好。

在创建调色板时，需要确保色彩间的平衡关系，可以先确定主色占比 60%，其次再选择两种强调色各占 30%、10%的比例，保持页面的平衡。

5. 分割互补配色

分割互补色是互补色色板的一种变体，在主色的基础上，选择色环上彼此相邻的两种颜色作为主色的互补色，形成一个等腰三角形。

分割互补配色的对比度要弱于互补色，这种类型的调色板可作为入门级常用的配色方案，实现简约出色的设计效果。

6. 矩形配色

矩形配色是使用排列成两对互补色的四种颜色创建而成。由于矩形配色是由两对互补色组成，所以这样的配色方案会让页面更有活力。

创建矩形配色方案时，最好先选定主色，让其他三种颜色作为辅助色，平衡暖色调和冷色调以获得最优效果。

7. 方形配色

方形调色是矩形调色板的变体，主要区别在于方形配色的四种颜色是在色环上均匀分布，生成的形状是一个标准的正方形。

像矩形配色一样，尝试使用一种颜色作为主色，并控制其他颜色的出现比例。

二、反面配色案例 有一些颜色看个看起来都不错，但是组合在一起使用就会产生让人一言难尽的效果，容易降低易读性或者看起来不舒服，影响产品的体验。

这里举几个反面配色案例，比如像下面两种非常亮的颜色搭配在一起或者很奇怪的颜色搭配，在设计时尽量避免产生这种效果。

对于纯黑色 (#000000)的使用一直以来都有争议性，你觉得在设计中应该使用纯黑色吗？

虽然纯黑色提供了最清晰的对比度(尤其在白色背景上)，但并不是数字设计中最佳的颜色选择，高对比度会对页面的可读性产生负面影响。

因为屏幕是发光的，所以会产生一种“无亮度”的发光效果，看起来非常不自然。尽量避免在设计中使用纯黑 ，将对比度保持在安全范围内时，最好使用深灰色代替纯黑色。

三、配色法则 1. 融入灰色

在创建调色板时，最好在主色中加入一丝丝灰色，这样的配色能更容易融入设计，提升页面的精致感。

例如基础色#2F51D2，将亮度和饱和度降低到 30 左右，会得到与主色完美混合的深灰色阴影。

如果将基础色的亮度提高到 90，饱和度降低 10，就会得到一个中度灰色。

在中度灰的基础上继续调高亮度到 95，能得到一个浅灰色，这种颜色通常可以作为产品的背景色使用。

2. 黄金比例配色法

创建调色板时，平衡其中的颜色使用比例也很重要。最好的方法是使用 60/30/10 的黄金比例配色法则。

例如 60%深蓝色、30%紫色和 10%粉色。深蓝色是基础色，基于主色的深、浅蓝色调作为背景和低优先级元素，占据设计中大约 60%的面积。

紫色是辅助色，适合层级更高的元素，为了保证足够可见，紫色的使用大约在 30%。

粉色是强调色和 CTA 按钮的颜色，因此 10%的使用面积效果最好，突出最重要的元素。

3. 控制饱和度

对比度是最基本的可读性指标之一。然而，如果我们手机或者电脑屏幕的亮度很高，屏幕上再出现对比度很高的颜色，我们的眼睛很容易会产生疲劳。

所以如果想在设计中使用高饱和度、对比强的颜色，最好先考虑清楚这样设计的目的，确保设计方案对用户很友好。

通用做法是避免使用饱和度超过 90%的颜色，尽量选择相对安全的颜色使用区域，例如上图标注区域，直到创建正确的颜色组合。

4. 定义系统状态

在创建调色板时，为每种颜色定义在系统中的状态会让设计过程更清晰。常见的状态包括：成功/确认、错误/失败、警告等。

最后 以上是设计中需要了解并掌握的 7 种配色方案+配色法则，掌握这些配色知识之后，我们再去利用好调色板生成工具，能达到事半功倍的效果！

欢迎关注作者微信公众号：「Clip设计夹」

关于 AIGC，我收到的同学提问大多都表示担忧，多数人会这样问：“AI 会不会替代交互设计师的工作？”但真正聪明的设计师会换个角度来思考：“在交互设计师的每个工作环节中，AI 可以发挥什么作用，参与的程度和产出的质量如何？”一、AI 如何参与交互设计工作说到设计工作的流程和方法，最通用的表述方式就是“双钻设计模型...

关于 AIGC ，我收到的同学提问大多都表示担忧，多数人会这样问：

“AI 会不会替代交互设计师的工作？”

但真正聪明的设计师会换个角度来思考：“在 交互设计 师的每个工作环节中，AI 可以发挥什么作用，参与的程度和产出的质量如何？”

一、AI 如何参与交互设计工作 说到设计工作的流程和方法，最通用的表述方式就是“双钻设计模型（Double Diamond Design Model）”，由英国设计委员会 2005 年提出，至今仍适用于各类设计工作（详细阅读“双钻模型”）：

如何用好设计双钻模型？来看 vivo 浏览器的实战案例！ 前言 刚入职时，有本书叫《方寸指尖》对我影响比较大，主要讲述如何做好用户体验设计。

阅读文章 >

由英国设计委员会提出的“双钻设计模型”

如果我们将双钻模型中设计工作流程的四个主要阶段（Phase）：调研（Research）、整合（Synthesis）、构思（Ideation）、实现（Implementation）中的具体工作任务一一罗列，就可以预测到 AI 能够完成哪些设计任务。

下文中我会参考我在大厂中的设计工作经验，将每个阶段需要设计师做的工作任务以及 AI 在任务中的参与度用做大致评估。

1. 调研阶段（Research）

在调研阶段，我们在发现产品的潜在问题、接到设计需求或功能优化点后，需要从业务目标、产品问题和用户反馈入手，对现状进行分析探究和资料收集，并会得到一些非结构性的、散点式的发现：

在这个设计阶段，我们的主要工作任务以及目前 AI 在任务中的参与度为：

现在市场上已有的 AI 工具，如 ChatGPT 4、通义千问等产品，都可以在调研阶段对于设计工作起到较好的辅助作用。而设计师的时间和精力投入也会发生变化：

从原先的“大量的资料查找和收集”转换成“定义好查找资料的目标和方向”，让 AI 的产出准确性更高。

2. 整合阶段（Synthesis）

在整合阶段，我们需要对于上一个阶段得到的信息、资料以及初步的洞察和发现，进行更深入的分析和总结，得到最终的问题结论和设计目标：

在这个设计阶段，我们的主要工作任务有：

相对与第一阶段（调研阶段）的大量客观、通用的数据收集，第二阶段（整合阶段）的工作任务和内容信息更为主观化和精细化，需要使用产品真实数据喂养和训练产品自己的 AI 模型，才能得到更有价值的生成内容，而目前不是所有公司都有能力来做这件事，基建也还在铺设过程中。

不过，现在设计师的时间和精力还是会因 AI 得到部分解放，比如可以更快速地：

了解与产品方案相关的通用设计原则， 搜索与设计思路相关的通用设计方法， 为接下来的设计方案提供借鉴和指导。 3. 构思阶段（Ideation）

在构思阶段，我们需要根据上一个阶段得出的结论和目标，进行方案的设计和构想，产出大量的想法和方案。这个阶段需要做的是对于设计方案的发散、呈现和评估：

在这个设计阶段，我们的主要工作任务有：

现在市场上还没有相对成熟的 AI 工具可以直接生成高质量的交互设计初稿。不过 MasterGO、即时设计等协作平台都已在加速研发和内测。相信在不久的将来，画基础版本设计稿的工作将会完全被智能化工具替代。而设计师的时间和精力投入也会发生变化：

从大量的重复性、执行性的工作，转换成更有价值的创造性思考，操作 AI 生成设计稿，创造和生产的过程将被分离。

4. 实现阶段（Implementation）

在实现阶段，我们需要根据上一个阶段产出的值得深入的设计方案，进行方案原型的制作、测试和更新迭代，得到最优解，交付最终方案。

这个阶段需要做的是不断地测试和迭代，淘汰不可行的方案，并将细节进行深入打磨，兼顾和平衡各个维度的利弊，交付最优方案：

在这个设计阶段，我们的主要工作任务有：

针对这一阶段，现在市场上还没有相对成熟的 AI 工具能够提供支持。不过新产品和新功能的到来指日可待，设计师将会：

从大量的重复的、复杂的、偏执行性的协作流程中解放出来，更专注于设计方案本身的创新和质量。

结语 综上所述，目前 AI 所能够承担的交互设计工作主要集中在：

数据和信息的采集； 数据和信息的可视化整理； 智能生成基础元素； 整理和产出框架模版； 提供大量可参考的设计灵感； 给出基础的、宽泛的方向性建议。 现在 AI 提供的只是基础性辅助，也仍需要我们对其结果进行检验和优化；设计过程中更为重要的总结、决策、创造、细节把控和终稿输出等工作任务，依旧需要设计师来执行。

作为 UI/UX 设计师，“基础工作和相对来说更偏执型的工作，将被智能化工具替代”已成既定事实。我在之前的文章中也分享过这个观点，我们需要各取所长：

对于 AI 的强项，你把它当工具驾驭； 对于人类的强项，你把它当经验积累。 AI 时代的到来，对于设计师来说其实是生产过程的改革与生产力的解放。我们更应该主动地思考、洞察、创新与决策，要不断发挥人类特有的主观能动性，并时刻关注技术和行业的发展与变革，将技术作为我们自身能力的延伸，拓宽自身能力的边界。

欢迎关注作者微信公众号：「长弓小子」

大家好哇，这里是和你们聊设计的花生~今天为大家带来的是第 16 期的设计师效率工具推荐，本期的 5 款效率神器分别是：效果惊人！一键位图转 SVG 矢量图像神器 Vectorizer.AI功能二合一！300万人选择的截图录屏插件 Awesome Screenshot打开即用！

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

今天为大家带来的是第 16 期的设计师效率工具推荐，本期的 5 款效率神器分别是：

效果惊人！一键位图转 SVG 矢量图像神器 Vectorizer.AI 功能二合一！300万人选择的截图录屏插件 Awesome Screenshot 打开即用！AI辅助的在线思维导图/白板工具 AmyMind 使用无限制！免费开源的本地AI图像放大神器 Upscayl 轻便好用！免费的无缝纹理生成在线工具 SEAMLESS TEXTURE CHECKER 往期回顾：

比 AI 帮个忙更好用！这 5 款神器让你效率暴涨200% 大家好，这里是继续为你们推荐 AI 效率神器的花生~ 自 ChatGPT 公布后，各种基于其 API 开发的应用就像雨后春笋般迅速出现，之前「优设 9 图」为大家介绍的“AI 帮个忙”就是其中之一。

阅读文章 >

一、Vectorizer.AI 网址直达： https://vectorizer.ai

Vectorizer.AI 是一个在线图像处理工具，利用 AI 技术 将 JPEG 和 PNG 位图转换为 SVG 矢量图像。目前免费使用，上传图像最大支持 30 MB，即使是模糊的图像也可以转换为边缘清晰锐利的矢量文件，用来处理 logo、扁平插画等素材非常方便。

我将之前在 Midjourney 中生成的一张扁平风插画上传进行处理，很快就得到一份 SVG 文件，下载后导入 AI，发现画面分割的十分精细，即使是叶子中间纤细的叶脉也被单独分割出来了，非常方便设计师对画面的各部分进行重新上色。

二、Awesome Screenshot 网站直达； https://www.awesomescreenshot.com/

Awesome Screenshot 是一款集录屏、截图、批注分享等多功能于一体的浏览器插件，目前支持 Chrome/Edeg/firefox/Safari 浏览器，累积用户超过 300 万。它比较突出的功能包括：

支持截取网页全屏，不论网页多长，都可以将这个网页变成一张图片，方便编辑和分享； 支持多种屏幕录制方式，包括桌面全屏录制、指定软件窗口录制、网页内容录制、摄像头录制等； 截屏和录屏完成后，可以生成URL一键分享，而无需将文件本身发送给对方。

三、AmyMind 网址直达： https://amymind.com/

AmyMind 是一款在线思维导图制作工具，无须注册登录，免费使用。它包含思维导图和白板 2 项功能 ，操作界面简洁清晰，快捷键支持齐全，用起来非常流畅。它的“节点笔记”功能支持对节点添加详细的的文本/图像备注，这点比很多思维导图要实用；还新增了 AI 功能，可以帮助用户根据主题生成子节点和同级节点。

AmyMind 的文件在操作过程中会实时保存，不登录也能将文件保存到本地。支持导入 mm/md 文件，可以导出为 png /doc/mm/md 格式，以及连接到Obsidian。

四、Upscayl 网址直达： https://www.upscayl.org/ (支持MacOS/Linux/Win，文末有安装包)

Upscayl 是一款免费开源的图片放大软件，利用 AI 技术实现图片的 4 倍甚至 8 倍无损放大，支持导入JPG、PNG、BMP、TIFF 等格式，可以输出 PNG、JPG 和 WEBP，还可以批量处理图片。很多在线 AI 图像放大工具都有次数、文件尺寸上的限制，而 Upscayl 作为本地程序可以无限制使用。

Upscayl 内置 6 种不同的模型，适合处理不同的类型图片，具体如下：

REAL-ESRGAN：提高图像的清晰度和真实感，并尽可能保持图像细节 RemaCRI：适合处理一些特定领域的图像增强，如人像、风景等。它可以更好地处理对比度、饱和度等方面的问题 UltraMix Balanced：适用于处理色彩饱和度偏低的图像，同时保持图像细节和色彩平衡 UltraSharp：专注于提高图像的清晰度以及边缘锐利度。 Digital Art：专门用于增强数字艺术作品的细节、颜色和纹理等方面，以使其效果更逼真 Sharpen Image：只增强图像清晰度和边缘锐利度，不调整颜色平衡、细节增强等

五、无缝纹理检测/生成工具 网址直达： https://www.pycheung.com/checker/

SEAMLESS TEXTURE CHECKER 是一个非常好用在线无缝纹理检测及生成工具，无需登录注册，在线免费的使用。它可以将单一的图案瓷片（tile）自动拼合为图片，这样一是可以检查瓷片是否能无缝拼贴，二是可以代替Ps，把单一的瓷片直接拼贴为纹理。

具体操作：上传图，等图片加载完成后，通过滑块调节每块瓷砖的大小，然后下滑网页，用截图工具截取空白部分的图像，保存后就能作为素材直接使用（还可以结合前面推荐的放大工具进行放大）。

以上就是第 16 期设计师效率工具推荐，喜欢本期推荐的话请大家多多点赞收藏进行支持，之后会继续为大家推荐更多设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复。

推荐阅读：

2023年，让这20款AI工具帮你更高效地完成工作~ 2023年，让这20款AI工具帮你更高效的完成工作~ 大家好，这里是和你们聊设计的花生~ 2022年是AI技术大发展的一年，我都快记不清为大家推荐多少种AI工具了。

阅读文章 >

Text to Skybox ! 一键生成360°无缝环境贴图的AI神器 大家好，这里是和你们聊设计的花生~ 之前向大家介绍过不少 AI 绘画工具，比如 Dall·E 2、Midjourney、Stable diffusion 等，它们都是大型的 Text-Image 模型。

阅读文章 >