AI绘画在UI中的应用与展望

本文的契机源于对AI绘画在UI设计中的潜力产生兴趣。在AI技术不断创新的背景下，越来越多的AI绘画工具涌现出来，为设计师提供了更广阔的创作空间。AI绘画的应用已经成为UI设计领域的一个热门话题，它正在不断影响着设计师的创作方式和思维方式。

简单来说，AI绘画是利用人工智能技术，通过计算机程序生成或辅助创作绘画作品的一种新型艺术形式。

不管是哪个AI应用， AI 绘画开始的第一步都是输入你想要的关键词，具体的单词会转化成 AI 可以识别的特征向量，可以让随机调出的噪声图一起进入到图像编辑器里，图像编辑器会根据这个特征向量，把噪声图一步一步降噪成一张新的图片，这就是AI绘画的绘制过程。其中，主流的AI绘画模型，底层逻辑大致相同。

AI绘画可以大致分为五种：纯AI生成、AI辅助绘制、文本生成图像、AI风格迁移、图文生成图像。这些不同形式的AI绘画展示了机器在艺术创作中的应用能力和创造性，但也存在各自的优缺点和局限性。

AI绘画的发展经历了三个关键阶段：萌芽期、启动期、高速发展期。

✦ 萌芽期：处于萌芽期的AI绘画依赖规则和模板来模拟艺术家的创作，但作品缺乏独特性和艺术性。

✦ 启动期：研究者开始尝试基于智能算法的AI绘画技术，以模拟人类的视觉感知和决策过程，这一阶段着重于艺术创作的探索。

✦ 高速发展期：深度学习技术的迅猛进步使得AI绘画进入新的境界。借助深度学习，AI绘画技术能够自动学习艺术风格和创作规律，生成逼真的艺术作品，甚至有些作品可以媲美人类艺术家的作品。这个阶段标志着AI绘画技术的高速发展和成熟，为艺术创作开辟了全新的可能性。

未来，AI绘画有望继续拓展其边界，并为艺术和设计领域带来更多创新与发展。

AI绘画产业链是一个复杂而紧密相连的生态系统，涵盖了上游的AI绘画数据提供公司、数据处理公司、内容素材提供公司和硬件制造商；中游的AI绘画服务提供商；以及下游的艺术家、设计师、文化创意产业、元宇宙产业，以及各种游戏、电影、广告企业。

上游的技术和产品支持为中游提供了强大的AI绘画能力，而中游的应用服务又为下游用户和各行业提供了创意与灵感。这个产业链中的各个环节相互依赖，共同推动着AI绘画行业的持续创新和发展。

目前市面上主流的人工智能AI绘画软件很多，国外有Midjourney、Stable Diffusion、Disco Diffusion、Leonardo.Ai和Novel AI等，国内有Vega AI、改图鸭、文心一格、无界AI和Draft等。每个工具擅长的画风也各有所长，下面选取三款主流AI绘图工具进行对比。

✦ Leonardo.ai，它上手简单且功能丰富，但绘画效果并不是特别理想，特别是在训练自己的模型方面。

✦ Midjourney，它支持复制他人咒语进行创作，还可以上传照片生成咒语，价格相对便宜。然而，注册流程较为曲折，需要下载软件和加入服务器，而且绘画效果也不是特别理想。

✦ Stable Diffusion，它是免费开源的工具，功能类型丰富。然而，使用Stable Diffusion需要一张强大的显卡和内存，并且安装和部署相对复杂。

综合推荐来看，如果你只是想尝试AI绘画，Midjourney是个不错的选择；如果你希望AI能提升工作效率和未来发展，可以考虑使用Stable Diffusion结合Midjourney；而如果你更注重发挥自己的艺术和创意，Midjourney能很好地满足你的需求。根据个人需求和偏好，选择适合自己的AI绘画工具将能提升创作效率和创意发展。

Prompt关键词描述是指与AI创作沟通的媒介，通过恰当的提示词或语句来描述脑海中构想的画面，以此来限定AI的想象空间，使其能够听懂、理解并最终产出满意的画面，同样地描述文本内容，词语的顺序和前后词汇的关系会对内容的产出影响产生很大的差异。

