讲解如何设计照片版面,如何提高版面视觉冲击力的有效方法
摘自:版式设计(参考手册—日本平面设计师)
提高长文档的可读性
如何让读者耐心地阅读长篇大论?
(进行内文排版时,要注意视线的自然顺序)
视线的基本顺序:在竖排版面中由右上到左下,而横排版面则是由左上到右下
◆ 利用分割线与留白来切割内文空间
◆ 利用上下相对的三角形,分别规划出图片与内文空间
◆ 沿着对角线摆放图片,以分割内文区域
利用图片创造自然的阅读顺序
如果清楚地体现出内容的先后顺序?
(沿着阅读顺序放置图片)
在放置的方式上多花心思,也能为版面创造出强弱对比
◆ 利用阅读顺序与位置来区分内容
◆ 利用图片的位置放置方式,诠释出自然的氛围
◆ 利用标题与图片的位置来引导视线
制造版面里的“抑扬顿挫”
如何赐予内容不同的比重?
(通过三角形构图及阅读顺序,决定图片的位置)
注意对角线式的视觉顺序
◆ 利用三角形构图呈现稳定感
◆ 利用点对称的手法体现轻盈感
◆ 利用单纯的视觉顺序表现版面元素
赋予版面节奏感
如何提高图片的放置技巧?
(利用对角线构图以及反复的编排模式,创造出节奏感)
让图片的位置体现出规则性
◆ 用留白创造视觉顺序
◆ 用重复体现节奏感
◆ 以上下错开的方式创造出节奏感
用距离传达图片的心情与感受
如何明确表现出客观或主观的评价?
(分别使用特写或远景图片)
特写与远景图片能代表不同的心理距离
◆ 利用特写与远景图片的对比来说明问题
◆ 利用满版的远景照客观地描写空间
◆ 利用同样尺寸的矩形图片,创造自然而沉稳的对比效果
突显版面的视觉设计感
如何既保持页面信息量,又让版面看起来不会过于拥挤?
(灵活运用图片与文字之间的留白)
留白决定了页面给人的整体印象
◆ 利用若即若离的图片位置,创造视觉顺序
◆ 运用留白突显元素的存在感
◆ 利用网格系统防止留白变得散乱
如何表现宁静的气氛
如何突显视觉元素的印象?
(在元素周围使用大量的留白)
利用边框与留白来固定视觉型对象
◆ 利用左右对称的方式固定版面
◆ 用部分出血的图片,赋予版面开放性
◆ 利用三角形的节奏感,让版面显得完整
充分利用图片本身的动感
如何使图片表现出不同程度的动感效果?
(在跨页版面的左右页面中形成对比结构)
利用重复而相同尺寸的图片,强调出对比性
◆ 利用同样的放置方式体现对比
◆ 用倾斜创造动感
◆ 通过拉开图片间的距离,体现左右对比
强调内容的对比关系
如何通过视觉设计来表现具对照性的内容?
(灵活运用图片的象征性与对比的构图)
构图的明确性
◆ 利用矩形图片表现对比性
◆ 强烈的上下对比
◆ 在页面的左右两端摆放图片,以形成对比
如何体现出图片里的世界观
如何编排出能强烈表现图片效果的版面?
(分别使用矩形图片与带出血的图片)
矩形图片强调图片的独立性,带出血的图片则能强调图片的空间延伸效果
◆ 利用细长的边界,独立呈现图片中的世界
◆ 综合运用满版图片与矩形图片
◆ 只为部分矩形图片设计出血
突显图片中的拍摄主体
如何将多张图片巧妙地整合在同一空间里?
(灵活应用去背图片)
使用自由度极高的去背图片
◆ 将去背图片当作插图使用
◆ 利用人物的去背图片制造假想空间
◆ 以大于实物的尺寸,来强化图片的诉求力
使去背图片表现出强弱不同的比重
如何能更有效地编排去背图片?
(使去背图片拥有不同的尺寸与位置变化)
尽可能让版面不要显得太无聊
◆ 沿着图形放置图片,让版面变得更具图像化效果
◆ 以不同颜色分类整理图片
◆ 用从左到右的视觉顺序,引导读者翻阅下一页
明确表达出图片的编排意图
如何通过编排方式进一步展现图片内的信息?
(适当地裁切图片之后再进行编排)
抓住表现图片含义的关键点,注意图片之间的相对位置
◆ 裁切图片时,必须抓住体现图片含义的关键点
◆ 注意拍摄主体与图片外框的间距关进行裁切
◆ 通过大胆的裁切方式,让目光聚集于图片的真实性
展现大量图片的视觉张力
图片很多时,如何进行版面构图?
(把握图片的意义与色调,再进行裁切、摆放)
利用尺寸来决定图片的主次关系
◆ 以无缝的方式排列图片时,必须注意图片的配色
◆ 模仿马赛克效果,随机排列图片
◆ 让图片看起来活蹦乱跳
井然有序地呈现大量图片
如何让井然有序的矩形图片展现出另一番趣味?
(重点是图片的尺寸与打破风格系统规则)
打破网格系统的边界
◆ 利用极端的图片尺寸来打破规则
◆ 通过图片之间的留白,给读者一些喘息的空间
◆ 在黑色背景里随机放置图片,来创造类似相簿的版式设计
平面版面中的图片和文字
怎样能把图片放到最大?
(在满版的图片内摆放文字)
图片里的文字基本上不是反白,就是100%纯黑
◆ 利用标题文字的位置,展现图片的空间感
◆ 沿着图片本身的构图放置文字
◆ 利用半透明的背景色块来保持文字的可读性
让图片里的文字多点变化
如何让图片与文字更具图像效果?
(根据图片的色调设计文字颜色和背景色)
选取能营造氛围的文字颜色
◆ 将图片的部分内容调整为单色调
◆ 运用半透明的背景色,兼顾可读性和氛围
◆ 从图片里抽取文字颜色
用图片表现连续的动感
如何在页面里呈现身体的动感与速度感?
(利用具有运动气息的版面设置,来增强图片中的动感)
注意拍摄对象的运动轨迹以及时间的连续性
◆ 利用图片的排列方式,强调出向跨页外侧延展的力量
◆ 利用连续图片体现动作的连贯性
◆ 通过模糊的图片表现速度感
彻底传达运动图片的动感
如何强调出变化多端的动感?
(使用多张矩形图片来体现画面的动感)
对于含有动作的图片,更需要委善编排再呈现
◆ 满版图片+等分切割图片的基本编排手法
◆ 利用横跨版面的图片放置方式,动态地引导视线
◆ 以分格画面的形式放置图片,突显连续性
表现时间分秒流逝的感受
如何表现时间流逝的感觉呢?
(利用长时间曝光的图片来创造气氛)
诠释戏剧性的时间感
◆ 利用光的轨迹创造视觉震撼效果
◆ 以第一人称的视线来表现回顾过去的感觉
◆ 在单一场景里的连续摄影
赋予页面特殊的气氛
如何营造具有独特氛围的页面?
(将经过仔细修饰后的图片,以满版的方式进行表现)
设计出能彻底展现图片气氛的版面
◆ 通过黑白+单色的配色方式,用颜色对比强化印象
◆ 利用黑色背景增添透视感与气氛
◆ 以亮色的清淡图片作为主图
自然地引导读者的视线
如何做出能持续流畅阅读的版面?
(利用图片创造出方向性)
强调拍摄主体的视线
◆ 人物变成倾斜的箭头
◆ 利用标题进一步强调方向性
◆ 利用视线让读者将注意力集中在标题上
呈现出活泼的节奏感
如何赋予版面动感效果?
(利用方向性创造动感效果)
为图片增添动感效果
◆ 通过倾斜水平线的方式增加临场感
◆ 利用白色外框稳定极端的图像角度
◆ 利用视线的方向性让表情变得更生动
让图片表现出内心的感受
如何用单张图片就能产生不同的效果?
(调整图片的角度)
利用构图效果,让读者感受到你的意图
◆ 利用水平角度呈现对等与亲密的感受
◆ 利用俯视的角度以及向上观望的构图,创造出图片的不安定感
◆ 超低角度的震撼力
让料理图片看起来更美味
如何通过编排手法增进食欲?
(将背景设计为黑色或白色,并配置大型图片)
重点在于配色以及大图的配置
◆ 利用黑色器皿以突显食材
◆ 利用白色背景创造鲜甜感与清凉感
◆ 表现温暖的氛围







































