> ## Content Index > Fetch the complete content index at: https://www.hubwiz.com/blog/llms.txt > Use this file to discover other available public pages before exploring further. # 新的设计流程 - URL: https://www.hubwiz.com/blog/the-new-design-process/ - Published: 2026-02-03T17:44:36.000Z - Updated: 2026-02-03T17:44:36.000Z - Description: 我想我找到了我的新设计流程... - Author: admin - Tags: AI, DESIGN, #Import 2026-10-14 14:41 我想我找到了我的新设计流程... ## 1、向虚空口述 这是我向虚空口述的步骤。这可能包括与同事的对话、与自己的对话，或者只是按住口述键，我随机地思考和思索我试图解决的问题，基于我手头的所有信息。 我个人最喜欢的口述工具是[@WillowVoiceAI](https://x.com/@WillowVoiceAI?ref=hubwiz.com)——我现在正用它来记录这些内容。 如果这是与另一个人的对话，基本上我会从这些通话中获取转录稿，然后把它们全部倾倒入 Claude。非结构化、无组织、无分类、无语境化。我只是将关于项目的一切都输入进去。 有时候我甚至不告诉它我为什么要粘贴我正在粘贴的内容。我只是说："这是一份转录稿，自己搞清楚。" [@NotionHQ](https://x.com/@NotionHQ?ref=hubwiz.com)的录音是我目前用于此目的的工具，但老实说，如果有专门用于此目的的工具，我会很感兴趣。 [@meetgranola](https://x.com/@meetgranola?ref=hubwiz.com)也不错，但对我来说，使用 Notion 更容易，因为我们的所有文档都存放在那里。 最低摩擦率获胜。 ## 2、AI研究与探索 这是 Claude Code 非常有价值的地方。我与它来回交流，给它更多上下文。它会提出有趣的问题。通过描述我试图解决的问题，我获得了更好的理解。 我让 AI 作为我的研究助手深入挖掘，并让它去执行子任务，进行网络搜索、创建 CSV、表格、开始编写可能相关的 markdown 文件。从我可能访问的其他地方拉取相关文档。 基本上，这是我们试图在干草堆中寻找针的地方。或者说，我在试图寻找可能包含针的干草堆。 ## 3、让AI构建糟糕的设计 这是我起初讨厌但现在认为有价值的一步。 AI 在设计方面很糟糕。 我不是指 UI，而是指应用结构、功能提示、微文案、布局、与当前产品的集成，所有那些让某样东西真正易于使用的设计元素。 糟糕透了。 但我不在乎。 我意识到，像 Claude Code 这样的工具设计出糟糕的东西有着巨大的好处——它给了我一个更好的起点。 我不必从空白画布开始，也不必从一个现有的产品功能开始——那个功能可能并不是我真正想要的——而是从一个糟糕的设计开始，虽然实现得很差，但功能上很健全。 然后事情就变得有趣了。 ## 4、严厉批评 我拿起那个设计得很糟糕的产品，开始批评它，用超级批判的眼光审视它并挑毛病。没有建设性反馈，只是"哇，这太糟糕了，修好 X、Y、X" 我找到了所有的边缘。我找到了所有的边缘情况。我找到了我缺失的所有屏幕。我找到了所有的错误状态、悬停提示、哪些信息不应该展示与展示了什么，然后开始把所有内容删减到绝对最低限度。 AI 设计是极简主义的反面。它会在页面上到处抛出颜色、标签、图标、标题、分类和卡片，就像在页面上呕吐一样。它创造出了某种东西，对外行的眼睛来说看起来像个产品。 但这只是糟糕的设计。 过去这对产品来说是死刑。无法挽救。从糟糕决策中回撤一切的代价太高了。 过去是这样。 但现在不一样了。 现在，将应用从糟糕的决策中切换走的代价实际上为零。我可以在一天内从零开始十次。我可以把一个垃圾应用削减到它需要的样子，然后在几个小时内把它重建起来。 那个糟糕的脚手架，那个垃圾应用，只是某种新东西的灰烬。我的工作是找到那个涌现。 我可以戴上创意总监的帽子，开始红批注、注释，理解展示了什么信息与应该展示什么，这让我意识到如果设计得当产品可能感觉如何，给我带来了清晰度。 ## 5、文本/语音细化 这是我使用[@conductor\_build](https://x.com/@conductor%5Fbuild?ref=hubwiz.com)等工具的地方。我会在不接触 [@Figma](https://x.com/@Figma?ref=hubwiz.com) 或任何其他传统设计工具的情况下，尽可能细化应用的结构和 UI。 我会达到这样的程度：在正确的时间展示适当的信息，信息架构以正确的方式排列，感觉性能良好，或者拥有我希望应用拥有的所有功能。但当我达到某个点——这个功能上可以是一个好产品时……它仍然不是设计良好的。它需要改进。 它仍然没有经过打磨。 它没有被设计。 文本和语音作为设计媒介太笨拙了。没有精度可以深入细节，进行打磨，创建图标，拥有统一的组件库，理解一切如何连接在一起，元素如何重用，以及它如何融入更大的应用。 在这个阶段，你会不断遇到 AI 的问题。如果你引入新功能，它会添加新组件，它会创建新的按钮样式，它不会记住以前已经构建的元素并开始使原型膨胀。 继续在这个阶段周而复始是很诱人的，但上限永远不会足够高。永远在这个阶段继续是愚蠢的。 ## 6、利益相关者反馈 这是获得利益相关者反馈、了解人们如何与应用程序交互、让其他人看到它、看看它如何适配，并开始从团队角度推动对话的好步骤。 一旦其他人可以看到你在哪里工作或你如何处理它，就是时候继续前进，完全抛下灰烬了。 步骤 1-5 创建了一个有趣的应用程序，但其中充满了未使用的代码、表达不清的决策，以及上下文不完全理解东西应该在哪里与它们是什么。 ## 7、文档和截图 在这个阶段，我告诉 Claude 编写一个包含上下文、历史和约束的新文件夹的 markdown 文件，这些文件对下次开发应用程序会有帮助。 没有代码，只有 markdown。 实际上，我是从零开始，但我正在使用转录稿和现有代码来告知应用更好的构建。同时，我也会截取我能想到的每一个状态的屏幕截图：所有不同的排列组合、所有不同的边缘情况，以及我想要实际优化和更高层级设计的所有东西。 这就是我三个月前才开始的地方。太疯狂了。 ## 8、视觉设计（Figma） 我获取所有截图和所有上下文，生成用户流程图，然后进入 Figma。我实际上开始以良好的设计方式构建应用：自动布局，我以前做的所有东西，颜色，重用设计系统，排版，设计令牌，所有这些。 --- 原文链接: [The New Design Process](https://x.com/tomjohndesign/status/2018385296610746403?ref=hubwiz.com) 汇智网翻译整理，转载请标明出处