UI 的Prompt 通用公式：主体+风格+通用。在风格描述和通用描述不变的情况下，仅对主体描述进行修改，即可得到同种类型的图标或插画。

UI主体提示词包括行业、媒介、类型和描述。提示词顺序不分先后，部分可不写。

UI风格提示词包括扁平、现代、极简、3D、未来主义等，用于指示所需的视觉风格。

对于3D风格的UI设计，光影渲染诸如光线追踪、C4D、OC渲染、Blender等描述显得尤为必要，以确保产生逼真的效果。

此外，可以通过提供参考来源，如dribbble、behance、Pinterest、Instagram，或直接指定艺术家名字或风格名称，帮助AI更好地理解设计需求，并产生符合预期的创作。

UI 通用提示词包括画质提升、反向、后缀参数。

提升画质的描述通常是些固定的词或词组，它们可以让画面更趋近于某一个固定的标准。画面的质感和细节可以通过这些词来加强，比如”best quality"、"ultra detailed”、”masterpiece"、"8k"等等。

反向提示词是指不希望画面中出现的关键词。这些关键词可以根据不同的需求进行设置，比如避免画面太过扭曲或不真实。常见的反向提示词有： Worst quality、Low quality、low resolution 、Bad image、vague、confusion等。在书写反向提示词时，需要使用否定语气，以避免AI误解这些元素或特征应该出现在绘制的图像中。

后缀参数指UI 画面的一些基本设定，例如所用模型、尺寸、分辨率、风格化程度等。

咒语技巧：避免将对话方式和机器对话相混淆。与AI进行绘画交互时，需要更加明确和简洁地表达创意和需求，使用关键词和短语来引导AI理解我们的意图。

以MJ和SD为例，不同的提示词之间，使用英文逗号分隔。提示词前后关系：越靠前权重越高，提示词主体应放在前面。常见的符号有英文逗号、双冒号、分隔符、空格、括号、双连字符等。每个符号的作用如上图所示，权重数值从0.1~100，默认状态是1,低于1就是减弱，大于1就是加强。

这里有三个实用的方法可以帮助我们更快地编写出有效的“咒语”：翻译大法、借助工具、灵感借鉴。

在AI绘画中，一个普遍的疑问是：Prompts写得越长越好吗？实际上，并非绝对。

过长的prompts会增加计算复杂性，导致无效关键词存在，并不一定决定生成结果的质量。重要的是，过长的prompts会使模型难以确定关键词的权重，从而降低生成内容的准确性。为了有效处理，可以通过权重标记将prompts分成独立的整体，这样有助于避免过多的关键词排列组合。另外，我们应注重内容的准确性和表达清晰，关注句子的表达而非过度追求长度。有时候，将长句拆分成关键词堆叠的方式可能更为有效。

在UI出图过程中，可以采用三个简单的公式来生成所需的图片。

✦ 公式1：图片URL+关键词+iw

✦ 公式2：/describe+关键词

✦ 公式3：线稿+MJ/SD

这些方法中，公式3相较于前两个，能更准确地生成所需的形状，特别适合我们已经明确知道想要什么样的形状。剩下的工作就交给AI来完成了。当生成图像后，还需要不断地调整关键词，以使效果达到满意的程度。

AI绘画在UI设计中可以应用于图标、插画、IP和风格指导。

✦ 图标：生成各种风格的图标和按钮，包括平面化、立体化、抽象化等，以满足不同项目的设计需求。

✦ 插画：创作各种插画和插图，用于增加UI界面的可视化元素和情感表达。

✦ 卡通IP：通过AI生成的图像可以提供不同风格和特征的卡通角色设计，包括表情、姿态、服装等方面的创意，为UI界面注入趣味和生动性。

✦ 风格指导：AI绘画可以提供对UI设计的风格指导，根据APP领域的特点和用户偏好，生成符合UI设计风格的元素和样式。

下面通过MJ和 SD两个 AI 工具来进行探索。

3D 图标需要着重描述光影渲染和画质，常用的提示词有：3d，c4d， OC rendering, blender，isometric，3D elements，spot light，Clean shadows, white background, simple background, studio lighting，high detail， best quality, super detail，ultra-high definition，masterpiece，4k，8k等。

