AI在线 AI在线

UI设计

如何用AI生成设计稿？实战案例演示来了！（上）

如何用AI生成设计稿？实战案例演示来了！（上）
从 3 月 ChatGPT 火热以来，发现它能够通过文字生成代码，并进一步渲染成页面，展现出了解决部分 UI、UX、测试和前端工作的能力。所以零零散散地进行了一些关于 Design To Code、AI 生成页面、动效等方面的学习与尝试。在本文中，我将在工作业务脱敏的基础上，梳理这些想法。目的之一是进行总结，其二是遇到一些疑问点，希望有机会与大家相互沟通学习。 本篇内容主要讨论如何用 AI 生成设计稿，以及如何在实际项目开发流程中运用，同时设计、开发组件在其中扮演很重要的角色。（全文预计 6 分钟） 更多AI实战案
12/16/2023 8:51:32 AM
糊涂的工蜂
如何用AI完成甲方需求？实战案例来了！

如何用AI完成甲方需求？实战案例来了！
AI 设计=牛！ AI 作为还在进步的智能工具，其功能不是万能的，对于每个使用过的用户来说也是早有体会了，所以如何高效的将 AI 辅助应用于设计呢，那就是看项目内容是否切合 AI 擅长的部分。 这不最近来了一个新需求，需要做一组周年 H5，每个界面要求就是简约，清新，并有一个主体元素点缀。 好嘛，这不是撞到 AI 的心巴上了吗，AI 对单体元素的生成调试已经比较成熟了，再加上简单的背景装饰和渲染就能完成。 先上完成图：以上的 H5 页面主体元素全部由 AI 生成，是不是很 6，但是 AI 一开始生成的元素图片是这样
10/16/2023 1:06:17 AM
菜心¹
大厂落地实战！如何用Stable Diffusion完成B端和C端图标设计？

大厂落地实战！如何用Stable Diffusion完成B端和C端图标设计？
伴随着 AIGC 异常火爆，各种各样的 AI 工具如雨后春笋般涌现，除了各位设计师知道的 Midjourney（以下简称“MJ”），同样还有十分亮眼的 Stable Diffusion。 所以今天我们主要教大家如何使用 Stable Diffusion（以下简称“SD”）来进行 B 端图标和 C 端图标的创作，充分将 AIGC 灵活的运用在项目的工作流程之中。 往期AIGC 生成图标干货：一、B 端图标 那首先我们先来看看 B 端图标，有哪些特点？从上图可以发现主要特点为：立体块面感、轻科技、材质多为毛玻璃、光泽金
7/24/2023 6:44:22 AM
团队ASAK设计
AIGC如何赋能UI设计？5篇简短教程帮你快速入门！

AIGC如何赋能UI设计？5篇简短教程帮你快速入门！
本篇文章主要是AIGC在图标设计上的一个应用，希望对大家有所帮助。 更多落地教程：一、Midjourney 生成 APP 活动弹窗1. 花瓣网找参考图，处理不必要的元素 这个弹窗设计我尝试了很多方法，发现还是需要垫图才能生成符合我想要的效果，所以这个方法还是得去找参考图才行，以下这张图来自花瓣网。 用 ps 处理下文字，别偷懒~（百度直接搜“花瓣网”即可，然后搜索“弹窗设计”)。尝试了图生文功能，这里没能如愿生成合适的，不过也给了我写关键词的灵感，突然发现图生文还可以这样用，牛~2. 关键词描述并垫图生成 然后我开
7/16/2023 6:45:04 AM
言川Artie
老板让我做个APP，我用AI半小时完成了120+UI界面！

老板让我做个APP，我用AI半小时完成了120+UI界面！
Halo，这里是设计夹，今天分享的是「AI 界面设计」。 之前分享过利用 Midjourney 直接生成 UI 界面！详细介绍了如何使用「页面、配色、风格」指令来生成 UI 界面。这次借着做金融类 APP 的设计需求，探索利用 AI 生成具有「科技感、仪表盘、图表、数据可视化」等属性的界面素材。 本次利用 AI 关键词提示，共生成了 4 种风格类型、120 UI 界面，以此满足更多的设计场景，一起来看看吧～ 一、浅色简约风格 浅色主题更能凸显高级感，是当前大多数产品优先选择的设计风格。浅色调金融类产品提到的 Mid
7/12/2023 12:21:58 AM
Clippp
超多案例！前谷歌产品总监是怎样优化 AI 对话式UI的？

超多案例！前谷歌产品总监是怎样优化 AI 对话式UI的？
编者按：Luke Wroblewski 是前谷歌产品总监，曾参与到 Google 的全公司指标分析、Blogger、Social Good、Location Sharing 等关键产品的设计，如今他是 IxDA 的创始人，有自己的设计公司，并且在伊利诺伊州大学为研究生教授 UX 设计。随着 AI 技术大规模普及，他也在自己的网站上用上了类 GPT 的对话式 AI，而在创建 AI 对话式 UI 的过程中，他注意到现在常见 AI 交互界面中的问题，并且在自己的 Ask LukeW 中探索了这种界面模式的优化方案。下面是
5/19/2023 7:44:06 AM
Luke Wroblewski
工作效率超高！我让AI帮我做UI设计了！

工作效率超高！我让AI帮我做UI设计了！
AI 盛行，现如今任何人通过一些简单的学习，都可以使用 AI 轻易生成好看的插画、元素，设计师的价值好像一夜之间变得一文不值。真实情况是什么呢？ 我们拿一个需求举例，这个需求要求我们做一个摇钱树的主视觉，并且可以领取红包，先看看交互：可以看到最主要的其实就是中间这个摇钱树了，要是按照以前的设计路径要搞定这个摇钱树，要么就是绘制，要么用 C4D 建模渲染。 时长肯定都是半天甚至一天以上了，现在呢？ Midjourney、Stable Diffusion，AI 一键就能生成，10 分钟我生成了这么多（AI 你不要太离谱
5/10/2023 1:38:17 AM
菜心¹
UI/UX设计师如何用好Midjourney？我总结了5个方面！

UI/UX设计师如何用好Midjourney？我总结了5个方面！
虽然AI的爆火，越来越多的行业都在尝试着接入AI到工作流中。利用ChatGPT写文档产品、接入GPT的API智能回答的客服、利用Tome做ppt的商务…UI/UX也不例外。Midjourney的出现，其快速出图能力大大提高了设计师出初稿效率；其充满想象力的画面大大扩宽了设计师思路的边界；其多领域专精的特点成为设计师跨领域作战的利器。UI/UX利用Midjourney赋能设计，可以从以下5个方面着手：
5/1/2023 9:04:58 AM
LenHart
当人工智能也会画UI，设计师的核心价值在哪里？

当人工智能也会画UI，设计师的核心价值在哪里？
编者按：设计规范越来越完善，软件越来越简单，连PM 都可以动手搭一个UI 界面，那么此时设计师的核心价值在哪里？如何让自己摆脱“只会画画图标和线框图”的印象？这篇文章总结了4个进阶方法。 鸿影：近年来各家平台的设计规范日渐完善，公司也在大力推行中台化战略，DPL、组件化、模块化等成为了我们工作中的重心之一，设计标准化的趋势愈演愈烈，在促进设计效率提升、解放生产力的同时，也让我开始产生一种深深的焦虑：当组件和业务模块沉淀到一定程度，产品经理和前端直接拿来搭建页面也能有模有样，设计师的核心价值和不可替代性又在哪里？当平
1/10/2017 10:10:58 PM
程远