观 · 风格AESTHETIC ATLAS
A FIELD GUIDE TO VISUAL CULTURE / VOL. 01

把「好看」
说得更具体。

从包豪斯到玻璃拟态,从侘寂到赛博朋克。
看得出差异,讲得清规则,选得对场景。
这不是风格名词表,而是一套可以动手比较的视觉图鉴。

原创视觉样本可离线浏览历史与技法分开讲
ONE BRIEF, FOUR VISUAL LANGUAGES01 — 04
30具体风格
逐一拆解
06探索路径
按视觉逻辑归类
02内容载体
海报 / 软件界面
34核验资料
可追溯到来源
BEFORE WE BEGIN

先分清:
“风格”并不都在同一层。

这里的“现代”指今天仍可借鉴的视觉语言,不意味着它们都诞生于近年。三种标签可以叠加,不能简单排成高低等级。

01 / 历史

艺术与设计流派

有形成背景、实践者与思想脉络,不能压缩成一套配色。

包豪斯 · 风格派 · 波普艺术
02 / 审美

文化与视觉取向

借由材质、情绪和生活观念建立辨识度,命名边界常有弹性。

侘寂 · 日式北欧 · 千禧未来感
03 / 方法

界面与创作技法

解决布局、层级或生成方式的问题,可以服务于多种审美。

玻璃拟态 · Bento · 生成视觉
01 / EXPLORE THE ATLAS

30 种语言,各有语法。

点击样本,查看定义、五个视觉变量、适用场景与易混概念。六条路径是本页的浏览分类,不是互斥的艺术史体系。

样本为本页原创教学演绎,统一使用虚构展览“FORM / 形式研究”,并非历史作品、官方模板或流派的唯一样貌。配色仅用于演示。

02 / SAME CONTENT, DIFFERENT RULES

同一内容,换一种表达。

内容保持不变,才更容易看出风格改变了什么。先比较海报,再切到软件界面,观察视觉语言的迁移边界。

比较时看什么?不要只看颜色:关注阅读入口、字体气质、元素之间的关系,以及“哪些东西被刻意省略”。海报中的日期与活动均为虚构。
03 / LEARN TO SEE

不背名字,先看五个变量。

一种风格不是“一张参考图的颜色”。把视觉选择拆开,才有可能迁移、组合和判断是否适合当前任务。

01 色彩

色相、明度与饱和度怎样分工?强调色是用于信息,还是用于情绪?

02 字体

衬线、无衬线或等宽?字重与尺度差,决定了阅读节奏和表达语气。

03 形态

是几何、自由曲线,还是可识别的具象物?形态关系比堆图标更重要。

04 材质

纸、木、金属、玻璃,还是无材质的平面?质感不等于真实的物理属性。

05 版式

先看什么、后看什么?对齐、留白、疏密和尺度差,共同组织信息。

识别练习 / 01 OF 05

这一张主要使用了哪种语言?

从版式、形态和材质找证据,不只凭配色猜。

已答对 0 题
04 / TURN TASTE INTO A BRIEF

把审美,变成可执行的要求。

先选任务,再选风格。生成的任务书可直接修改、复制或导出,交给设计师,也可作为 AI 设计提示的起点。

建议来自本页的应用判断,不是客观排名。混搭时先统一版式和层级,再选择少量辅助元素;不要一次叠加多个主风格。

设计任务书

EDITABLE BRIEF

喜欢这组颜色,字看得清吗?

用真实计算替代“看起来应该够清楚”。
这里只检查普通文字的纯色对比度。

文字与背景 / Readable by design.
依据 WCAG 2.2 · SC 1.4.3,普通文字 AA 阈值为 4.5:1。工具按不透明 sRGB 纯色计算,不涵盖图片、透明叠层、状态辨识或完整无障碍验收;阈值判断使用未四舍五入的数值。
05 / REFERENCES & BOUNDARIES

有出处,也有适用边界。

历史脉络优先参考博物馆与设计机构;数字界面术语参考设计系统、可用性研究及相关实践者。资料类型各不相同。

展开 34 项资料与适用说明

本页不是“2026 年最流行风格”榜单,也不是完整艺术史。历史事实与概念脉络附来源;视觉拆解、配色和场景建议属于教学归纳与应用判断。极简不自动等于高级,复杂也不自动等于混乱;合适与否需要回到任务、内容、可读性和实际使用环境。样本中的活动、日期、软件状态及数值均为演示内容。

STYLE NOTES