UI设计

如何用AI做好情感化设计？来看大厂的实战案例！

近期金融业务完成了反馈态和空状态改版，用 AI 工具串联完成了从 IP 人格化文案到品牌视觉落地的完整链路。过程中最深的体会是：AI 真正的价值不在于替代设计，而在于释放设计师对用户情绪管理的把控能力。在借贷这类高敏感性场景中，一个加载动画的迟疑、一句提示文案的冰冷，都可能成为压垮用户信任的一根稻草。

4/12/2025 12:28:25 AM

团队58UXD

AI时代的产品如何做？IBM都在用的3大设计系统终于公开了！

编者按：UI/UX 设计师的本职工作之一，是为数字产品和服务匹配上合理的界面和交互。那么随着 AI 在各个领域产品的深入，让我不由得想问一个问题，那么 AI 时代的 UI 设计要怎么做？有没有可靠的设计系统？

3/18/2025 1:23:49 AM

Allie Paschal

AI 正在重塑 UI 和体验，这场变革才刚刚开始

编者按：AI 的出现，正在隐形地重构我们熟知的交互模式，推动着 UI 范式历史性地进化。但是，但是仅仅只在目前已有的 UI 上打 AI 补丁就够了吗？当然不是，这篇来自 Tetiana Sydorenko 的文章重新回溯了设计交互的历史，并且洞悉了 AI 加入之后，这场变革的内在逻辑链，揭示了从操作指令到 AI 意图识别的设计范式转变，对于资深的设计从业者而言，新的契机藏在其中。

3/6/2025 12:32:02 AM

Tetiana Sydorenko

UI设计神器！Ready AI：输入提示词即可生成专业级网页

最近，一款名为Ready AI的工具正在设计圈引起不少关注。这款工具的优秀之处在于用户仅需输入文字指令，就能在30秒内生成专业级网页界面。使用 Ready AI，用户对自己想要的 UI 有更多控制权。

2/17/2025 10:01:00 AM

AI在线

AI 产品体验设计的 8 个重要突破

编者按：AI 还在快速的进化，但是再强的 AI 都得服务于人。 AI 的用户界面将会往哪个方向发展？有哪些发展趋势是值得关注的？

2/14/2025 6:08:01 AM

Patrick Morgan

一、前言当我们一次次被 AI 技术带来的变革所惊艳，当 ChatGPT 一次次宣布其能力已经突破了人类的想象，你是否注意到现有产品与 AI 融合的新趋势？值得注意的是，新技术的出现也一定带来了新的交互体验。本文将以多种产品场景为例，梳理 PC 端多种主流的 AI 融合形态，希望能给大家带来启发。二、多元场景下的主流 AI 形态目前主流 AI 产品有如下 3 种主要形态，分别为沉浸式的 AI 智能体(Agent)、伴随式的 AI 副驾驶(Co-pilot)、嵌入式的 AI 场景化嵌入(Embedding)。这 3

9/13/2024 1:19:22 AM

团队百度MEUX

会话是AI产品的理想交互形式吗？听听总监的分析！

Story｜AI 的故事，大家深信不疑 ChatGPT 和 Copilot 构建了人们对大语言模型 AI 产品的基本认知。到目前为止，似乎没有人有信心可以在原有的业务模式中做出来一个 AI native 的产品，退而求其次，大家觉得能在原来的产品中做一个“ AI”的功能就很好了。从 2023 年开始，很多人对大模型产品化的认知是要在 AI 产品的的某个地方添加一个聊天窗口，或者这个 AI 产品就是一个聊天窗口。GPTs 也让大家自然的认为 CUI 形式的对话框就是 AI 产品的终极形态。但，真的是这样吗？Is

9/11/2024 12:20:06 AM

柴林

大厂实战！百度APP个人中心 AI 版重构设计复盘

前言 AI 能力的迅猛发展，为产品设计带来了很多新的可能性和机会。百度作为 AI 领域的行业先锋，正在不断探索如何将 AI 技术深度融入到产品中，以赋能改进和提升产品的使用体验。本文将以百度 APP 个人中心 AI 重构项目为例，讲述如何运用 AI 智能推荐和对话能力来解决问题重构体验，将一个传统的固定入口型的个人中心打造成为一个高效智能的 AI 版个人中心。希望能为读者提供新的视角和思路，激发大家对于 AI 原生设计的理解和思考。一、个人中心旧版作为百度 APP 端内业务和基础功能设置的重要回访阵地，个人中

9/7/2024 7:57:19 AM

团队百度MEUX

UI/UX 必看！5 款强大又好用的 AI 原型设计神器

