wehub-resource-sync
5.0 KiB
01_封面
这份演示册的主题是图文结合——我们用二十个页面，展示二十种完全不同的视觉语言。每一页都是一个独立的实验：不同的渲染风格、不同的调色板、不同的图文布局方式。
02_目录
从最经典的左图右文，到Z型蛇形叙事，从圆形放射标注，到对角线分割，再到最后的黑板单句收场，你将看到图与文可以有多少种不同的组合方式。
03_左图右文
最传统的图文布局——左侧竖版人物照片，右侧文字主体展开。编辑摄影的真实感与专业冷色调营造出商务简报的质感。图文比例约三比七，图轻文重，适合以内容叙述为核心的页面。
04_右图出血
这一页把矢量插画放在右侧，并让图像从右边缘出血至画布之外。没有边框，没有留白，图就那样溢出去了。左侧文字浮在清爽的冰霜白底色上，大图与小字形成强烈的视觉张力。
05_顶图三栏
全幅水彩山湖图占据上方超过一半的画面，底部三列文字如图注般排列。图像自上而下流淌到文字区域，视线顺势从宽阔的风景落到具体的信息。这种布局有一种页眉与脚注的阅读节奏。
06_底图浮文
手绘速写风格的温馨场景置于页面底部，文字在上方飘浮。图像像舞台布景，文字是前景的角色。马卡龙调色赋予整页一种教学素材特有的温柔气质。
07_Z型蛇形
人眼在阅读页面时，自然从左上向右下呈Z形扫视。这一页利用这个规律——等距三维科技图像与文字交替排布，三段内容沿Z字形流动。两张等距视角一致的图形成视觉上的连续性。
08_九宫格混排
整页被切割成三乘三的九个格子。中心格放置蓝图风格电路板图像，周围八个格子各自承载文字说明、色彩样本、规格参数。图居中，信息环绕，这是最密集的图文并置方式之一。
09_圆形放射
圆形裁切的仪表盘图像悬浮在页面正中，六条细线从图像边缘向四角延伸，每条线末端是一个文字标注块。这是一种产品图解的逻辑——图如主体，文如注脚，向心张力把视线固定在中央。
10_底纹密铺
像素复古风的城市夜景铺满整个画面，四个信息卡片叠压其上。图像在这里不是视觉重点，而是氛围载体——它提供了一个有温度的背景，文字信息在其上清晰呈现。遮罩层控制透明度，确保可读性。
11_剪纸分层
五层剪纸山景从前景到远景层层叠叠，每层都有一个文字标注嵌入其中。文字不是浮在图上，而是融入不同的景深层。这是把文字嵌入图像内部结构的一种方式，而不只是覆盖在表面。
12_竖版杂志
图像只占左侧百分之二十二的宽度——一道窄窄的竖条，如同书脊。右侧大字横排铺展，复古海报的双色调处理让整页只有两种颜色。图越小，字的力量越大。
13_对角线分割
页面被一条对角线切成两个三角形——左上是奇幻动画风的梦幻森林，右下是深色背景上的文字区域。这条边界不是垂直或水平的，而是斜的，这一个角度的变化就带来了强烈的动感和戏剧性。
14_褪色底图大字
水墨山水画被压低饱和度，退为页面底色，超大字体直接叠压其上。图变成了纹理，字成为了绝对的主角。这一页提醒我们，图像不一定要完整呈现，它可以半透明地存在，作为情绪背景。
15_上文下图
上半幅是文字，下半幅是扁平设计风格的俯视图，一条宝石色渐变分割线将两者切开。图文各占一半，形成对等的对话关系——没有主次之分，只有上下的节奏。
16_中心放射标注
正方形图像居于页面正中，六条线从图像边缘向外辐射，末端各带一段文字说明。这是产品手册的逻辑：图是主体，线是指引，字是解释。极简瑞士风格的设计让整个构图像一份精确的工程说明书。
17_横条贯穿
丝网印刷风格的横条图像贯穿页面中腰，将上下两段文字切割分开。图在这里不是内容，而是节奏——它制造一个强制停顿，让读者在继续之前深吸一口气。
18_多边形填缝
图像被裁切成六边形，文字在图形的外角和右侧空隙中自由填充。非矩形的容器让画面产生有机流动感，文字不是并排于图旁，而是找缝填入——这是图文关系中最自由的一种形式。
19_蒙太奇拼贴
三张风格相近但内容各异的编辑摄影照片拼贴铺满整个画面，超大字体横跨三张图之上。蒙太奇的力量在于并置——单独的图未必有力量，但三张放在一起，压上一个大字，气场就来了。
20_黑板收场
每种组合都是一种语言。图文之间没有固定的公式，只有无穷的可能。