防错与可逆:让用户敢点
上一节教错误怎么说,这一节往前挪一步:让错误压根发生不了,发生了也能一键回头。AI 生成的应用最爱用确认弹窗当保险,但那是最弱的一道防线,你自己动手删两条数据就明白了。 一句话速览:**与其事后报错,先让错误发生不了;撤销让探索变安全,确认弹窗是最弱的防错。** Cooper 在《About Face 4》第 1...
前端页面
2026-10-11 1226 字 约 4 分钟 18 访问量
防错与可逆:让用户敢点

上一节教错误怎么说,这一节往前挪一步:让错误压根发生不了,发生了也能一键回头。AI 生成的应用最爱用确认弹窗当保险,但那是最弱的一道防线,你自己动手删两条数据就明白了。 一句话速览:**与其事后报错,先让错误发生不了;撤销让探索变安全,确认弹窗是最弱的防错。** Cooper 在《About Face 4》第 1...

more...
Cover Image of 防错与可逆:让用户敢点
怎么看设计才算看进去了:拆解五步
收藏夹里躺着一百个「灵感网站」,真要动手的时候还是找不到方向,这种收藏等于没收藏。打开一个好设计,扫一眼说「真好看」,截图,关掉,这是游客行为:拍了照、发了圈,什么都没带走。 一句话速览:**收藏一百个网站没用,要按顺序拆:先看层级,再量间距,最后数颜色。** 每层只回答一个问题,顺序从大到小:先抓骨架,再抠皮肤...
前端页面
2026-10-11 1357 字 约 4 分钟 11 访问量
怎么看设计才算看进去了:拆解五步

收藏夹里躺着一百个「灵感网站」,真要动手的时候还是找不到方向,这种收藏等于没收藏。打开一个好设计,扫一眼说「真好看」,截图,关掉,这是游客行为:拍了照、发了圈,什么都没带走。 一句话速览:**收藏一百个网站没用,要按顺序拆:先看层级,再量间距,最后数颜色。** 每层只回答一个问题,顺序从大到小:先抓骨架,再抠皮肤...

more...
Cover Image of 怎么看设计才算看进去了:拆解五步
「好看」的一百种具体说法:审美词汇与八变量
「好看一点」交出去,AI 只能猜:猜你要加渐变,猜你要换字体,猜你要堆动效。「信息密度加一档,视觉噪音降下来」交出去,AI 立刻知道该动哪里:多放两组数据,砍掉一半徽章。 一句话速览:**词汇是判断力的容器。信息密度、视觉噪音、呼吸感、对比度层级……说得出名字,才指挥得动 AI。** > **审美词汇量,决定你能...
前端页面
2026-10-11 1609 字 约 5 分钟 11 访问量
「好看」的一百种具体说法:审美词汇与八变量

「好看一点」交出去,AI 只能猜:猜你要加渐变,猜你要换字体,猜你要堆动效。「信息密度加一档,视觉噪音降下来」交出去,AI 立刻知道该动哪里:多放两组数据,砍掉一半徽章。 一句话速览:**词汇是判断力的容器。信息密度、视觉噪音、呼吸感、对比度层级……说得出名字,才指挥得动 AI。** > **审美词汇量,决定你能...

more...
Cover Image of 「好看」的一百种具体说法:审美词汇与八变量
生 UI:从形容词到规格书
「做个好看的落地页」交出去,AI 会还你一个紫色渐变、居中堆料的大路货。这口锅 AI 只背一半:它没拿到信息,只能输出训练数据的平均值。主色写死、间距锁网格、字重限两级、禁止项列清单,产出立刻换一个档次。 一句话速览:**「做个好看的页面」和「参考 Linear 的信息密度、只用一个主色」差出一个档次。** |...
前端页面
2026-10-11 1438 字 约 4 分钟 14 访问量
生 UI:从形容词到规格书

「做个好看的落地页」交出去,AI 会还你一个紫色渐变、居中堆料的大路货。这口锅 AI 只背一半:它没拿到信息,只能输出训练数据的平均值。主色写死、间距锁网格、字重限两级、禁止项列清单,产出立刻换一个档次。 一句话速览:**「做个好看的页面」和「参考 Linear 的信息密度、只用一个主色」差出一个档次。** |...

more...
Cover Image of 生 UI:从形容词到规格书
生图:构图、光影、色彩的语言
你说「一张好看的咖啡海报」,AI 给你训练数据的平均值;你说「三分法构图、黄金时刻侧逆光、低饱和莫兰迪色调」,AI 立刻有了施工图。摄影师练了一百年的语言现成摆在那里,拿来就能用。 一句话速览:**生图提示词的审美三件套:构图、光影、色彩,每样记三个词,够用了。** | 维度 | 管什么 | 三个词 | |---...
前端页面
2026-10-11 1280 字 约 4 分钟 12 访问量
生图:构图、光影、色彩的语言

