← 设计系统总览
CASE 03 / DESIGN ANATOMY PDF P.08

节日叙事 · 氛围营造

用场景而非符号堆叠建立节日感

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

原作与阅读方式

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

02

逐张拆到基础元素

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

PDF P.08 · 画面 01

ELEMENT STUDY / 01

立秋 · 框中山水

东方意象与数字场景
排版与视线
竖向画框套住山水,中轴瀑布向前景流出。
颜色关系
深青压住背景,橙色秋叶与暖光制造冷暖对照。
字体层级
主题书写字靠上,底栏使用紧凑信息字。
基本图形与材质
山石、瀑布、框景、秋叶、鸟与粒子。
#030303
#68706B
#4A4B46
#472A1E

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

复用要点

按远景—中景—前景建立层次;边缘物件不能切断流水主线。

PDF P.08 · 画面 02

ELEMENT STUDY / 02

国庆 · 开门红

节庆建筑场景
排版与视线
门楼对称,门洞与远方人影构成中心透视。
颜色关系
红色建筑对金黄天空,底部暗红承接白色小字。
字体层级
发光大标题在上,黑色主题短句构成第二层。
基本图形与材质
屋檐、石狮、云层、门洞和反射。
#F15D36
#FCD041
#260203
#58080A

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

复用要点

统一建筑透视;文案不进入门洞消失点。

PDF P.08 · 画面 03

ELEMENT STUDY / 03

中秋 · 梦回敦煌

敦煌意象的当代转译
排版与视线
圆月靠上,中部群像与飘带组成环绕运动。
颜色关系
赭褐与金色为主,青绿色飘带提供小面积对比。
字体层级
装饰性标题结合规整日期,避免正文也装饰化。
基本图形与材质
浮雕质感、圆月、乐舞形象、飘带、莲花。
#492310
#9A562E
#76391B
#BD855B

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

复用要点

保留标题与圆月的呼吸区;文化元素需核对来源,不把装饰当考据。

PDF P.08 · 画面 04

ELEMENT STUDY / 04

会员日 · 粉色雕像

古典形象与液态数字视觉
排版与视线
雕像偏左居中,液体弧线向右延伸,顶部留标题区。
颜色关系
粉白高光与酒红阴影塑造同色系体积。
字体层级
大幅高对比衬线英文,时间使用紧凑数字标签。
基本图形与材质
雕像、液体飞溅、反射地面和柔光。
#6E343C
#D19AA0
#C1636F
#ECC3C4

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

复用要点

液体只围绕主体;标题需避开雕像高光。

03

排版系统

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

01

主题与季节意象位于上部

02

中轴主场景承担故事

03

前景物件强化纵深

04

底部留作日期、品牌与入口

从焦点到信息落点

  • 先定一处消失点与主光方向,再统一素材明暗。
  • 同一系列共享中轴,但不复用完全相同的节日符号。
  • 场景最亮处不一定放文字;优先寻找稳定色块。
安全边距4u模块间距6u章节留白10u

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

04

配色与色彩角色

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

#143B43RGB 20, 59, 67
#C76F29RGB 199, 111, 41
#FFD447RGB 255, 212, 71
#8A271BRGB 138, 39, 27
#D892A5RGB 216, 146, 165

环境色

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

强调色

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

信息色

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

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

一套可以继续生长的规则

保留什么

  • 先定一处消失点与主光方向,再统一素材明暗。
  • 同一系列共享中轴,但不复用完全相同的节日符号。
  • 场景最亮处不一定放文字;优先寻找稳定色块。

如何扩展

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

滚动查看细节 · 按 Esc 关闭