pengxiao
e58b95d227
将《设计人工智能：基础与应用》拆分为 38 个 Markdown 文件， 按 11 个部分（上篇6部分+下篇5部分）+ 3 个附录组织。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
77 lines
2.2 KiB
Markdown
77 lines
2.2 KiB
Markdown
|
||
### 学习目标
|
||
|
||
1. 了解AI在交互设计中的应用
|
||
|
||
掌握用户界面自动生成的原理
|
||
|
||
理解用户体验分析的方法
|
||
|
||
### 核心应用
|
||
|
||
用户界面生成
|
||
|
||
--------------------------------------------------------
|
||
功能 说明 工具示例
|
||
---------- -------------------- ------------------------
|
||
布局生成 自动生成页面布局 Uizard, Galileo AI
|
||
|
||
组件推荐 基于上下文推荐组件 Figma AI, Motiff
|
||
|
||
设计系统 自动生成设计规范 Designer, Figma Tokens
|
||
|
||
原型生成 从描述生成交互原型 TLDraw, Diagram
|
||
--------------------------------------------------------
|
||
|
||
交互原型自动化
|
||
|
||
**流程**：
|
||
|
||
`用户需求`` → AI``理解`` → ``生成原型`\
|
||
` ↓`\
|
||
` ``设计师调整优化`\
|
||
` ↓`\
|
||
` ``可交互原型`
|
||
|
||
**应用场景**： - 快速原型验证 - 用户测试准备 - 开发对接文档
|
||
|
||
用户体验分析
|
||
|
||
**AI分析方法**： - 用户行为预测 - 界面可用性评估 - A/B测试优化 - 情感分析
|
||
|
||
### 案例分析
|
||
|
||
**案例1：电商APP界面设计** - Galileo AI生成界面布局 - Figma AI自动填充内容 - 快速原型用户测试
|
||
|
||
**案例2：仪表板设计** - 用户需求描述 - AI生成多种布局方案 - 基于数据可视化优化
|
||
|
||
### 思考与练习
|
||
|
||
1. AI生成的界面如何保证可用性？
|
||
|
||
2. 在交互设计中，人类设计师的核心价值是什么？
|
||
|
||
3. 尝试用AI工具生成一个简单的交互原型
|
||
|
||
### 关键术语
|
||
|
||
--------------------------------------------------
|
||
中文 英文 说明
|
||
---------- ---------------- ----------------------
|
||
风格迁移 Style Transfer 将图像转换为目标风格
|
||
|
||
矢量化 Vectorization 转换为可缩放矢量格式
|
||
|
||
原型 Prototype 可交互的设计模型
|
||
|
||
设计系统 Design System 组件化设计规范
|
||
--------------------------------------------------
|
||
|
||
### 延伸阅读
|
||
|
||
1. [Midjourney官方文档](https://docs.midjourney.com/)
|
||
|
||
[Stable Diffusion提示词指南](https://stable-diffusion-art.com/)
|
||
|
||
[Figma AI功能](https://help.figma.com/hc/en-us/articles/15023124649943-Guide-to-Figma-AI)
|