以流行的磨砂玻璃风格为例，B端图标常用的质感提示词有：Glass，Frosted glass，Smooth and shiny，pastel color，fine luster，gradient style ，glass structure，translucent, crystal texture, luminous effect，transparent glass, laser effect，gradient translucent glass，caustics，clear glass， rainbow color, blurred等。

上图是运用公式3（线稿+SD） 生成的图片，SD选择合适的大模型和lora，提示词直接复制模型的生成数据，用canny提取线稿，再用controlnet进行权重控制，就能得到和模型风格一致的图片。

启动图标相当于 APP 的 LOGO，常用的提示词有：app logo design，graphic logo，app icon，minimal，minimalist logo，app logo，minimalist，Startup Icon等。经过多次试验，AI目前很难表达Logo这种抽象又极具含义的东西，效果不太理想。

系列图标的生成可以用a set of xxx icons、a group of xxx icons、a xxx icon来进行约束，利用后缀参数来限定尺寸，从而得到一批样式类似的图标。

3D插画的描述和图标类似，都需要着重描述光影渲染和画质，插画可以将背景和图形分开生成，以便控制插画风格的一致性；也可以借助chagpt进行插画场景描述，来丰富画面的细节。

比较高效的方法是利用SD把2D的线稿渲染成3D插画，如上图所示，这种方法在后面的卡通IP渲染也用得比较多。

扁平插画一般用的提示词有：illustrations， abstract art,，simple flat illustration，Minimalism，Gradient illustration，Flat illustration，Linear illustration，Stroke illustration等。生图之后可以将图片用相关工具转成矢量，方便后期修改优化。

卡通IP的生成有“文生图”和“图生图”2种，方法和3D图标类似。IP主体提示词有：a cute xxx， Cartoon ip，pop mart，pixar，IP，blind box，clay material，toys，3D animation style character design，cartoon realism等，其中三视图提示词有：three views of a xxx，generate three views，firstly the front view, secondly the left view，thirdly the back view，standing naturally and full-faced，full body等。

目前AI绘画虽然不能直接生成可编辑的UI稿，其中文字可能会存在乱码等问题。然而，AI绘画在风格探索方面仍能提供有价值的参考和灵感。通过描述UI的行业内容、色彩倾向等，设计师可以从AI绘画的输出中获取创意和灵感，用于辅助和启发自己的设计过程。

界面布局的AI生成工具，如“Galileo Al”和“即时设计AI”，试用后效果不太理想，在此不做展开讨论了，地址见上，有兴趣的可以尝试一下。

通过以上探索，虽然AI能在图标、插画、IP和风格指导的出图上表现不错，但同时也存在一些局限性，包括：

✦ 乱码文本和图像bug：生成的结果可能存在乱码文本和图像bug，需要设计师改进和调整。

✦ 创意和灵感受限：AI工具在提供创意和灵感方面仍受限于数据和训练模式，无法完全理解设计师的创意意图。

✦ 缺乏主观性和情感：AI工具缺乏主观性和情感因素，无法模拟设计师的审美和情感理解，可能缺乏人情味和个性化。

✦ 精细度和细节控制：在处理细节和精确度方面存在局限性，某些设计元素可能需要手动微调和修改。

✦ 适应性和灵活性：AI工具的适应性和灵活性受限于训练数据的范围和质量，可能无法满足特定领域或特殊需求的UI设计。

✦ 难以处理复杂场景：AI工具在处理复杂场景、交互设计和精细调整时可能存在困难。

需要强调的是，AI绘画工具应该被视为辅助工具，而不是完全取代设计师的工具。设计师的创意、专业知识和审美判断仍然是UI设计中不可或缺的因素。AI绘画工具可以提升效率、提供灵感和辅助决策，但设计师的专业能力和主观判断仍然是实现优秀UI设计的关键。

AI介入后，设计流程的变化如上图所示，其中包括：

✦ 提升效率：AI绘画工具可以自动化和加速UI设计过程，减少手动绘制的时间和工作量。通过使用AI绘画工具，设计师可以更快速地创建和编辑图标、按钮、界面元素等，从而提高设计效率。

