<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>设计工具 on Hi, I&#39;m 5key</title>
    <link>https://www.thefivekey.com/tags/design-tools/</link>
    <description>Recent content in 设计工具 on Hi, I&#39;m 5key</description>
    <generator>Hugo</generator>
    <language>zh-cn</language>
    <lastBuildDate>Mon, 31 Mar 2025 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://www.thefivekey.com/tags/design-tools/atom.xml" rel="self" type="application/atom+xml" />
    <item>
      <title>从概念到落地，产品界面的 AI 生成究竟卡在哪儿了？</title>
      <link>https://www.thefivekey.com/ai-generated-ui-not-work/</link>
      <pubDate>Mon, 31 Mar 2025 00:00:00 +0000</pubDate>
      <guid>https://www.thefivekey.com/ai-generated-ui-not-work/</guid>
      <description>&lt;img src=&#34;https://cdn.thefivekey.com/off22.webp&#34; title=&#34;从概念到落地，产品界面的 AI 生成究竟卡在哪儿了？&#34; alt=&#34;封面图：从概念到落地，产品界面的 AI 生成在企业业务流程中究竟卡在哪儿了&#34; /&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;strong&gt;TL;DR&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;AI 生成产品界面的 Demo 看起来很惊艳，但真正进入企业业务流程时几乎都「跑不动」。&lt;/p&gt;&#xA;&lt;p&gt;原因不在 AI 能力本身，而在三道坎：&lt;strong&gt;生成质量&lt;/strong&gt;（结果不稳定）、&lt;strong&gt;生成认知&lt;/strong&gt;（不理解业务逻辑）、&lt;strong&gt;生成结构&lt;/strong&gt;（输出不具确定性）。&lt;/p&gt;&#xA;&lt;p&gt;设计系统的 AI 化，可能是跨过这条鸿沟的真正路径。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;前两天，一位朋友兴奋地告诉我，TA 的机会来了，终于可以在公司的产品设计流程中，尝试用 AI 来进行界面设计的生成了。&lt;/p&gt;&#xA;&lt;p&gt;说实话，看到这个事儿能有进展我也挺开心的。&lt;/p&gt;&#xA;&lt;p&gt;几个月前 TA 约了次咖啡，说自己正负责团队里的设计系统，想听听我怎么看，有没有什么方向可以尝试。当时我跟 TA 聊到一个思路：可以尝试着把 AI 与设计系统进行结合，让它来自动完成一些重复性的界面生成。TA 听得挺认真，觉得这个方向挺有意思，回去之后也开始做了不少的功课。&lt;/p&gt;&#xA;&lt;p&gt;虽然主管当时觉得时机未到，这项工作后来被搁置了，但 TA 并没有放弃。正好最近公司内部架构调整，&lt;strong&gt;AI 被提到了战略层面&lt;/strong&gt;，就顺势把自己平时的研究，做了个演示 Demo 找主管做了一次汇报。&lt;/p&gt;&#xA;&lt;p&gt;这个 Demo 本质上和现在市面上常见的界面生成方式差不多，都是通过输入一段需求描述，让 AI 自动生成对应的界面。&lt;/p&gt;&#xA;&lt;img src=&#34;https://cdn.thefivekey.com/off22-ai-generated-demo1.jpeg&#34; title=&#34;AI 生成产品界面 演示 DEMO&#34; alt=&#34;AI 生成产品界面 演示 DEMO&#34;/&gt;&#xA;&lt;img src=&#34;https://cdn.thefivekey.com/off22-ai-generated-demo2.jpeg&#34; title=&#34;AI 生成产品界面 演示 DEMO&#34; alt=&#34;AI 生成产品界面 演示 DEMO&#34;/&gt;&#xA;上图为文章配图案例，与真实业务无关&#xA;&lt;p&gt;但不同的是，它生成的结果从布局结构到视觉风格，再到字段内容的业务贴合度，都与他们的产品高度一致。看上去不是那种“拼凑感”很强的概念稿，反倒更像是我们在日常项目评审里会看到、可以直接拿来走流程的设计方案。主管和业务团队看完之后也觉得眼前一亮，如果这个 AI 能力能做到这样的程度，那还是非常值得投入的。&lt;/p&gt;&#xA;&lt;h2 id=&#34;ai-生成产品界面的-demo-看似可行真正落地有多难&#34;&gt;AI 生成产品界面的 Demo 看似可行，真正落地有多难？&lt;/h2&gt;&#xA;&lt;p&gt;从 Demo 来看，效果的确不错。但我们其实都清楚，这只是一个演示 Demo，从“能演示”到“能实现”之间，还有很多的问题需要一个个解决。&lt;/p&gt;&#xA;&lt;p&gt;大家看到的是一个界面，但它其实是由数十个组件、数个 Pattern 的组合，再叠加上层层的业务逻辑，才拼出来的这个看起来“顺理成章”的结果。要把这么多复杂的因子结合起来交给 AI 来“操作”，并不容易。&lt;/p&gt;&#xA;&lt;p&gt;“前台”的简单，其实是“后台”的复杂。AI 让界面生成这一步看上去变得轻松了，但真正难的部分，那些规则、逻辑依旧存在，只是被藏在了后面。客观来说，这个 Demo 只是用了更贴合业务的“包装方式”来让公司接受，而其背后需要解决的问题依旧存在，一直都没有变过。&lt;/p&gt;</description>
    </item>
    <item>
      <title>产品界面的 AI 生成式设计，为什么没人关注了？</title>
      <link>https://www.thefivekey.com/why-generated-ai-ui-design-is-losing-interest/</link>
      <pubDate>Mon, 21 Oct 2024 00:00:00 +0000</pubDate>
      <guid>https://www.thefivekey.com/why-generated-ai-ui-design-is-losing-interest/</guid>
      <description>&lt;p&gt;&lt;img src=&#34;https://www.thefivekey.com/images/ai-ui-deisgn-losing-interest.webp&#34; alt=&#34;产品界面的 AI 生成式设计封面：为什么国内 AI UI 设计工具集体降温&#34; fetchpriority=&#34;high&#34; loading=&#34;eager&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;strong&gt;TL;DR&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;国内一年前还热闹的 AI 生成式 UI 设计工具，今年明显&amp;quot;冷场&amp;quot;了。&lt;/p&gt;&#xA;&lt;p&gt;原因有四：AI 生成能力不足以应对真实业务复杂度、设计需求本身的业务深度、国内付费环境差、政策监管影响。&lt;/p&gt;&#xA;&lt;p&gt;出海寻找新机会的公司，市场表现也并不乐观。&lt;/p&gt;&#xA;&lt;p&gt;生成式 AI 在界面 UI 领域不是没机会，而是要重新定位场景。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;不知大家是否有察觉到，曾经大受关注的界面 UI 的生成式设计，现在似乎有些“冷场”了。&lt;/p&gt;&#xA;&lt;p&gt;一年多前，国内的几家设计工具平台纷纷砸钱入场搞生成式 AI，准备在 产品界面 UI 领域大展拳脚。而一年后的现在，大家都渐渐没了声响，产品界面 UI 貌似已不再是大家在 AI 方面的重点。&lt;/p&gt;&#xA;&lt;p&gt;这个曾经的热点是被大家抛弃了吗？其实也并不是，只不过是大家都默默地调转方向，转向了海外市场。尝试去寻找商业化和技术发展更大的空间。有的平台选择专注于相对容易入手的“官网”型界面设计，以满足中小企业的基础设计需求；有的则退回到设计助理的定位，专注于通过 AI 来辅助设计师更高效地工作。&lt;/p&gt;&#xA;&lt;h2 id=&#34;为什么会发生这样的变化&#34;&gt;为什么会发生这样的变化？&lt;/h2&gt;&#xA;&lt;p&gt;我认为主要有以下几点原因：&lt;/p&gt;&#xA;&lt;h3 id=&#34;01-ai-生成能力尚且不足&#34;&gt;01. AI 生成能力尚且不足&lt;/h3&gt;&#xA;&lt;p&gt;虽然每一款产品都给我们展示了一些看上去还很不错的生成界面，但这些“不错”还是仅限于 Demo 中。对于真实的复杂设计需求，如今的生成能力还是不太能达到预期。&lt;/p&gt;&#xA;&lt;p&gt;如果大家仔细试用过这类工具，就会发现，除了官方展示的几个经过优化的案例外，用户在实际操作中无论如何调整提示词，生成的界面效果都不太好，甚至出现一些非常低级的设计错误。这使得生成式 AI 还是很难参与到真实的工作中。&lt;/p&gt;&#xA;&lt;h3 id=&#34;02-设计需求的业务复杂度&#34;&gt;02. 设计需求的业务复杂度&lt;/h3&gt;&#xA;&lt;p&gt;在真实的设计工作中，我们的设计需求通常会包含很多复杂的业务逻辑和用户流程，而这些都是当前的系统无法理解的。&lt;/p&gt;&#xA;&lt;p&gt;于是，在真实的业务需求面前，这些通用的 AI 模型基本就派不上用场了。&lt;/p&gt;&#xA;&lt;h3 id=&#34;03-国内的付费环境不佳&#34;&gt;03. 国内的付费环境不佳&lt;/h3&gt;&#xA;&lt;p&gt;国内的付费环境相较于早几年的确有很明显的改善，但也仅限于刚需类的工具产品。其他的产品在缺少真正核心竞争力的情况下，都经营得非常艰难。&lt;/p&gt;&#xA;&lt;p&gt;但从企业的视角来看，它并没能直接替代设计师的工作，大家明显对于回报信心不足，因此企业很难愿意为其买单。&lt;/p&gt;&#xA;&lt;p&gt;主要原因在于生成式 AI 的效果仍不够理想，无法满足真实场景的复杂设计需求。在付费环境不佳的情况下，企业难以看到明确的投资回报，自然很难愿意为之付费。&lt;/p&gt;&#xA;&lt;h3 id=&#34;04-政策监管影响&#34;&gt;04. 政策监管影响&lt;/h3&gt;&#xA;&lt;p&gt;随着国家对生成式 AI 技术的监管力度的不断加强，大模型的开发和应用受到了诸多的限制。很多优秀的大模型能力很难被应用到产品中，这样使得产品的能力建设也受到不小的影响。&lt;/p&gt;&#xA;&lt;p&gt;在这样的大背景下，大家纷纷选择了将产品出海，去探索更多的机会。海外市场尤其是欧美等发达国家，对于新兴设计工具和生成式 AI 的付费意愿显著更高，这为 AI 产品的商业化提供了更大的潜力。同时，海外的政策相对更加宽松，为产品的快速发展提供了更好的条件。&lt;/p&gt;&#xA;&lt;h2 id=&#34;这些公司出海后的表现如何呢&#34;&gt;这些公司出海后的表现如何呢？&lt;/h2&gt;&#xA;&lt;p&gt;这些产品在上线初期，都在 ProductHunt 上获得了非常大的曝光，引起了不少用户的兴趣。通过 ProductHunt 的平台，它们迅速积累了一批早期用户和初步的市场关注。&lt;/p&gt;</description>
    </item>
    <item>
      <title>半年过去了，AI 设计的进展如何?</title>
      <link>https://www.thefivekey.com/progress-of-ai-design-in-ui-interface/</link>
      <pubDate>Mon, 04 Sep 2023 16:34:56 +0000</pubDate>
      <guid>https://www.thefivekey.com/progress-of-ai-design-in-ui-interface/</guid>
      <description>&lt;blockquote&gt;&#xA;&lt;p&gt;⚠️ &lt;strong&gt;本文已有更新版本&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;这篇文章发布于 2023 年 9 月，是我对 AI 设计的早期观察。我在 2024 年 6 月写了一篇更深入、更全面的更新版：&lt;a href=&#34;https://www.thefivekey.com/current-trends-ai-design-in-interface-design/&#34;&gt;一年过去了，AI design 的进展如何？&lt;/a&gt;&#xA;，建议优先阅读新版。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;h1 id=&#34;篇首语&#34;&gt;篇首语&lt;/h1&gt;&#xA;&lt;p&gt;今年年初 AI 浪潮席卷了整个科技互联网领域，从海外的 UIZard 到国内的即时设计、MasterGo，大家都在不断尝试探索新的模式将 AI 与 UI 界面进行结合。我也一直都在密切关注着它对设计行业所带来的变化，特别是在界面设计领域。&lt;/p&gt;&#xA;&lt;p&gt;时间一转眼已经到了 9 月，尽管前面提到的这几家公司在文生 UI 领域都投入了大量的资源和精力，也获得了一些初步的成果，但就目前的结果来看AI 在界面设计方面依旧处于一个比较初级的阶段。与此同时大家可能也会发现，这几家公司对这方面的发声也在慢慢变少，整个领域似乎进入了一个相对沉寂的时期，这股热潮似乎在默默的消退。&lt;/p&gt;&#xA;&lt;p&gt;上周与一位老同事喝咖啡，一起深入探讨了一下当前 AI 设计的能力进展、现实中客户的真实需求以及未来的发展趋势。回来后我又重新整理了一下思路，想在这篇文章中，与大家分享一些我对当前AI 界面设计的思考和想法。&lt;/p&gt;&#xA;&lt;h1 id=&#34;ui-界面设计的复杂性&#34;&gt;UI 界面设计的复杂性&lt;/h1&gt;&#xA;&lt;p&gt;与创意设计领域中Stable Diffusion、MidJourney 飞速进化相比，AI 在 UI 界面设计上的能力进展显然是缓慢的。&lt;/p&gt;&#xA;&lt;p&gt;创意设计侧重于高概念的构思发散，而界面设计则是深入到具象的业务实现。这也就意味着从产品逻辑到交互模式，都是需要基于深入的用户洞察和对业务逻辑的细致理解。&lt;/p&gt;&#xA;&lt;p&gt;这种差异化和复杂性为 AI 在界面设计方面的发展带来了巨大的挑战，迫使我们需要做更多深入的研究和基础建设才有可能获得实质性的进步。这里我们可以展开细说一下：&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;01. 业务导向的多维度设计&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;UI 界面不仅仅是产品功能的呈现，它还更需要综合用户需求、数据反馈来进行设计从而向达成业务目标前进。&lt;/p&gt;&#xA;&lt;p&gt;这也就意味着在设计的过程中我们不仅需要关注产品的界面美观和使用体验，还需要考虑如何结合这些背景信息来进行产品的设计。这就让设计变得不那么“纯粹”，也没有足够明确的规律可遵循，更多的依赖于人的判断。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;02. 复杂的设计目的性&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;相较于创意设计，UI 界面设计的目的性会复杂得多。每一个界面都可能需要满足用户不同场景下的多个诉求。&lt;/p&gt;&#xA;&lt;p&gt;例如，一个电商平台的商品列表页不仅要向用户直观地展示具有吸引力的商品，还需要向用户提供商品的筛选 &amp;amp;  比价、加购 &amp;amp; 凑单以及平台的功能导航等不同场景下的用户使用路径，而这些功能在不同的状态下可能还会存在不同的逻辑。&lt;/p&gt;&#xA;&lt;p&gt;这些需求的层层叠加会让产品的界面设计变得异常复杂，这就要求设计师在界面的布局和功能分配上进行精细的权衡，确保用户在不同的场景下都能快速找到自己需要的功能模块并完成后续的操作。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;03. 通用与特定的设计标准&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;就像之前在设计系统的话题中我们一直讨论的，不同的行业和具体的业务中，都会存在其特有的设计需求和习惯。比如金融类产品中需要强调正式感和安全性，而社交娱乐型产品则更关注轻松、互动性的交互氛围。&lt;/p&gt;&#xA;&lt;p&gt;系统级的设计系统为我们提供了普适性的界面设计原则和交互标准，但它无法为特定的业务提供具象的设计指引，更别说体现产品的品牌特性和“人设”了。这也就要求设计师针对于特定的行业、用户进行深入的研究，定义出符合业务的品牌特性。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;04. 持续迭代的设计过程&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;产品的界面设计并不是一次性任务。它需要随着技术的进步、用户需求的变化以及市场环境的演变，来进行界面设计的不断优化和更新。这不仅仅是为了提供更好的产品使用体验，也是为了适应业务的发展和变化，确保产品始终保持竞争力。&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
