讲解如何设计照片版面,如何提高版面视觉冲击力的有效方法

用户头像
郑州/平面设计师/8年前/2135浏览
讲解如何设计照片版面,如何提高版面视觉冲击力的有效方法
用户头像
笑广

摘自:版式设计(参考手册—日本平面设计师)

提高长文档的可读性

如何让读者耐心地阅读长篇大论?

(进行内文排版时,要注意视线的自然顺序)

视线的基本顺序:在竖排版面中由右上到左下,而横排版面则是由左上到右下

◆  利用分割线与留白来切割内文空间

◆  利用上下相对的三角形,分别规划出图片与内文空间

◆  沿着对角线摆放图片,以分割内文区域

 

 

利用图片创造自然的阅读顺序

如果清楚地体现出内容的先后顺序?

(沿着阅读顺序放置图片)

在放置的方式上多花心思,也能为版面创造出强弱对比

◆  利用阅读顺序与位置来区分内容

◆  利用图片的位置放置方式,诠释出自然的氛围

◆  利用标题与图片的位置来引导视线

 

 

制造版面里的“抑扬顿挫”

如何赐予内容不同的比重?

(通过三角形构图及阅读顺序,决定图片的位置)

注意对角线式的视觉顺序

◆  利用三角形构图呈现稳定感

◆  利用点对称的手法体现轻盈感

◆  利用单纯的视觉顺序表现版面元素

 

 

赋予版面节奏感

如何提高图片的放置技巧?

(利用对角线构图以及反复的编排模式,创造出节奏感)

让图片的位置体现出规则性

◆  用留白创造视觉顺序

◆  用重复体现节奏感

◆  以上下错开的方式创造出节奏感

 

 

用距离传达图片的心情与感受

如何明确表现出客观或主观的评价?

(分别使用特写或远景图片)

特写与远景图片能代表不同的心理距离

◆  利用特写与远景图片的对比来说明问题

◆  利用满版的远景照客观地描写空间

◆  利用同样尺寸的矩形图片,创造自然而沉稳的对比效果

 

 

突显版面的视觉设计感

如何既保持页面信息量,又让版面看起来不会过于拥挤?

(灵活运用图片与文字之间的留白)

留白决定了页面给人的整体印象

◆  利用若即若离的图片位置,创造视觉顺序

◆  运用留白突显元素的存在感

◆  利用网格系统防止留白变得散乱

 

 

如何表现宁静的气氛

如何突显视觉元素的印象?

(在元素周围使用大量的留白)

利用边框与留白来固定视觉型对象

◆  利用左右对称的方式固定版面

◆  用部分出血的图片,赋予版面开放性

◆  利用三角形的节奏感,让版面显得完整

 

 

充分利用图片本身的动感

如何使图片表现出不同程度的动感效果?

(在跨页版面的左右页面中形成对比结构)

利用重复而相同尺寸的图片,强调出对比性

◆  利用同样的放置方式体现对比

◆  用倾斜创造动感

◆  通过拉开图片间的距离,体现左右对比

 

 

强调内容的对比关系

如何通过视觉设计来表现具对照性的内容?

(灵活运用图片的象征性与对比的构图)

构图的明确性

◆  利用矩形图片表现对比性

◆  强烈的上下对比

◆  在页面的左右两端摆放图片,以形成对比

 

 

如何体现出图片里的世界观

如何编排出能强烈表现图片效果的版面?

(分别使用矩形图片与带出血的图片)

矩形图片强调图片的独立性,带出血的图片则能强调图片的空间延伸效果

◆  利用细长的边界,独立呈现图片中的世界

◆  综合运用满版图片与矩形图片

◆  只为部分矩形图片设计出血

 

 

突显图片中的拍摄主体

如何将多张图片巧妙地整合在同一空间里?

(灵活应用去背图片)

使用自由度极高的去背图片

◆  将去背图片当作插图使用

◆  利用人物的去背图片制造假想空间

◆  以大于实物的尺寸,来强化图片的诉求力

 

 

使去背图片表现出强弱不同的比重

如何能更有效地编排去背图片?

(使去背图片拥有不同的尺寸与位置变化)

尽可能让版面不要显得太无聊

◆  沿着图形放置图片,让版面变得更具图像化效果

◆  以不同颜色分类整理图片

◆  用从左到右的视觉顺序,引导读者翻阅下一页

 

 

明确表达出图片的编排意图

如何通过编排方式进一步展现图片内的信息?

(适当地裁切图片之后再进行编排)

抓住表现图片含义的关键点,注意图片之间的相对位置

◆  裁切图片时,必须抓住体现图片含义的关键点

◆  注意拍摄主体与图片外框的间距关进行裁切

