看完《断·桥》，我学会这6个吸睛的超实用排版技巧 收藏
大家好哇，我是和你们聊设计的花生~
暑期是不少电影都抢占上映的热门档期，大家最近有看什么电影吗？《独行月球》《明日战记》还是《神探大战》？今天想和大家聊的是最近上映的新电影《断·桥》，我觉得它的电影海报做非常好，看到的第一眼就被吸引到了，忍不住反复琢磨欣赏。
很多小伙伴在做海报的时候，肯定都会遇到画面不够有吸引力、不知道如何编排画面元素的问题。今天就通过《断·桥》的电影海报，为大家分享一些可以解决这些疑问的技巧。
掌握这 5 个 Ai 小技巧，帮你快速提升文字排版效率（三） 大家好，我是和你们聊设计的花生~ 今天继续为大家带来 Ai 排版技巧第三期，快来看看这期里有没有让你惊喜的新知识吧~ 上期回顾： [link https://www.uisdc.com/5-ai-tips-2] 文本快速拆分为可编辑单字 上一期有小伙伴在评论区问有没有
阅读文章 >
1. 营造视觉焦点 眼睛是我们获取信息的主要途径，而眼睛观察事物的方式也有一定规律，比如更容易被大的、颜色鲜艳、细节丰富、对比明显的元素吸引，然后才会去关注较小的、颜色不那么鲜艳和对比较弱的部分。所以想要海报第一眼就被人注意到，营造能吸引目光的焦点必不可少。
在《断·桥》的海报中，标题字体放大是常用的营造视觉焦点的方法。毛笔书写的“断·桥”、“预售开启”字样占据近一半的版面，且毛笔字笔力厚重、墨迹飞溅，张力十足，一眼就能牢牢抓住人的视线。
除了具有特色的文字可以作为主视觉，具有设计感的图形、细节丰富的元素、精美的插画或图片等都可以作为画面的视觉焦点，大家可以翻翻自己收集的海报灵感，不同类型海报的视觉焦点形式肯定各有不同。
5000字干货！设计师应该掌握的信息层级梳理指南 这篇文章从另外一种维度去阐述信息层级，个人认为有效地解决了自己大部分排版的问题。
阅读文章 >
2. 进行视线引导 人眼在获取信息时，除了上面提到习惯，还有一个特点是观察物体时只能集中在一个焦点上，不能同时聚焦多个点。所以我们在进行海报 版式设计 时，一定要让元素编排契合人眼的视觉规律 ，即要先将画面元素分出主次，再按一定的逻辑顺序进行版式的编排，通过设计引导视线一步步阅读下去，使海报内容信息清晰有效地传达给观者。
以《断·桥》的预售海报为例，“预售开启”4 个大字占据整个画面视觉中上部，又是整个画面光感最强烈的地方，自然成为整个画面的视觉焦点。当我们的视线被这部分吸引后，顶部半圆形的形状和背景上的混凝土放射状的线条纹理都呈现出向下的趋势，引导视线往下移动到人物身上。
而画面中央人物的站位呈现出倒三角的结构，显示出向下的视觉暗示，引导视线进一步移动到画面底部的主标题和红色的上映日期上。至此整个版面的视觉引导完成，预售开启、电影名称和上映日期等重要信息也成功传达给观众了。
在版式编排中进行视觉引导的方法很多，主要包括大小对比引导、颜色对比引导、图片指向性引导、线条引导、字母/数字引导和同类引导这 6 种方式。
① 大小对比引导
大小对比是最常见的视线引导方式，视线首先会被画面中最大的元素吸引，然后向较小元素上移动，这个最大元素可以是文字、图片、图形、插画元素等。
下图中 2 张海报就是典型的利用大小对比进行视线引导的例子。特别是第二张海报，以文字信息组字号变化来进行视觉引导。最大的“乐”字占据了近一半的版面，同时字形有图形化的设计处理，细节丰富，让其成为整个版面绝对的视觉焦点，而后视线移动到左上角加粗处理的主题文字上，一路向下，最后才会阅读字号最小的底部信息。
② 颜色对比引导
人眼更容易被对比强烈、饱和艳丽的颜色吸引，然后才会注意到对比较弱的颜色。所以画面中主要信息或者视觉焦点的颜色要显眼 —— 明度、饱和度高或者色彩对比度高，以提升信息的阅读层级；次要的信息处于较低的阅读层级，在颜色上就要弱于主要信息，以免破坏了整个版面的阅读节奏。
以下图的第一张海报为例，视线首先被画面中央的鲜红的主标题吸引，然后是右侧的副标题文字组，这个文字组字号第二大，与黑色背景的对比度最高。然后视线转到左侧顶部的元素，有精致的图形，与背景的对比度仅次于副标题文字组。接着向下左侧中部，才注意到字号最小、与背景颜色对比度最顶低的文字组。
③ 图片指向性引导
图片内容或图片裁切的形状也会形成一种隐形的引导暗示。比如半圆形、三角形的形状，以及画面中出现的人脸朝向、手势所指等，都会引导观者不自觉的跟随其方向移动。
如何让平面排版的层次更丰富？我总结了这15个方法 排版主要就是在做层级划分以及信息美化的工作。
阅读文章 >
④ 线条引导
线条具有连接性和指向性，利用线条可以将距离较远的信息连接起来，从而引导视线按指定顺序阅读信息。
⑤ 字母/数字引导
数字和字母本身具有先后连贯性，视线会下意识的按 1、2、3 或者 A、B、C 的顺序阅读信息，这个方法非常适合文本信息很多或需要按指定顺序阅读的信息。
⑥ 同类引导
人眼会将颜色、形状、形式、质感、纹理相同的元素归为一类，视线会同类元素间移动。
写给新手的版式设计基础指南（三）：文字跳跃率 懂了文字跳跃率！
阅读文章 >
3. 总结 今天为大家介绍了海报版式设计中营造视觉焦点和进行视线引导的重要性，并分享了 6 种引导视线的常用方法，大家可以结合自己看到的海报多多分析，加深对这些知识的印象。除此之外，还有 2 点需要注意：
① 营造视觉焦点和引导视线的方法经常是结合叠加使用的，能使视觉焦点更加突出，视线移动更加流畅自然。
② 阅读通常的逻辑是横排从左上到右下、竖排从右上到左下，虽然 海报设计 中元素的编排更为自由，但也不要让视线在画面上没有规律的“乱窜”，过于跳脱的元素编排会让视线卡顿，容易产生视觉疲劳，从而影响信息的传达效率。
好啦以上就是海报版式设计中的一些技巧，喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友，点赞多的话我会继续分享海报设计的相关技巧 ~ 如果你最近有看过的好的电影也可以在评论区和我分享，关于本文的疑问也可以在评论区提出，我会第一时间为大家解答 ~
推荐阅读
超全整理！设计师必备的3类书法字免费资源（附下载链接） 大家好，我是和你们聊设计的花生~ 之前在社群有小伙伴问有没有免费可商用的毛笔书法字体资源，有肯定是有的，但授人以鱼不如授人以渔，今天除了为大家推荐免费好用的书法字体，还会为分享给大家优质的书法字入门知识和教程，还有免费的资源网站，让你即使没有书法功底也有办法做出好看的书法字体 ~ 往
阅读文章 >
9个设计师必看的国际顶尖设计网站 大家好，我是和你聊设计的（经夏日高温烘焙更香脆的）花生~ 虽然优设一直有向大家推荐各类设计灵感，但是还是有很多刚接触设计的小伙伴们迫切地想知道有哪些“设计师必备国际设计网站”能让自己一键收藏，既然如此那干脆给大家就来一期优质设计网站推荐吧 ~ 除去设计师都熟悉的设计网站三巨头 Pin
阅读文章 >
