张昊然-生成式 AI 在产品设计和 UI 领域：过去、现在和未来.pdf

1、成式 AI 在产品设计和 UI 领域：过去、现在和未来张昊然妙多/副总裁录01020304初代成式 UI“套模板”技术路线表达的灵感涌现技术新，回到成代码为先让 AI 理解设计系统妙多对打造 AI 产品的反思妙多 AI 2.0壁垒？智能以外、上下、演进的壳演绎游戏：未来具关于未来 UI 具：四个假设0102030405关于 Motiff 妙多01初代成式 UI“套模板”技术路线User Interface 户界“成”UI 界：意图到表达PromptA screen of a music streaming platform with sections for recommended track

2、s based on user preferences,highlighted featured playlists and an easy-to-navigate layout that enhances the user experience.The interface is in dark mode and green theme color.成 UI 界的早期探索者Galileo AIMotiffFigma2023.3 2024.6 2024.7 弯道超是罕的，般思路是先追上再说。近乎直觉的技术案设计意图代码有点“丑”的界模型成 界的前端代码将代码转换为 UI 界较残酷的现实：丑202

3、4.1 GPT4PromptGenerate a ordering page for a food technology company.Product-Technology Fit 技术未够，产品来凑。“套模板”路线：模型解决表达，模板解决排版我需要成 个乐 App 中的推荐歌单 界。户理解（扩写）意图个乐播放应程序主界，名为 Streamify，右侧有个搜索图标。有以下模块：应名称下有个导航栏，包含四个选项：喜欢、新内容、热内容和收藏图标。推荐曲：这部分展示了推荐的曲，包括专辑封、曲名称和艺术家名称。每个曲以卡格式呈现，这是乐应的常设计选择，便户浏览和选择曲。精选播放列表：与推荐曲部分类似

4、，精选播放列表部分展示了图、播放列表名称和简短描述。底部导航栏：底部导航栏包含三个图标：主、搜索和你的库。这些图标简单直观，户可以快速导航到应的不同部分。模型套上合适的模版并填充适宜的图、字、主题评测机制：效果评测PromptA personal data statistics page for a mental and physical health app,which includes modules for tracking mood,emotion distribution,sleep monitoring,and psychological symptom tracking over

5、 the past week.专家打分：Motiff-V2PM:8 PD:7 AI:8FigmaPM:7 PD:6 AI:7Galileo AIPM:6 PD:5 AI:5评测机制经验典型、全、未必是样本评测集不要忽略主观判别的重要性专家打分评测集更新：Bad Case 驱动 评分标准更新：户反馈驱动与时俱进每次迭代都评测，让评测程化、动化。动化P效果评测机制CDA02表达的灵感涌现技术新，回到成代码为先“套模板”的局限性Claude 3.5 Sonnet 发布之初念念不忘：先成代码路线Claude 3.5 Sonnet:2024 年 11 必有回响：Claude 的基因突变新产品是 新模型的

6、能外溢。评测机制：评测新模型，永远 P0构建围绕产品核的评测集“100 组提示词成界”“100 组草图成界”“50 组短提示词成界规划”1新模型评测可程化就程化，不能程化就“搓”。不要等。2再定量定量对应权衡。对重要因素排序 1.质量*速度 2.稳定性 3.成本2 4先定性“GPT 40 图在各显著强于两周前的 Gemini”2 3“Gemini 2.5 和 Claude 3.7 对部分任务不相上下，但是更快。”03让 AI 理解设计系统妙多对打造 AI 产品的反思设计系统标设计致性实体样式（库）组件（库）Design Token 场景规范“套模板”路线