Tw93|2026年11月07日 13:34
人们经常问我如何利用人工智能设计出既美观又不显得粗糙的产品。这并非易事,因为我并非专业设计师,只能从产品工程师的角度来分享:如何打造既美观又易用的产品。
首先,一个前提是:再漂亮的设计也无法拯救一个无法解决问题的产品。设计只是锦上添花,而非决定产品成败的关键。如果要给产品排序,我会这样排:解决问题 > 易用 > 美观。这就像吃饭一样:首先要保证不挨饿,然后才能吃饱,最后才能吃得好。
关于“解决问题”,我不会赘述,因为这取决于产品本身。产品要满足一个具体的需求:有人需要它,存在一个实际的应用场景,而你的产品恰好为个人或代理提供了一种解决方案。有些问题比其他问题更为复杂。
那么,如何打造一款既易用又美观的产品呢?哈哈,您可以自己按照下面的步骤操作,或者把所有内容交给您的代理人,让他们审查您产品的代码库。
1. 假设您是一位对技术一窍不通的普通用户。他们能否顺利完成主要流程并找到所需信息?找出他们遇到的所有问题,例如操作步骤不清晰、解释不够清楚,或者步骤衔接不够自然,并一一修复,确保用户无需查阅手册即可使用产品。只有在确实无法做到这一点的情况下,才添加简短的提示。
2. 所有文案都应该使用母语人士的日常用语。仔细斟酌用词,而不是生硬地翻译。参考苹果、Windows 和知名网站的措辞,力求使文案简洁明了、自然流畅,让本地用户感到舒适。
3. 如果产品本身已经清晰地表达了某些内容,就不要添加文字进行解释。切勿过度解释。检查每一行辅助文本,确保其含义清晰明了,无需赘述。如果交互或视觉效果已经表达清楚,就不要重复文字。
4. 显示数字时,务必确保用户明白其含义,并使其易于理解。货币、指标、距离和其他单位都有各自的最佳实践。准确性至关重要,因此不要为了节省精力而忽略数据验证。
5. 不要反复要求用户确认他们已经选择的内容。只有当某个操作无法撤销时才再次询问,以免屏幕上充斥着确认对话框。也不要用大片红色区域标记危险操作。想想产品的使用体验如何。用户并不笨,所以不必过于担心他们会犯错。
6. 在视觉上,每个页面只使用一种强调色。尽量避免使用橙色、赤陶色以及老式管理后台常用的亮蓝色。灰色应选择暖灰色,切勿使用冷色调的蓝灰色。如果找不到合适的颜色,可以参考中国传统色彩。
7. 尽量少用字体大小,每页最多四种。考虑整页的阅读节奏、清晰度和文本对比度,并确保符合无障碍标准。行高、字间距和段落间距都需要反复调整,同时保持整体系统的一致性。
8. 谨慎使用斜体、等宽字体和全大写字母,且仅在有明确理由的情况下使用。辅助文本不要使用斜体,等宽字体仅用于代码、路径和度量值,按钮或标签中不要使用全大写字母。尽量少用中间点(·)连接。整个产品中每个操作使用同一个动词,避免使用带有诱导性、带有营销风格的动词,例如“立即购买”。
9. 保持按钮、间距、圆角半径、分隔线、对话框、动画和阴影的一致性和克制性,以免妨碍用户操作。嵌套圆角应为同心圆:内圆角半径等于外圆角半径减去它们之间的间距,这样看起来更美观。页面默认是平面的:没有堆叠阴影、发光效果或磨砂玻璃效果。阴影仅用于真正悬浮在页面上方的对话框,以及卡片嵌套的情况。
10. 在多语言产品中,首先要针对最长的翻译版本进行布局,并且优先考虑文本的含义而非外观,而不是为了适应页面大小而改变文本内容。您可以重写文案,但不要更改字体大小或截断文本。检查所有内容在用户实际使用的各种设备上以不同尺寸显示是否良好,进行全面测试,并修复所有显示不正常的地方。
11. 对于您不断调整但仍然不满意的设计,或者经过多轮修改后仍然不尽如人意的设计,请您的人工智能助手提供三个最佳方案,并从中选择一个,然后让它继续优化,直到您满意为止。我喜欢让人工智能助手将修改前后的图像合并到一个 PDF 文件中,这样可以大大简化我的比较过程。差不多就是这样了。不过还有一点非常重要:那就是你的耐心和不断迭代的意愿。我有点完美主义,经常会为了区区一行文案、一个颜色或一个设计,跟人工智能反复修改十几轮,直到满意为止。人工智能很智能,但你往往需要对它提出更高的要求,投入更多的时间和耐心,才能得到满意的结果。或者换句话说,多花些时间,多看看优秀的设计,你就能打造出既易用又美观的产品。
分享至:
脈絡
熱門快訊
APP下載
X
Telegram
複製鏈接