今天为设计师带来一个AI产出图标的流程，从设计的概念，到成品，尝试直接通过AI生成，理论上，只要你想到什么风格，就可以给你批量生成。 先看看效果：

起源

最近打算做一套霓虹、玻璃风格的图标。感觉这类图标，充满了赛博朋克的味道，也讨人喜欢。为什么会这样？我们不妨从UI设计的角度分析，这类型图标是当代设计趋势的精彩融合，它在单一的视觉体验中封装了怀旧与未来主义。 色彩运用：采用了充满活力的全息色彩调色板，使得图标仿佛具有生命力，随着对话的进行而动态变化。 美学风格：图标融入了新黑色电影的元素，深色背景突显出图标的亮色轮廓，打造出深邃的立体感，同时配以细微的纹理和磨损效果，增添了触感和真实性。 设计细节：图标的光泽处理和光线折射效果，展现了通讯的多面性和丰富性，而光斑和闪光则为设计增添了神秘与惊喜的元素。 目标受众：这种设计与追求复古未来主义风格的观众产生共鸣，唤起了对80年代科幻美学的怀念，同时在现代数字环境中也显得格外贴切。 设计理念：这类图标传达了一个强烈的信息：在数字化时代，沟通不仅仅是文字的交流，它是色彩斑斓、复杂多层的，正如这个图标所提供的视觉盛宴，沟通也在不断地发展与演变。

但是要制作这类图标，需要处理的细节实在太多了，那能不能基于AI流程，批量创作这类风格图标呢？说干就干，结合我对AI的理解和背景知识，快速搭建了一个工作流。

流程概述

以下为整体工作流程，需要用到的工具：

1. Midjourney。用于概念的反推和生成。
2. ComfyUI。用于搭建批量生成工作流。用到的插件有IPAdapted（风格迁移）、Gemini（反推）、BRIA（抠图）

流程详解

使用Midjourney制作目标风格

参考大神的提示词，我用了以下提示语：

**white sheild app icon, front view, white background, minimal, neon, cyber, mood, calm, chill — no shadow --style raw --stylize 750 --v 6.0**

经过不断的抽卡，最终生成比较满意的（最终的图，用了垫图，垫了某位大神的生成图）。

为了减少物体对风格的影响，还需要生成一张只保留风格的图。继续MJ：

找到一张满意的。

使用figma绘制图标

此处不过多讲了，相信UI设计师都会。我这里直接使用了现成的icon作为输出，自己就不绘制了。

ComfyUI流程

好了，风格图已经准备好了。

图像加载和反推

加载绘制的图标线稿，使用gemini进行反推。

contrlnet控制

使用canny进行精准控制。

模型加载

选择dreamshaperXL大模型，加上玻璃质感的LoRA。

IP风格迁移

迁移MJ生成的图标风格。

Laten放大

抠图

这次用了BRIA魔性抠图，更干净了。

好了，整个流程介绍完了，当然，这仅是一次尝试，要达到真正可用，还需要进一步设计，欢迎大家留意讨论。

关注我公众号（设计小站）：sjxz00，获取更多AI辅助设计和设计灵感趋势。