← 全部文章
AI实践 / / 约 6 分钟

不懂设计的人,怎样和 AI 一起做好设计?

这让我重新想了两个问题:产品、UX 和 UI 到底各自负责什么?当我不懂设计时,应该怎样和 AI 一起把设计做好?

最近,我让 AI 帮我重新设计 Intent 的界面。这个产品用来管理我的目标、项目、任务和资料,也在接入 AI 执行任务的能力。

我们改了好几天。调整布局,增加侧边栏,统一颜色,把新页面合并进去。过程中有些版本确实比之前好,但继续看、继续用,还是会发现很多不舒服的地方。

AI 会告诉我,功能已经实现,测试通过了,桌面和手机也检查过。可我打开页面,仍然觉得配色不协调,布局不合理,细节粗糙。它证明了事情做完了一部分,却没有回答我最关心的问题:这个产品到底设计得好不好?

我也说不出所有问题的专业名称。有时只能说“这个太大了”“这里应该放一个日历”“这个交互不对”。后来我意识到,我每提出一个具体办法,AI 就可能沿着它继续修改,而这个办法本身未必正确。

这让我重新想了两个问题:产品、UX 和 UI 到底各自负责什么?当我不懂设计时,应该怎样和 AI 一起把设计做好?

我最初的理解很直接:产品决定软件有哪些功能,UI、UX 负责交互和配色。这个区分能帮助开始讨论,但还不够。

产品设计首先要回答的是,谁在什么情况下遇到了什么问题,为什么值得解决,以及我们准备作哪些取舍。功能只是这些判断落下来的结果。即使任务、项目、报告一个都不少,也不代表它们被组织成了一个对我有用的产品。

Intent 的首页就暴露过这个问题。页面给项目分配了很大的面积,但我每天打开它,最先关心的是今天要做什么。项目当然重要,可在这个场景里,它需要为当天的行动提供背景。这个优先级如果没有确定,后面无论怎样换颜色、调圆角,都很难让首页顺手。

UX,也就是用户体验,关注的是我从产生需求到得到结果的整个过程。它包括怎样找到入口、是否需要重复填写、操作后能不能知道发生了什么,也包括等待、失败和恢复。

对我来说,这个过程还会跨越微信和网页。我希望大部分日常沟通能在微信里完成,网页则帮助我浏览、比较和管理信息。比如,发一句话让 AI 开始工作很自然;同时查看多个会话的状态、比较输出结果,页面就更有优势。该把事情放在哪个渠道,已经是体验设计的一部分,不能等到画按钮时才考虑。

UI 是把这些决定变成看得见、能操作的界面。信息放在哪里,标题多大,列表多密,哪个按钮最突出,颜色怎样表达状态,都会影响我怎样理解和使用产品。它远不止最后选一套配色。

这三个层面可以分开讨论,却很难各做各的。画页面时发现主次不清,可能需要重新判断产品优先级;用户走不通一条路径,可能需要改变入口甚至功能范围。如果只允许在当前页面上修修补补,很容易把结构问题留给样式承担。

不过,想清楚产品,也不会自动得到漂亮的界面。视觉设计仍然需要认真做。

我说“颜色不舒服”,不一定意味着某个颜色本身不好看。一个颜色用在小按钮上可能很合适,铺满大块区域就可能抢走内容的注意力。背景、表面、文字、边框和状态颜色之间怎样配合,比单独挑一个喜欢的绿色或紫色复杂得多。把文字调得很浅也许显得柔和,却可能让我读得费劲。

布局同样如此。留白多不一定舒服,信息多也不一定混乱。对于需要比较的内容,适当的密度能减少来回滚动;对于需要仔细阅读的内容,行长和段落间距又格外重要。字号、对齐、控件尺寸这些细节,最终都会一起出现在同一张页面里。

所以,统一风格只能解决一部分问题。一整套界面可以很一致,也可以一致地不好用。检查代码里有没有共用颜色变量,不能代替打开完整页面,看第一眼落在哪里,阅读是否顺畅,主要操作是否清楚。

不同产品适合的表达也不同。一个展示作品的网站,可以把空间留给图片和个性;一个每天要使用很久的工作工具,更需要稳定、清楚、容易扫描的界面。同一个产品的介绍页和工作页面,也不必承担相同的表现任务。借鉴案例时,需要看它为什么适合那种场景,而不只是截图好不好看。

这次之后,我更希望把设计过程安排得有次序。

先把最重要的使用场景说具体。例如,打开首页以后,我应该能找到今天最先要做的事;进入会话页面以后,我应该能区分哪些还在运行,哪些需要我回应。这样的描述,才能帮助判断什么内容应该优先出现。

接着把信息和操作路径排清楚,再用真实内容完成少量有代表性的页面。长标题、多条记录、没有数据、执行失败和手机屏幕,都应该在这个阶段出现。如果一张设计只在几个整齐的示例卡片上成立,等真正接入内容时,问题还会回来。

等代表页面的布局和视觉都站得住,再把规则扩展到其他页面。这样,统一字体、颜色和组件才有意义:统一的是已经经过检查的设计,而不只是先找到的一套样式。

最后还要分开验收。功能是否正确,要看数据和执行结果;操作是否方便,要实际完成任务;视觉是否协调,要看加载了真实内容的完整画面。这些检查不能互相代替,设计者自己的判断也不能代替用户的实际使用。

这里面还有一件事,需要我和 AI 重新分工。

我可以告诉它,我最关心什么,哪一步很烦,哪里看不懂,也可以给出自己的建议。但我不应该必须先想出正确的布局、配色和交互方案,才能得到一个好的结果。

如果我说“把这里放大”,AI 应该判断,我究竟是看不清文字、找不到重点,还是确实需要更多内容空间。放大是不是合适的办法,会不会让其他信息更难找,都需要它承担判断。它可以不同意我的方案,但应该讲清原因,给出可比较的替代方案,并尊重我最后的决定。

我想要的是这样的专业帮助。我的反馈来自实际感受,应该被认真对待;我随口想到的解决办法,则需要经过推敲。把两者混在一起,双方都会很忙,却未必越改越好。

现在,我还不能说这次界面问题已经解决了。我们整理了这些认识,也把它们补进了指导 AI 工作的规则。接下来要看的,是这些规则能否改变下一轮实际设计:它会不会先判断问题,再提出方案;能不能拿出一个完整、协调的页面;我打开产品以后,是否更容易看清要做什么,并把事情做完。

对我来说,这比它再告诉我一次“已经统一风格,所有测试通过”更能说明设计有没有进步。

—

谢谢你读到这里。