从古典到当代的设计语言

品位· 可循

十九种从美学长河里严选的设计风格——上溯包豪斯、浮世绘的古典,下及液态玻璃、终端美学的当代。每一种都备好 APCA 校验的色板、开发者可直接取用的 tokens,以及一键复制、即刻可执行的 Prompt。

19种风格
95组 Tokens
APCA对比度实测
sRGB+OKLCH双色彩空间
下滑

The Index

图鉴

不是画廊,是品鉴。每张卡片都以其自身的风格语言绘制——所见即所得。点开任意风格,查看概述、tokens、完整 Prompt、技巧、问答与溯源。

The Playbook

一份 Prompt,三句话术

从图鉴取走的那份 Prompt,是给 AI 的剧本。真正拉开差距的是接下来的三句话:怎么交、怎么改、跑偏了怎么救。

Act 01

完整地交给 AI

Prompt 要整段粘贴,不要节选。然后补一句你要做什么——风格是形,页面类型是骨。

Script 01
〔粘贴完整 Prompt〕
用这个风格帮我做一个「作品集首页」:
导航、主视觉、三个作品卡片、页脚。
Act 02

改内容,不破风格

迭代时最怕 AI 顺手把风格也改了。先声明「不变项」,再说要改什么。

Script 02
保持色板、字体、圆角与阴影完全不变,
只把主视觉区改为「左文右图双栏」,
其余部分一个像素都不要动。
Act 03

跑偏了,钉回去

AI 手抖改了颜色?把风格详情页里的 Tokens 重新钉给它——规则贴脸,无处可逃。

Script 03
颜色跑偏了。严格使用以下色板,
不得引入任何新颜色:
〔粘贴风格详情页的 Tokens〕
在此约束下重新输出上一版。

Method

我们如何审视一种风格

从第一性原理出发:风格不是滤镜,是一组可验证的决策。收录任何风格前,先过三道关。

01

溯源

必须能追溯到经过时间检验的大师、运动或流派——包豪斯、瑞士学派、浮世绘……有出处,才谈得上品位。

02

验证

全部前景/背景配对以 APCA(WCAG 3 候选算法)实测 Lc 值,正文 ≥ Lc 75、大字 ≥ Lc 60,徽标就在色板上。

03

克制

动效只服务于反馈与层级,时长 ≤ 600ms、单屏不超过一个主动画;能删掉而不损失信息的装饰,一律删掉。

Coda

借来的光,
终成你的品位。

品位从来不是玄学,只是少有人替它画过地图。Design·Taste 从整理风格开始——把散落在艺术史与当代实践里的美学,收成有迹可循的坐标。图鉴是第一张地图;往后,还有辨认、调和,与养成品位的路要走。

风格预览 · Live Preview