审美工程 · 12 / 12

验收清单:点头之前过一遍

AI 出稿越来越快,把关的动作要跟上。收官这一节交付一份 15 项验收清单,再回访你在开篇投下的那一票,看看这一章有没有把眼睛练出来。

验收清单回访投票全章回顾延伸阅读
三分钟验收,怎么算都不亏

AI 十分钟能出一版稿,你花三分钟验收,这笔账怎么算都划算。难缠的对手是「差不多就行」:稿子第一眼过得去,手就想点通过,糙的地方要到上线之后才扎眼。这份清单管住那只手:十五项,每项一个动作,过一遍再点头。勾选进度会存在本地,下次带着新稿子回来接着用。清单里几条判据有出处,勾完往下翻,每条都配了说法和练手题。

动手 · 验收清单:15 项过一遍
交稿验收清单 0 / 15
层级 · 3 项
间距 · 3 项
克制 · 4 项
一致性 · 2 项
细节 · 3 项
当前浏览器禁用了本地存储(可能在隐私模式),勾选照常可用,但刷新后进度不会保存。
克制组的新判据:存在就要有理由

克制组新加的那一项有出处。《About Face 4:交互设计精髓》第 17 章的判据:每个元素的存在要有理由,每处差异的存在也要有理由,给不出理由,就删掉元素、抹平差异。配套的手法叫删减测试:把可疑元素去掉,看信息受没受损。书里把话说得更狠:删减东西,直到破坏了设计为止,再把最后去掉的那件加回来。做一道题练手。

AI 交来的落地页,标题底下压了一条渐变装饰线,怎么办? 单选
A留着,删了显得秃
B先删掉看一遍,信息和层级没受损就不加回来
C换成一条更细的渐变线
D让 AI 再加两条呼应一下
快慢有三道门槛,秒表说了算

细节组那条响应时间判据也有出处。界面舒不舒服,响应速度占一大块,而且门槛是公认的。《About Face 4》第 17 章引尼尔森的划分:0.1 秒内响应,人感觉是即时的;1 秒内完成,思路不断,给个细微线索就够;接近 10 秒,必须给出正在运行的信号,比如转圈加预估;超过 10 秒,要解释慢在哪、给进度更新,做完还要提示一声。三个按钮各踩一道门槛,亲手点一遍找体感。

响应时间体验器 三档延迟
从快到慢点一遍,感受门槛在哪里
保存一条设置这类轻操作,应该落在这一档。
提交表单、切换视图,多数落在这一档。
导出报表、生成图片这类重活。点了要等真实的 10 秒,进度条会陪着你。
图表不给数字的,打回

数据可视化也在验收范围里。Tufte 的原则:可量化的数据就要量化,图表把趋势画出来,数字本身也要在场。《About Face 4》第 17 章举了 Windows 磁盘属性的例子:饼图给大概印象,已用和可用的字节数照样列出来。AI 生成的报表页尤其爱犯这个错:曲线画得漂亮,凑近一看一个数都没有,汇报时还得回去翻原始数据。两张周报卡,点更好的那张。

本周活跃周报卡 点选更好的一版
A · 只有趋势
dash.weekly.cn
本周活跃
8 月 3 日至 8 月 9 日
B · 趋势带数字
dash.weekly.cn
本周活跃
8 月 3 日至 8 月 9 日
4,286环比 +12%
412
526
488
654
590
802
814
回访 · 开篇那道题,再投一次

开篇你凭直觉在三个方案里投过一票。学完 12 节,同一道题,同样三个方案的缩略版,再投一次。

你的第二票 全章回访
点一个方案投票
smart-platform.ai
全新智能平台
赋能未来 · 无限可能
立即体验免费注册了解更多
A · AI 默认味
shiplist.app
Shiplist
每周该发的货,一屏看完
自动汇总任务进度,生成发布清单
免费开始看演示
B · 克制专业
tejia-mall.com
限时特惠 5 折起02:14:36
新人礼包 · 邀请返现 · 每日签到
爆款专区
今日上新
会员专享
积分商城
马上抢领优惠
C · 热闹模板
回顾 · 12 节串成三句话
识别美

开篇先凭直觉投一票,第 2~5 节把「好看」拆成四个抓手:层级、间距、颜色、细节。看到一张页面,先找唯一主角,再量间距,然后数颜色,最后抠细节。

翻译给 AI

6~9 节把看出来的变量写进对话:把「高级一点」换成主色、圆角、密度这些能执行的词,改稿时点名变量,AI 才知道往哪改。

参考与验收

第 10 节拆参考按固定顺序看进去,第 11 节喂参考用垫图、描述、变量三种姿势,本页的 15 项清单守住出口:点头之前过一遍。

延伸阅读 · 顺着这章往外走
《Refactoring UI》(Adam Wathan & Steve Schoger)
把设计规则写成开发者能照做的操作,本章不少判据能在里面找到出处。重点读改稿前后的对比图。
《写给大家看的设计书》(Robin Williams)
亲密性、对齐、重复、对比四条原则,入门框架就这一本,读案例改稿部分。
《About Face 4:交互设计精髓》第 17 章(Alan Cooper 等)
本页清单里的多条判据出自这一章:眯眼测试、层级两问、响应时间门槛、「每个元素的存在都要有理由」。只读第 17 章「整合视觉设计」也够本。
原则
「少,但更好」的原始出处。拿十条对照你手上的页面,看违反了哪条。
把心理学定律做成卡片。先读 Hick's Law 和 Aesthetic-Usability Effect 两张。
规范
读 Layout 与 Typography 两章,看大厂怎么定间距和字号档位。
读 Color roles 一节:一套主色怎么派生出整个系统,正是设计变量的工业版。
实践
当阅读材料看:一屏一个主角、留白当结构用,用第 10 节的四步现场拆一遍。
信息密度高还能保持克制的范本,看它的层级安排和灰阶分工。
本节要点

能看出:层级、间距、颜色、细节四个抓手,按顺序拆,告别游客式围观。

能说清:把感觉翻译成变量和参考喂给 AI,形容词留给朋友圈文案。

能验收:15 项清单守住出口。下次 AI 交稿,先跑清单,把没过的那一项原话发回去改。

判据有出处才站得住:存在要有理由、响应过三道门槛、可量化就量化,出处都在延伸阅读里,别人问起你答得上来。

内容来源:小山学堂「审美工程」专题原创;部分设计原则整理自《About Face 4:交互设计精髓》第 17 章(Alan Cooper 等著),响应时间门槛为该章转引尼尔森,量化原则出自 Tufte。