AI 会写代码后，设计师究竟还要学什么

10 月 18 日，产品设计师 Jon Sabutis 在设计刊物 UX Collective 发表文章，讨论设计师应当如何理解代码。他没有把学习的目标设定为独立完成开发，而是提出了另一种要求。设计师需要了解界面在实际运行中会受到哪些条件影响，才能判断 AI 做出的结果是否符合自己的意图。

1. 画面之外的问题

Sabutis 在文章中以预约卡片为例，说明设计稿容易遗漏哪些问题。他绘制的示意图采用简短的英文内容，布局看起来已经完整。换成较长的法语名称后，文字开始换行，卡片便需要容纳更多内容。预约信息加载失败又带来了排版之外的问题，界面还得说明目前无法取得数据。这些情况没有改变卡片的用途，却让原本看似完成的设计有了需要继续处理的问题。

同一张预约卡片，右侧呈现长文本、图片缺失与预约信息加载失败时的情况。图片由 Jon Sabutis 制作，来自原文。

长文本应当怎样显示，就不能只凭画面是否整齐来决定。如果名称中被省略的部分会影响用户选择，直接截断便不合适。要求 AI 缩小字号，或许能让当前内容重新放进卡片，却可能损害可读性。设计师需要理解内容与布局之间的关系，才能决定是增加卡片高度，还是调整信息安排，而不是每出现一次溢出，就为眼前这段文字单独修补。