✦ 创意激发：AI绘画工具提供了丰富的设计资源和创意灵感，帮助设计师快速生成多样化的设计方案。AI可以分析和学习大量的设计样式和趋势，为设计师提供创作建议和推荐，激发创意思维，帮助设计师更好地探索和实现独特的UI设计概念。

利用AI绘画助力UI设计，可以分为三个步骤：想、做、调。

✦ 首先，在“想”的阶段，设计师可以借助AI绘画工具来寻找参考素材，快速获得灵感，并使用文本生成图像或图像生成图像的功能。

✦ 接着，在“做”的过程中，设计师可以利用AI绘画工具进行PS和AI设计，更高效地生成初稿，并通过Finetune、ControlNet、文本生成图像和图像生成图像等功能进行进一步完善。

✦ 最后，在“调”的阶段，设计师可以借助AI绘画工具进行PS和AI调整，更加灵活地对设计进行微调，包括Inpainting和Outpainting等功能的应用。

AI绘画工具为设计师提供了强大的工具和资源，推动了UI设计的创新和发展。然而，需要强调的是，AI绘画工具应与设计师的专业知识和判断相结合，共同实现更优秀的UI设计结果。

数字化时代，AI绘画为设计师和艺术家带来了新的创作机遇。然而，要充分发挥AI绘画的潜力，需要掌握一些关键要点：

✦ 了解工具的功能和特性：深入了解所使用的AI绘画工具的功能和特性，包括不同的绘画风格、绘画技巧、图像处理能力等。

✦ 实践和探索：通过实践和探索，不断尝试和学习使用AI绘画工具的技巧和技术。通过多次绘画实践，您可以逐渐熟悉工具的操作方式，并发现不同的创作方法和风格。

✦ 加强美学和艺术理解：艺术创作涉及美学和艺术理论，理解这些概念将帮助您更好地运用AI绘画工具。通过学习绘画原理、色彩理论、构图技巧等，可以提高作品的质量和表现力。

✦ 持续学习和更新：AI技术和绘画工具的发展日新月异，要保持与时俱进，持续学习和更新自己的知识。关注最新的技术和趋势，参加培训和研讨会，保持对AI绘画工具的了解和熟练应用。

未来的AI绘画工具将不断迭代和发展，提供更高级、更智能、更个性化的功能和体验。这将为艺术家带来更多创作的可能性，同时也促进艺术和技术的交融，推动艺术创作的创新和发展。

AI绘画在UI设计领域的未来发展趋势包括以下几个方面：

✦ 智能化创意辅助：随着AI技术的不断进步，未来的AI绘画工具将能够提供更智能化的创意辅助。AI模型可以通过学习大量的设计案例和趋势，生成创意建议、优化设计布局，并为设计师提供更多灵感和创意方向。

✦ 自适应和个性化设计：未来的AI绘画工具有望具备自适应和个性化设计的能力。AI模型可以通过学习用户偏好和行为数据，为不同用户提供定制化的UI设计建议，根据用户需求和偏好生成个性化的设计方案。

✦ 情感化设计：AI绘画工具将更加注重情感化设计的能力。通过情感识别技术和情感模型的应用，AI可以理解用户情感需求，并根据情感诉求生成相应的UI设计。这将使得UI界面更具人情味，与用户建立更好的情感联结。

✦ 实时协作与反馈：未来的AI绘画工具将更加注重实时协作和反馈机制。设计团队成员可以通过AI工具实时共享和协作，提供反馈和修改建议。这将提高团队协作效率，加速UI设计的迭代和优化过程。

✦ 自动化生成和优化：AI绘画工具将能够自动化生成和优化UI设计。通过深度学习和生成模型，AI可以根据设计要求和目标自动生成UI元素、布局和动画效果。这将大大提高设计效率和一致性，并减轻设计师的重复性工作负担。

✦ 交互设计增强：未来的AI绘画工具将更加关注交互设计的增强。AI模型可以通过分析用户行为数据和交互模式，提供更智能化的交互设计建议。这将使得UI界面更加用户友好、易用和符合用户习惯。

