风格对照
只对照容易看混的几对。左右都是真实预览,不是文案排列。
- 玻璃拟态 Glassmorphism / 液态玻璃 Liquid Glass
玻璃拟态是雾面 blur 加高光边;液态玻璃还要有折射和会动的背景。
- 新野兽派 Neobrutalism / 杂志 Editorial
新野兽派用 2px 硬边和偏移阴影;杂志用细线和衬线标题。
- 纸感 Paper / 高级留白 Premium
纸感是暖底和墨水,像笔记本;高级留白是锌灰和一枚哑光点缀,像画廊。
- 新拟态 Neumorphism / 黏土 Claymorphism
新拟态是同一底色上的凸起和凹槽;黏土是厚边加软阴影,形体更鼓。
- 终端 Mono / 黑白 Geist
等宽墨水是炭黑屏幕上的终端感;黑白收紧是开发者平台的紧字距。
- 原生 Apple / 干净极简 Clean
原生 Apple 跟 HIG:分组列表、大标题、安全区。干净网格是企业工具的冷静蓝。
- 电影电商 Cinematic Commerce / 夜柠 Night Lime
电影电商是侧光和一件主商品;夜柠是炭黑上的一抹酸绿。
- 键盘暗色 Keyboard Dark / 夜柠 Night Lime
键盘暗色的紫只出现在焦点上;夜柠的绿是品牌色,可以铺在封面。
- 便当格 Bento / 干净极简 Clean
便当是不对称格子;干净网格是对齐的功能优先布局。
- 大字报 Bold / 新野兽派 Neobrutalism
粗体海报靠字占满墙;新野兽派靠硬边、硬阴影和一记明黄。
- 杂志 Editorial / 画廊白空间 Gallery Space
杂志是衬线标题和细栏;画廊白空间把摄影放在大留白里。
- 暖白书桌 Warm Desk / 纸感 Paper
书房是暖白纸加衬线标题,偏协作文档;纸感更像摊开的笔记本。
- 渐变工坊 Gradient Atelier / 精确紫 Precise Violet
渐变工坊是细渐变和轻字重;精确紫几乎看不见网格,紫色只在焦点。
- 珊瑚市集 Coral Market / 大字报 Bold
珊瑚市集是圆角和温暖前台;粗体海报是占满墙的字。
- 高级留白 Premium / 画廊白空间 Gallery Space
高级留白可以没有大图,靠锌灰和字重;画廊必须让摄影占住一栏。
- 液态玻璃 Liquid Glass / 原生 Apple
液态玻璃是控制中心的折射层;原生 Apple 是系统灰和标准蓝的设置页。
- 电影电商 Cinematic Commerce / 高级留白 Premium
电影电商需要一件满版商品和胶囊按钮;高级留白可以更空。
- 终端 Mono / 键盘暗色 Keyboard Dark
等宽墨水整屏都是终端字;键盘暗色的紫只在焦点和快捷键上。
- 纸感 Paper / 杂志 Editorial
纸感像笔记本,字距和底色都暖;杂志像跨页,标题是衬线,栏线更细。
- 玻璃拟态 Glassmorphism / 原生 Apple
玻璃拟态靠背景透出来;原生 Apple 的表面是实的系统灰。
- 便当格 Bento / 精确紫 Precise Violet
便当格子大小不一,用来展示功能;精确紫的网格几乎看不见,用来约束工程界面。
- 干净极简 Clean / 暖白书桌 Warm Desk
干净网格是冷静蓝和功能优先;书房是暖纸和衬线。
- 夜柠 Night Lime / 渐变工坊 Gradient Atelier
夜柠是高对比的酸绿;渐变工坊是很浅的渐变和轻字重。
- 黏土 Claymorphism / 大字报 Bold
黏土是厚边和软阴影,形体圆;粗体海报是硬字,占满视野。