◆  通过大胆的裁切方式,让目光聚集于图片的真实性

 

 

展现大量图片的视觉张力

图片很多时,如何进行版面构图?

(把握图片的意义与色调,再进行裁切、摆放)

利用尺寸来决定图片的主次关系

◆  以无缝的方式排列图片时,必须注意图片的配色

◆  模仿马赛克效果,随机排列图片

◆  让图片看起来活蹦乱跳

 

 

井然有序地呈现大量图片

如何让井然有序的矩形图片展现出另一番趣味?

(重点是图片的尺寸与打破风格系统规则)

打破网格系统的边界

◆  利用极端的图片尺寸来打破规则

◆  通过图片之间的留白,给读者一些喘息的空间

◆  在黑色背景里随机放置图片,来创造类似相簿的版式设计

 

 

平面版面中的图片和文字

怎样能把图片放到最大?

(在满版的图片内摆放文字)

图片里的文字基本上不是反白,就是100%纯黑

◆  利用标题文字的位置,展现图片的空间感

◆  沿着图片本身的构图放置文字

◆  利用半透明的背景色块来保持文字的可读性

 

 

让图片里的文字多点变化

如何让图片与文字更具图像效果?

(根据图片的色调设计文字颜色和背景色)

选取能营造氛围的文字颜色

◆  将图片的部分内容调整为单色调

◆  运用半透明的背景色,兼顾可读性和氛围

◆  从图片里抽取文字颜色

 

 

用图片表现连续的动感

如何在页面里呈现身体的动感与速度感?

(利用具有运动气息的版面设置,来增强图片中的动感)

注意拍摄对象的运动轨迹以及时间的连续性

◆  利用图片的排列方式,强调出向跨页外侧延展的力量

◆  利用连续图片体现动作的连贯性

◆  通过模糊的图片表现速度感

 

 

彻底传达运动图片的动感

如何强调出变化多端的动感?

(使用多张矩形图片来体现画面的动感)

对于含有动作的图片,更需要委善编排再呈现

◆  满版图片+等分切割图片的基本编排手法

◆  利用横跨版面的图片放置方式,动态地引导视线

◆  以分格画面的形式放置图片,突显连续性

 

 

表现时间分秒流逝的感受

如何表现时间流逝的感觉呢?

(利用长时间曝光的图片来创造气氛)

诠释戏剧性的时间感

◆  利用光的轨迹创造视觉震撼效果

◆  以第一人称的视线来表现回顾过去的感觉

◆  在单一场景里的连续摄影

 

 

赋予页面特殊的气氛

如何营造具有独特氛围的页面?

(将经过仔细修饰后的图片,以满版的方式进行表现)

设计出能彻底展现图片气氛的版面

◆  通过黑白+单色的配色方式,用颜色对比强化印象

◆  利用黑色背景增添透视感与气氛

◆  以亮色的清淡图片作为主图

 

 

自然地引导读者的视线

如何做出能持续流畅阅读的版面?

(利用图片创造出方向性)

强调拍摄主体的视线

◆  人物变成倾斜的箭头

◆  利用标题进一步强调方向性

◆  利用视线让读者将注意力集中在标题上

 

 

呈现出活泼的节奏感

如何赋予版面动感效果?

(利用方向性创造动感效果)

为图片增添动感效果

◆  通过倾斜水平线的方式增加临场感

◆  利用白色外框稳定极端的图像角度

◆  利用视线的方向性让表情变得更生动

 

 

让图片表现出内心的感受

如何用单张图片就能产生不同的效果?

(调整图片的角度)

利用构图效果,让读者感受到你的意图

◆  利用水平角度呈现对等与亲密的感受

◆  利用俯视的角度以及向上观望的构图,创造出图片的不安定感

◆  超低角度的震撼力

 

 

让料理图片看起来更美味

如何通过编排手法增进食欲?

(将背景设计为黑色或白色,并配置大型图片)

重点在于配色以及大图的配置

◆  利用黑色器皿以突显食材

◆  利用白色背景创造鲜甜感与清凉感

◆  表现温暖的氛围


15
举报
|
41
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面男孩喝咖啡插画设计
金色颗粒质地的平面
金色颗粒质地的平面
平面书法字手写
空的平台平面和自然景观
平面花卉图案扁平简约无缝拼接插画
牛奶乳液层次梯田平铺平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
中国传统纹样创新图案设计
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
平面插画情侣/矢量
平面人物插画
城市园林平面布局航拍
城市园林平面布局航拍
古风平面仕女与瓷器
空的平台平面和自然景观
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
城阙凡花
海底世界插画
玄关入门地毯印花图案红地毯
平面设计 吊牌设计
你可能喜欢
大家都在看
登录注册