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