【喂饭级教程】AI工具在B端视觉设计中的落地应用

B端产品的设计趋于理性和克制，视觉层表现优先级降低，B端产品通常给人枯燥单调的印象。当下，越来越多的视觉设计师将3D技术应用于业务项目中。但是，对于一般非视觉设计师来说，无论使用C4D还是Blender，学习成本高、设计周期长都是需要面临的问题。随着AIGC的发展，B端设计也需要跟上步伐，将AI技术应用于实际项目中，让B端项目不会因为工具的局限而影响品牌的发展。本文将从实战角度出发，介绍当下的最火热AI绘图工具：stable diffution（简称SD）与midjuriney（简称MJ）在B端项目中的详细设计思路应用与方法。

B端界面设计应注重高效专注，避免过多视觉干扰用户对信息的处理。所以通常涉及到界面视觉的部分可在入口Icon、大屏设计中适当尝试使用。在其他突出品牌宣传、搭建主视觉场景、场景辅助元素等更可大胆使用。（例如以下宣传图，便是由SD工具生成）

提升工作效率：加快不擅长3D工具的设计师可以在工作中，有更多的时间去思考、提升工作质量。

这六张图总花费时间为1小时左右，其中使用SD生成图像花了40分钟左右，使用现有组件完成设计稿大概用了20分钟。 

结论：针对日常简单视觉设计提效80%以上。 

Midjourney和Stable Diffusion是强大的创作工具，能够提高设计师的生产力。但由于其本身具有随机性与不可控性，很多设计师难以在工作中运用，只作为娱乐工具。不过，每个工具擅长的画风各有所长，选择合适的工具可以帮助我们在AI创作中事半功倍。

根据图片的表意和复杂度，可将其分为“简单模型”和“复杂模型”。在产品界面中，如Icon、缺省图、状态等较多使用“简单场景”类；而在宣传图片、引导介绍等方面，则较多使用“复杂场景”。同风格图片的稳定输出，使用SD会处理更好一些。

1.使用stable diffution生成同风格图片

优点：模型稳定产出，可控性高。缺点：设备、安装、插件、模型都有一定的门槛。

流程步骤可分为：精确描述、确定风格、二次绘制，输出优化。4个步骤

使用模型介绍：

生成B端风格元素的模型：DD icon，可在C站（civitai.com）搜索

模型参数介绍：请见图片    

步骤说明：

1)下载安装后，可直接使用作者关键词提示，前面可加自己想要的物品名称。

正面关键词(必填)：

best quality, many details,4k,blender,octane render,C4D,transparent glass texture,DDicon,blue|orange, frosted glass, transparent technology sense, industrial design,white background,studio lighting, sunshine,flat, minimal,quasi-object，axisymmetric，Data, cylinder,file

负面关键词(必填)：

lowers, bad anatomy, ((bad hands)), (worst quality:2), (low quality:2), (normal quality:2), paintings, sketches, lowres, bad anatomy, bad hands, text, error, missing fingers]

采样迭代步数：20-30

宽度高度设置，想生成同风格icon图片，尽量保持图片比例不变。

生成数量：随着数量增加，时间也会变长。

2）选择一张满意的风格后，想进行同风格，不同物体图片生成，可使用图生图，后自动切换到图生图标签，直接替换物品关键词替换即可。例如A folder icon、A gear icon等。想要提升图生图质量的关键要点在于尽可能详细地描述你的输入画面内容。

3）也可对满意部分进行保留，使用局部重绘功能，用画笔涂抹掉想要替换部分，进行随机生成。生成效果见下图，正面提示词只更换了替换图的关键词。

上图为使用SD局部重绘时，不同关键词生成图片效果

4）后期还需要使用PS进行后期处理

使用相同方法，不同尺寸进行场景风格测试，通常可用于场景头图banner绘制。

2、使用midjuriney生成同风格图片

midjuriney的画面注重细节的构建和表达，同时对不同材质的展示也非常细致。

优点：使用操作简单门槛低。缺点：对固定品牌风格类图片稳定输出能力较弱。即使使用种子Seed，也无法完全继承。

下图为使用midjuriney生成的一组图标，使用了固定的seed进行生成，遗憾的是，Icon只继承了风格与颜色，复杂度与样式并没有统一。

生成思路：垫图-生成-种子-描述-生成

关键命令：

/imagine 【prompt】最常用的文字生成图片绘画指令，在后面输入提示词就可以生成图片。结合魔法咒语使用。

/describe 【image】最新的图生文指令，上传图片，图片生成四段描述词

Prompt的大致写法由几个部分构成，主体部分，环境氛围，构图，风格化，以及其他设定。

浅色风格图标效果

高效给老页面图标做个视觉升级        

魔法咒语：

There is An [关键词替换] icon, in the style of digital illustration, UX UI icon, soft white and blue colours, 3d icon, cinema 4d, super white background, soft lighting, isometric, blender 3d, high quality, HD, 8k --v 5

深色风格效果：

魔法咒语：

a  [关键词替换]  icon, metallic feel, delicate texture, strong blue and orange colors, frosted glass, transparent, Dark blue background, softlighting, transparent technology sense, inductrial design, isometric, bright, shap focus, LED lights, isometric 3d, high detail, 8k --v 5

尝试一下在大屏设计的效果

魔法咒语：

Earth with China as the main body, HUD, FUI, Data visualization, 3D render, C4D, Dennis Schaefer, Futurism, Artstation, Behance, panoramic, screen is blue

3、推荐使用的关键词生成工具：https://moonvy.com/apps/ops/

非常便利的功能包括：

1）实时显示英文提示词的中文翻译

2）可直接输入中文提示词，自动转化为英文，省去翻译的麻烦。

3）为提示词进行自动分类（普通类、风格类、质量类、指示类）无论你的输入顺序是什么，都会自动归类。

4）轻松的排序、隐藏提示词，点击即可显示/隐藏。

4）常用提示词词典：可以连接Notion 管理提示词词典

使用两种强大的AI创作工具：Stable Diffusion和Midjourney，可以明显提高设计师的生产力。虽然这些工具的随机性和不可控性可能会使设计师难以有效地使用它们，但通过合理选择工具和技巧，可以充分发挥它们的优势，提高B端设计的效率和质量。总之，本文为B端设计师提供了有价值的经验和建议，让他们更好地利用AI技术来优化工作流程。

扫码进群

转载时请连同下方内容一起转发

请与该公众号联系获取内容授权

长按二维码   轻松关注

微信公众号：i58UXD

58同城用户体验设计中心