总的来说，未来的AI绘画工具将更加智能化、个性化和情感化，能够更好地辅助设计师实现优秀的UI设计。然而，人类设计师的创造力、专业知识和审美判断仍然是不可替代的核心要素，在AI工具的辅助下，人机协同将推动UI设计领域的发展和创新。

在使用AI绘画的同时，也必须考虑到一些隐私和版权方面的风险。这些风险包括但不限于：

✦ 数据隐私：使用AI绘画工具可能需要上传和处理大量的图像和数据，其中可能包含用户的个人信息和敏感数据。确保数据的安全和隐私保护是至关重要的，以防止数据泄露和滥用。

✦ 版权问题：AI绘画工具可能使用大量的图像和素材进行训练和生成，其中可能涉及版权保护的内容。如果未经授权使用他人的作品，可能会导致版权纠纷和法律责任。

✦ 不当内容生成：有些AI绘画工具可以生成逼真的图像，包括人物、场景等。但如果被滥用用于制作虚假信息、欺骗、或不当内容，可能会对社会造成不良影响。

✦ 误导和虚假信息：AIGC生成的内容可能存在误导性或虚假信息的风险，因为它是基于训练数据和模型进行生成，而不是真实的人类创造。

同时，也不能忽视AI绘画带来的一些负面影响：

✦ 缺乏创意和原创性：AI绘画工具倾向于生成基于已有数据和模式的设计，缺乏真正的创造力和原创性。这可能导致设计作品缺乏独特性和个性化，难以与竞争对手区分开来。

✦ 依赖性和降低设计师价值：如果设计师过度依赖AI绘画工具，可能会降低他们的设计技能和专业知识的重要性。设计师应该保持对设计过程的主导权，将AI工具作为辅助工具而不是替代品。

✦ 误导和误用：AI绘画工具可能会在生成设计方案时存在误导和误用的风险。由于AI模型是基于大量的训练数据而生成的，如果数据集存在偏差或错误，AI生成的设计可能存在问题或不准确。

✦ 缺乏情感和人情味：AI绘画工具难以真正理解和表达情感和人情味。设计师的情感和直觉在创作过程中是不可或缺的，这是AI工具无法完全取代的。

✦ 潜在的风格同质化：如果大量设计师使用相同的AI绘画工具和模型，可能会导致设计风格的同质化。这可能使得UI界面缺乏多样性和创新性。

为了降低这些风险，建议设计师在使用AI绘画时采取以下措施：

✦ 保护个人隐私：仔细审查和了解服务提供商的隐私政策，确保个人数据得到适当的保护。

✦ 谨慎共享敏感信息：避免在AI提示词中输入敏感个人信息或涉及版权的素材，尽量使用非敏感和非受版权保护的数据。

✦ 检查生成内容：对AI绘画生成的内容进行审查和验证，确保其准确性和合法性，避免误导和虚假信息的传播。

✦ 遵守法律法规：遵守当地法律法规，尊重版权和知识产权，避免侵权行为。

具体的风险和措施可能因使用AI绘画的具体平台、提供商和应用场景而有所不同。在使用AI绘画之前，建议充分了解和评估相关风险，并根据实际情况采取适当的措施。

总的来看，AI绘画在UI设计领域发挥着积极的影响，为设计师提供了强大的工具和资源，促进了创新和高效的设计过程。然而，我们也必须认识到其局限性，因此在应用AI绘画时，需要充分结合人工智能与创意，保持设计师的主导地位。

未来，随着技术的持续进步和AI绘画工具的不断发展，我们应将其视为一个有益的辅助工具，而非取代设计师的角色。通过人机协同的模式，设计师可以更好地发挥自己的创意和专业能力，创造出更优秀的UI设计作品，满足用户需求，为用户带来更好的体验。在这个共同努力的过程中，AI绘画将成为推动UI设计领域持续进步和创新的有力支持。

----------------------------

此文仅作交流学习，非商业用途，文中AIGC图片部分由笔者利用AI生成，部分来自网络（花瓣、小红书、bilibili、discord等），还有部分来自2023阿里设计周的笔记，若有侵权请联系笔者删除。