蚁工厂
26-11-08 09:40 微博认证:科技博主

Tw93的经验分享:如何用 AI 设计出好看、又不会让人觉得是“AI 廉价产物”的产品。他做过不少很受好评的产品。
---------------
人们常问我,如何用 AI 设计出好看、又不会让人觉得是“AI 廉价产物”的产品。这不是个好回答的问题,因为我不是专业设计师,只能从产品工程师的角度分享:如何做出不丑、又好用的产品。

先说一个前提:好看的设计救不了一个不解决问题的产品。设计是锦上添花,不决定产品成败。如果排优先级,我会排:解决问题 > 好用 > 好看。就像吃饭:先别饿着,再吃饱,再吃好。

解决问题我不多讲,这取决于产品本身。它要解决具体需求:有人需要它,有真实场景,你的产品恰好提供一种让人或智能体完成这件事的方式。有些问题本身就是要更大一些。

那怎么做出一款好用又不丑的产品?哈,你可以自己逐条走下面这份清单,也可以把整份清单交给你的智能体,让它审查你产品的代码库。

🌟假装你是一个完全不懂技术的普通用户。他们能走通主流程,并拿到自己需要的东西吗?找出所有卡住的地方、没有解释的地方、步骤之间衔接不自然的地方,全部修好,让人不用说明书就能使用产品。只有确实做不到时,才加一句简短提示。

🌟每一条文案都应该像该语言母语者日常说话那样。字斟句酌,不要生硬直译。看看 Apple、Windows 和知名网站如何表达同一件事,追求对本地人来说简单、清晰、自然的文案。

🌟产品本身已经表达清楚的地方,不要再加文字解释。不要过度解释。检查每一行辅助文字,看它是否没有冗余地表达了本意;如果交互或视觉已经说明,就不要再用文字重复。

🌟展示数字时,要让人知道它指什么,并便于按含义阅读。金额、指标、距离等单位各有最佳实践。准确性很重要,不要为了省事跳过数据校验。

🌟不要反复让用户确认他们已经选过的东西。只在操作不可撤销时才二次确认,以免界面上满是确认弹窗。也不要给危险操作铺大片红色。想想产品用起来是否愉悦。用户不傻,不必过度担心他们犯错。

🌟视觉上,每页保持一个强调色。尽量避免橙色、陶土色,以及旧式后台管理界面那种亮企业蓝。所有灰色都用暖灰,绝不用冷蓝灰。如果找不到好颜色,就翻翻中国传统色。

🌟字号尽量少,一页最多四种。考虑整页的阅读节奏、清晰度和文本对比度,并确保符合无障碍标准。行高、字距和段距都需要反复调整,同时整个系统保持一致。

🌟少用斜体、等宽字体和全大写,而且只在有明确理由时用。辅助文字不用斜体,等宽字体只用于代码、路径和指标,按钮或标签不用全大写。少用间隔号(·)连接内容。全产品中同一动作使用同一个动词,避免带有催促行动意味的动词,比如营销腔的“立即购买”。

🌟按钮、间距、圆角、分割线、弹窗、动效和阴影保持一致且克制,不要挡住用户的路。嵌套圆角应同心:内圆角半径等于外圆角半径减去两者之间的内边距,这样更好看。页面默认扁平:不堆叠阴影、不加发光、不用毛玻璃。阴影只用于真正浮在页面上的弹窗,不要卡片套卡片。

🌟多语言产品先按最长译文来布局,意义优先于外观,不要为了适配而改变文字内容。可以改写文案,但不要改字号或截断。检查在用户实际使用的设备上、不同尺寸下是否都显示良好,全部测试,修正所有看起来不对的地方。

🌟对于反复调整仍不满意、或经过多轮仍看起来不对的设计,让你的智能体给出它认为最好的三个方案,选一个,然后让它继续打磨直到你满意。我喜欢让 AI 把前后对比图放进一个 PDF,这样比较起来方便得多。

差不多就是这些。不过还有一点很重要:你自己的耐心和持续迭代的意愿。我有点完美主义,常为一行文案、一个颜色或一个设计跟 AI 来回十几轮,直到满意。AI 很聪明,但你常常需要对它要求更多,投入更多时间和耐心,才能得到喜欢的结果。换句话说,多花时间、多看优秀设计,你就能做出好用且不丑的产品。

发布于 山东