你说「一张好看的咖啡海报」,AI 给你训练数据的平均值;你说「三分法构图、黄金时刻侧逆光、低饱和莫兰迪色调」,AI 立刻有了施工图。摄影师练了一百年的语言现成摆在那里,拿来就能用。 一句话速览:**生图提示词的审美三件套:构图、光影、色彩,每样记三个词,够用了。** | 维度 | 管什么 | 三个词 | |---...

more...
Cover Image of 生图:构图、光影、色彩的语言
视觉层级:一屏只有一个主角
打开一个页面,视线总得先落在某一处。设计者不安排这个落点,读者的眼睛就会自己乱撞。这一节讲层级:怎么用字号、字重、颜色三根杠杆,把「先看哪」安排明白。 一句话速览:**什么都想强调等于什么都没强调。字号、字重、颜色三根杠杆怎么分配注意力。** 注意力是稀缺资源,界面上每个元素都在抢。加粗、标红、放大,单独看每一下...
前端页面
2026-10-11 1090 字 约 3 分钟 10 访问量
视觉层级:一屏只有一个主角

打开一个页面,视线总得先落在某一处。设计者不安排这个落点,读者的眼睛就会自己乱撞。这一节讲层级:怎么用字号、字重、颜色三根杠杆,把「先看哪」安排明白。 一句话速览:**什么都想强调等于什么都没强调。字号、字重、颜色三根杠杆怎么分配注意力。** 注意力是稀缺资源,界面上每个元素都在抢。加粗、标红、放大,单独看每一下...

more...
Cover Image of 视觉层级:一屏只有一个主角
「AI 味儿」是怎么来的:平均值就是平庸
让 AI 随便生成一个页面,十有八九是紫色渐变、毛玻璃、居中大标题三件套。这种整齐划一有数学上的原因,看懂了它,你就知道怎么绕开它。 一句话速览:**紫色渐变、毛玻璃、圆角卡片三件套:AI 默认输出训练数据的平均值,平均值就是平庸。** AI 生成设计时,挑的是训练数据里的高概率区域,也就是全网设计的「平均值」。...
前端页面
2026-10-11 1224 字 约 4 分钟 9 访问量
「AI 味儿」是怎么来的:平均值就是平庸

让 AI 随便生成一个页面,十有八九是紫色渐变、毛玻璃、居中大标题三件套。这种整齐划一有数学上的原因,看懂了它,你就知道怎么绕开它。 一句话速览:**紫色渐变、毛玻璃、圆角卡片三件套:AI 默认输出训练数据的平均值,平均值就是平庸。** AI 生成设计时,挑的是训练数据里的高概率区域,也就是全网设计的「平均值」。...

more...
Cover Image of 「AI 味儿」是怎么来的:平均值就是平庸
克制:给颜色和字体做预算
好看的界面大多不是加出来的,是省出来的。这一节给你一套预算表:一个主色加中性色、两种字重、一套圆角。超预算的东西再好看也砍。 一句话速览:**一个主色、两种字重、一套圆角。往界面里加颜色看它变成年会海报,再一键做减法,感受高级感回来的瞬间。** 预算制的规则很短: **一个主色**,其余交给黑白灰的中性色 **两...
前端页面
2026-10-11 904 字 约 3 分钟 9 访问量
克制:给颜色和字体做预算

好看的界面大多不是加出来的,是省出来的。这一节给你一套预算表:一个主色加中性色、两种字重、一套圆角。超预算的东西再好看也砍。 一句话速览:**一个主色、两种字重、一套圆角。往界面里加颜色看它变成年会海报,再一键做减法,感受高级感回来的瞬间。** 预算制的规则很短: **一个主色**,其余交给黑白灰的中性色 **两...

more...
Cover Image of 克制:给颜色和字体做预算
留白与对齐:大多数丑都丑在间距
「说不上哪里丑,反正就是丑」,这句评价八成在说间距。颜色字体一处没动,只把间距捋顺,界面就能上一个档次。 一句话速览:**说不上哪里丑的界面,问题多半在间距。两条规律 + 一张现成的数字表(8pt 网格)。** **亲密性:** 相关的元素靠近,无关的离远,读者靠距离判断「哪些是一伙的」。 **一致性:** 同层...
前端页面
2026-10-11 1205 字 约 4 分钟 8 访问量
留白与对齐:大多数丑都丑在间距

「说不上哪里丑,反正就是丑」,这句评价八成在说间距。颜色字体一处没动,只把间距捋顺,界面就能上一个档次。 一句话速览:**说不上哪里丑的界面,问题多半在间距。两条规律 + 一张现成的数字表(8pt 网格)。** **亲密性:** 相关的元素靠近,无关的离远,读者靠距离判断「哪些是一伙的」。 **一致性:** 同层...

more...
Cover Image of 留白与对齐:大多数丑都丑在间距
前往/ 407 页
Profile Image of the Author
clxstart
技术需要沉淀
3716 文章
35 分类
636 标签
49537 总访问量
公告
站点公告

过度思考未来,无异于杀死现在的自己

站点统计
文章
3,716
分类
35
标签
636
总字数
12,458,777
题目
3,950
运行时长
420 天
最后活动
5 天前
日一二三四五六
分类
标签
聊天室
进入大聊天室
查看在线用户和完整聊天记录