← 设计系统总览
CASE 04 / DESIGN ANATOMY PDF P.09

节日灵感 · 视觉实验

不同题材的四种构图语法

4 个作品 / 画面单元9 个解析章节SSR 视觉创作
01

原作与阅读方式

基于所提供 PDF 的视觉解析。原作画面为事实依据;风格关联属于分析,不代表创作者自述。色值为参考或量化近似;网格、字号、间距与图层顺序是便于复用的建议,非原稿参数。未提供源文件,不能恢复独立素材图层或确认字体名称。

02

逐张拆到基础元素

同一套视觉,也保留每张作品自己的结构与取舍。

PDF P.09 · 画面 01

ELEMENT STUDY / 01

大暑 · 云间楼阁

插画感东方幻想
排版与视线
塔楼居中,树冠与桥梁包围中轴,书写标题在天空。
颜色关系
青蓝背景对照粉色云层,黄绿植物活跃前景。
字体层级
中文书写标题保留笔势,日期轻量化。
基本图形与材质
云团、楼阁、湖面、拱桥与植物。
#02394E
#298587
#6C8F79
#035C73

局部图像量化取色,包含人物、背景与压缩误差。

复用要点

前景明度略低以托起楼阁;标题不压住屋顶轮廓。

PDF P.09 · 画面 02

ELEMENT STUDY / 02

三周年 · 数字庆典

立体数字与梦幻拼贴
排版与视线
巨大 3 为中心,斜向橙色块面穿插,花鸟围绕。
颜色关系
橙黄主体对紫色渐变天空,银色物件提供高光。
字体层级
数字最大,周年名称次之,日期置于侧面。
基本图形与材质
立体数字、透明球体、花鸟、斜面与光带。
#D87E67
#57425D
#F3571B
#C2AAA4

局部图像量化取色,包含人物、背景与压缩误差。

复用要点

数字必须在缩略图中可认;装饰不能堵住 3 的内空间。

PDF P.09 · 画面 03

ELEMENT STUDY / 03

秋分 · 雕像与金叶

古典形象的季节场景
排版与视线
人物斜坐,红丝带贯穿纵向,飞鸟上扬平衡重量。
颜色关系
金褐环境、白色雕像、暗红丝带构成三层。
字体层级
书写式中文顺应斜线,日期靠上角独立。
基本图形与材质
雕像、酒杯、金叶、飞鸟与红丝带。
#350301
#97806F
#82604A
#AC6028

局部图像量化取色,包含人物、背景与压缩误差。

复用要点

用丝带引导但不遮文字;面部和杯子作为细节焦点。

PDF P.09 · 画面 04

ELEMENT STUDY / 04

制服派对 · 林间双人

环境人像与装饰字体
排版与视线
双人坐姿居中,枝叶与光束围合背景。
颜色关系
深绿与棕色做底,白衬衫与粉色标签提亮。
字体层级
衬线主题配手写 Party,正文使用细小规整文字。
基本图形与材质
森林景深、花朵、坐具和柔光。
#60594E
#1E1E1A
#898070
#C0ADA0

局部图像量化取色,包含人物、背景与压缩误差。

复用要点

双人脸部曝光相近;背景植物保持比人物低的对比。

03

排版系统

把视觉顺序写成可以重复使用的结构。示意比例为建议,不是原稿测量。

01

主题或场次先建立语境

02

主体可为建筑、数字或人物

03

运动线索连接上下画面

04

底部信息统一收束

从焦点到信息落点

  • 按主题选择一个最重要的形状:塔、3、斜线或双人轮廓。
  • 画面复杂时减少文字种类,而不是继续缩小正文。
  • 季节颜色来自场景关系,不用所有节日都套红金。
安全边距4u模块间距6u章节留白10u

建议 u = 画布宽度的 1%。以 1000px 宽画布为例,4u = 40px;多列与长图按内容调整。

04

配色与色彩角色

以下为本组视觉提炼的参考色;逐张量化色见上方。混合风格组不应把全部参考色同时放进一张海报。

#006575RGB 0, 101, 117
#A9BD48RGB 169, 189, 72
#F27541RGB 242, 117, 65
#8C633ERGB 140, 99, 62
#24372ERGB 36, 55, 46

环境色

先从对应画面的背景选择环境色,统一照片与素材的整体色温。背景主色不等于文字主色。

强调色

从本张作品的对照色中选择一个强调,用于姓名、日期或主题,避免多个色块同时争夺注意。

信息色

正文落在稳定明暗区。浅色装饰、透明效果和照片高光不作为小字底色。

05

字体与信息层级

原始字体名称无法由平面图可靠确认。下面用系统字体示意角色,不冒充原作字体。

DISPLAY / 8–12u

VISUAL
EXPRESSION

NAME / 6–9u

SSR / 主题姓名

BODY / 2–2.6u

活动说明负责讲清楚内容,日期和地点负责帮助读者行动。

META / 1.8–2.2u

DATE / LOCATION / INFORMATION

  • 大暑使用书写字,周年用立体数字,制服主题用衬线混合手写。
  • 主题造型字只表达短词,详细信息用清晰正文。
  • 装饰字体与正文字体维持明显字号差。

以上字号是以画布宽度为基础的复用建议,导出后必须在实际显示尺寸检查可读性;不能把海报参数直接当作网页字号。

06

图像处理与合成层次

从后向前的重建建议;所示原图为扁平化图像,不包含可编辑原始图层。

  1. L01主题色环境背景
  2. L02建筑、数字或场景主体叠加
  3. L03人物与前景叠加
  4. L04花叶与方向线索叠加
  5. L05日期与页脚叠加

合成顺序

先建立背景与透视,确定主光方向;再放入主体并匹配明暗、色温与接触阴影。最后叠加姓名与必要装饰,在小尺寸下确认人物轮廓、标题与日期仍然清晰。这里描述可复用流程,不推断原作者实际使用的工具。

07

从元素到组件

COMPONENT / 01

中心塔楼构图

由本页人物、标题、边框与色彩角色组合;保持对齐和留白关系,允许内容更换。

COMPONENT / 02

数字周年识别

由本页人物、标题、边框与色彩角色组合;保持对齐和留白关系,允许内容更换。

COMPONENT / 03

对角线丝带

由本页人物、标题、边框与色彩角色组合;保持对齐和留白关系,允许内容更换。

COMPONENT / 04

双人场景边框

由本页人物、标题、边框与色彩角色组合;保持对齐和留白关系,允许内容更换。

08

风格背景与关联

历史资料与本作品的视觉观察分开阅读。

这些作品使用当代数字场景、拼贴与装饰性字体。大暑的建筑与云层、中秋类素材属于图像选择;秋分的雕像加季节场景可与超现实主义的异质并置作比较,并不能归为单一历史流派。

09

一套可以继续生长的规则

保留什么

  • 按主题选择一个最重要的形状:塔、3、斜线或双人轮廓。
  • 画面复杂时减少文字种类,而不是继续缩小正文。
  • 季节颜色来自场景关系,不用所有节日都套红金。

如何扩展

  1. 保留原画面的焦点与阅读顺序。
  2. 换人物或内容时先适配比例,再替换色彩与装饰。
  3. 横幅保留主题、主体与日期;长图增加简介和分章。
  4. 在真实尺寸检查文字、边距、素材清晰度与导出结果。
下载本章参考色与规则 JSON ↓

滚动查看细节 · 按 Esc 关闭