照片是会讲故事的
在任何页面或屏幕上
图片都是我们最先看到的
从编辑角度看
致标题后页面上
最重要的文本应该是图片标题
它们是吸引读者眼球的地方
通常我们会给图片加上说明文字
就像这样
但在这之前
我们在页面上添加第二张图
可能还记得上节课的龟和松鼠
就像这样 打破矩形
这些都是图片上出现了的元素
但驾驶手套不同
它们没有包含在原图里
但它们可以在这里出现
所以它们添加了一个讲故事的维度
它们是与汽车不同的东西
与生活紧密相关
如果我可以用上“皮革”“柔软”这些词
有了感触 它们更私人化
有了这些 现在放置标题
事情变得更有趣了
图片有了更多的维度
或者说更强的参与感
这个故事的发生有三个层次
主要的大图像 个人化的小图像和插图说明
以及整体大于这些部分效果的总和
另个例子是农产品
我们很容易接触到这样的食物
但图片就相当无趣了
我们添加一辆卡车会发生什么？
现在我们开始了一个故事
这次我们使用反向比例
越大的东西用越小的图像
有趣的是现在我们不是在谈论产品
至少不是主要产品
我们在谈论物流系统
特别是那些实现这一目标的经济商
无聊的农产品图片现在变得有趣味性
因为它提供了一个更宏大的故事
卡车运输起一定的作用
如果你将大图像再放大
现在变成了关于卡车的故事
农产品只是故事里的一部分
选择哪一种
与你想要强调的重点密切相关
3
再举一个例子
这是一购物中心店的展示图
很整洁 图片连成一行 文本也很清晰
但它们存在两个问题
第一是画面太普通
当你没有时间时 这就是仓促下完成的排版
它几乎没有给人留下印象
第二个问题和第一个相关
那就是你没有真正看到这张图
像这样连续的图片往往会容易连在一起
除非你关注
否则你不会将它们视为单独图像 而是一个整体
而且你可能也不会读那段文字
所以 从某种意义上说
这里只有两样东西 图片和文字
这是你在对元素进行分组之后获得的结果
事实上 这里有八个事物
三张图片 三段插图说明 一个标题和正文
而且它们都很重要
我们想让观众看到并接受每一件东西
而并非笼统接受所有
这里就要运用排版技巧了
从一张图片开始
让我们选最简单的一个并将其放在页面上
现在
就像驾驶手套和卡车一样
我们要添加一个三维图像
在这个案例里 它是一个模特
看看会发生什么
通过模特的加入
我们得到一个故事
她是人 像我们一样处于三维空间
所以看起来很真实
现在画面有了生命 而不仅仅是一条金属项链
现在你对项链给予了不同的关注
如果她在一个方框里 反而不起作用
那她就只是另一个你必须布局的矩形框
在空白空间里
她是连接图像的一座桥梁
我们像之前那样 添加文字叙述
很有可能这就是虚拟文字 所以你不必读它
但很有可能你会读到这篇文章
它很有吸引力 它就在这里
是模特动作的一部分
尽管这个字体比它小
但你阅读它的机会也更大
这种排版既有对比又有相似之处
还有很多自然的流线
我们要保持这种非矩形形式
现在把其他的产品图放回去
最后 重新添加插图说明
这三张图片的大小和形状略有不同
不是排成一行
而是一种自由式排版
让你的眼睛保持移动状态
对比一下
这是一开始的排版
一个容易被忽略的排版
这是我们最终效果图
排版会吸引并引导你
浏览页面上的每个部分
添加关联三维图像
可以给枯燥的画面
构建一个讲故事的维度！