大家好，这里是和你们一起探索 AI 的花生~ 今天为大家推荐 5 款目前较热门的 AI 原型设计工具，与 Sketch、Figma 等 UI 设计工具相比，它们可以实现文本/图像生成 UI 设计、图像智能处理、文案智能重写、设计灵感推荐等操作。这些工具不仅能提升设计师的工作效率，而且对产品经理等非设计专业人员来说也很友好，因此也能为不同部门间的沟通协作提供一种新的、更高效的解决方案。：一、Galileo AI 网站链接：详细介绍： Galileo AI 之前专门写文章为大家介绍过了，它是最早提出 “Text

5/28/2024 1:22:09 AM

夏花生

钉钉AIGC实践！如何用AI一键设计工作台应用图标？

钉钉工作台作为组织数字化的入口，不同企业通过工作台打造属于自己的门户，不仅可以帮助员工快速找到各种功能，更能成为打造企业组织文化的重要阵地，是企业品牌形象的一块亮眼招牌。一、为什么要AI生成应用图标在客户案例中，典型行业大客户的自定义工作台体现了企业文化和品牌形象，样式设计也十分丰富多样。自定义工作台首页的图标通常会进行重新设计和替换，以更好地契合企业的品牌设计和文化氛围。然而在用户反馈中，我们发现这样的声音：有时客户企业内没有设计师无法进行个性化设计，又或者自行设计的效果不理想；有时已经进行了图标设计和替换，但

4/3/2024 12:01:22 AM

团队钉钉设计

如何用AIGC 做好UI设计？实战案例来了！

热爱，是做好一件关键的事情。 “AI 到底会不会取代我们”？这个问题我们留在结尾与大家探讨，现在我就开始学习如何用 AIGC 去做界面、以及怎样指导我们进行优化。利用“AI”做界面主要会用到四个工具：Chat GPT、Figma（Wireframe Designer 插件）、即时设计（即时 AI）、文心一言（作为无法使用 Chat GPT 同学的备用方案）一、UI 设计的基本原则与 AIGC 的融合 UI 设计更多是创建直观、易用、吸引人的用户界面，而 AIGC 则是指通过人工智能技术生成的文本、图像、音频或视频

2/21/2024 12:22:36 AM

文轩没有大脑袋

Galileo 1.0 公测开放！一键生成高保真UI设计，可导入Figma 编辑

大家好，我是花生~ 一年前我向大家介绍过一款 AI 设计工具 Galileo，它是首批提出 “Text to UI” 概念的产品之一，可以根据文本生成高质量的 UI 设计原型，不过产品一直以来都是内测状态，所以使用范围不是很广。最近 Galileo 推出了新的 Galileo 1.0 模型，并对所有人开发测试，今天我们就一起来看看新模型的效果如何。相关推荐：Galileo 1.0 Galileo AI 官网： Galileo 目前主要有两大功能，通过文本生成 UI 设计和通过图像生成 UI 设计。官网的 Exp

2/19/2024 1:01:10 AM

夏花生

如何根据游戏素材制作主题头像框？实战教程来了！

在 APP 的日常运营中，我们设计的同学经常会接到主题活动类的设计需求，其中活动头像框就是一个主要的类型。主题头像框能满足用户的个性化需求，可以充当活动奖品，提高用户对活动的参与积极性，也有着一定的活动推广作用。那么对于大部分手绘能力并不突出的 UI 设计师，怎样能在短期内利用素材制作活动主题的头像框呢？本期文章我将结合以往我做过的主题头像框，给大家讲解我的思路与方法。相关干货：一、素材分析与制作思路在需求开始前，我们一定要和需求方做好沟通，确定好需求方的想法与要求，提出自己对于元素、颜色、质感等元素大致思

1/15/2024 12:39:49 AM

团队ASAK设计

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

上期回顾：一、实际业务中组件库的难题 1. 组件使用要“天时、地利、人和” 组件虽好，却不一定适合你的团队，在使用组件、搭建组件库时，会遇到各种问题，下面列举实际业务中可能遇到的部分问题： ①一开始，建立大而全的组件库：建立组件库的目的是为了让同事调用，从而去保持产品设计的一致性和性能的优化。谈到组件库，大部分人都觉得要设置一个大而全的组件库，不然称不上组件库，但是在实际工作的数据中，长期调用的组件只占到 20%，有些组件调用甚至是个位数，一开始把精力放在完善组件库上，投入产出比不高。第二个容易遇到的问题，团

12/27/2023 12:01:23 AM

糊涂的工蜂

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

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

12/16/2023 8:51:32 AM

糊涂的工蜂

如何用AI完成甲方需求？实战案例来了！

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

10/16/2023 1:06:17 AM

菜心¹

大厂落地实战！如何用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