一张照片，原来这么多种玩法
原创： 设计小余 设计小余 昨天
每周日18：00准时更新，期间也会有不定时干货分享
写在前面
前面我有分享一篇关于版式设计的基础文章，主要是通过7个简单的版式设计案例分析来讲解简单的版式设计的应用，也主要是通过画册样式的形式做的实操案例讲解，通过案例图和分析图来详细讲解版式设计中的设计技巧，得到很多设计爱好者的喜爱
感兴趣的小伙伴可以回头去看看这篇文章,链接已经为你准备好啦！就是下面这张图片链接，点击即可查看哦！
那么今天我们也将再次分享版式设计，不过和以往不同的是，这里我们只通过对一张照片+文案做排版设计，设计的样式主要根据海报的样式不再是画册的样式，纯文案的海报前面我们也有分享设计技巧，这里我们加了一张照片素材，作为设计师的你是不是瞬间觉得自己得到了拯救🙃
设计纯文字海和几何海报，作为一个初学者来说确实是有一定的难度，因为需要自己通过对文案的理解找到突破点，即便找到突破点，还得有创意、有明确的构思，所以对于一个初学者来说无疑是一种考验
但是今天我们多了一张照片素材，我们通过照片的气质和主题来设计会简单很多，不过这里需要提醒的是，今天我们主要分享的是仅仅只有一张照片素材，加上一些文案，进行版式设计，至于多张照片的情况下我们下次会一一分享的，我们从无到有，从0到1，从1到2，以此类推，所以大家不用担心，后面我都会慢慢总结分享的
一步一个脚印，所以还是不要基于求成，今天我一口气共做了15个版式设计，所以小伙伴们请耐心的看吧！
案例分析
至于怎么分析我也是有所准备，找到简单易懂的方法作为分享，便于每一个设计者都能看懂，所以我总体会根据图片特点，排版布局、版式分析方面分享，接下来就开始我们的正题吧！看看一张图片到底可以怎么玩🙃
01
平铺图片
平铺图片我们前面也讲过，方法也是一样的，至于什么是平铺图片，我们还是讲解一下我的个人简单理解，平铺图片：指的就是将图片铺满整个画面，充当版面设计中的整个背景，这样的设计方式多用于书面封面的设计。
| 案例一
案例效果图：
版式分析图：
图片特点：首先我们的图片是一张铺满的图，人物是整张海报的主题，图片图片背景干净，整体配色鲜艳有活力，人物既可爱又不失气质
排版布局：对于这样的图，我们要突出主题人物，不能遮挡，保持图片清晰可见，所以文案我们优先选择人物周围留白区域，使主题文字和人物主体做一个层次关系，让画面显得不平淡/死板，小文案分别找留白区域排版，其余留白可选择画一些可爱的元素（爱心、几何图形）点缀，使平淡的背景更加有活力
版式分析：对于此类图，除了我做的案例外，还可以将小文案排版在人物下半部分，这样也不会影响主体，主标题还可以做零散的文字和主题做层次关系，大家可以私下尝试
| 案例二
案例效果图：
版式分析图：
图片特点：首先我们的图片是一张铺满的图，高档美食类，牛排是主体，色彩整体属于暗色系，给人一种高档有品质
排版布局：对于这样的图，在图片中心放一个透明图层，文案排版在透明图层上，既不会严重影响图片本身也不会忽略主题文案
版式分析：对于此类图，除了我做的案例外，还可以将主题文案排版在版面上方，一些小文案分别排版在上面和下面，整体居中对齐，这样牛排就不会受到影响整体视觉感受也是完全不一样的
| 案例三
案例效果图：
版式分析图：
图片特点：首先我们的图片是一张铺满的图，气质美女模特类，整体黑红配，给人一种高级感，性感且有气质
排版布局：对于这样的图，我这里只是选择的一种简单的居中对齐的原则，文案分别排版在上部和下部，人物主体也不会受到影响
版式分析：对于此类图，除了我做的案例外，还可以将主题文案排版在版面左下方的留白区域，以及右边留白区域，当然也可以采用文案和人物堆叠的关系，做出穿插效果，也是不错的，道路千万条，方法也是一样，就看你怎么选择
02
四角排版
四角排版简单的意思就是说将一张图片排版在海报的一个角（左上角、右上角、左下角、右下角）
| 案例一
案例效果图：
版式分析图：
图片特点：图片本身是一张饱满的、色彩清晰绿色的，给人一种自然美好环境，惬意之感，文艺气息
排版布局：对于这样的图，我们可以选择很多方式布局，前面的平铺图片同样可以，这里我们就选择图片左上角排版，右上部和下半部都是留白就只需要排版其它文案即可，文字也可以选择惬意文艺的
版式分析：对于此类图，文案最好选择左右对齐原则，中对齐会显得上半部分和下半部分分割明显，且整体视觉感受错乱
| 案例二
案例效果图：
版式分析图：
图片特点：图片本身是一张黑白灰的图片，给人一种高冷的感觉
排版布局：对于这样的图，我们同样选择四角排版，前一个案例是左上角，这里就采用左下角吧，反正四个角随你怎么玩，对于文字就可以选择同样有气质高冷的，整体色彩和图片保持一致，使整个画面协调
版式分析：对于此类图，文案最好选择左右对齐原则，中对齐会显得上半部分和下半部分分割明显，且整体视觉感受错乱
| 案例三
案例效果图：
版式分析图：
这个案例也是和前面两个一样，无非就是图片角落位置不同，文案排版布局不同，呈现出的效果就会完全不同，所以这里就不做过多的分析讲解啦，大家看看案例效果图和版式分析即可明白啦
03
左右排版
左右排版在我的理解就是图片排版在左边或者右边，只需改变图片的大小，调整整体视觉即可
| 案例一
案例效果图：
版式分析图：
图片特点：图片本身是气质女神，且捎带有俏皮可爱，色艳丽有活力
排版布局：对于这样的图，选择左右排版就需要放大主体，突出主体特征，最好占满左右区域，文案当然是另一边排版布局，文案区域可饱满可简约，布局也是占满好看怎么玩，当然也得遵循四大原则（对齐、对比、重复、亲密性）
版式分析：对于此类图，无论图片占据位置是大还是一半还是小，尽量选择图片主体突出的，文案则可以选择横排或者竖排
04
上下排版
上下排版在我的理解就是图片排版在上边或者下边，和前面的“四角排版”不同的就是，在中间上下或者偏左偏右的上下，位置可以随意排版，只需改变图片的大小，调整整体视觉即可
| 案例一
案例效果图：
版式分析图：
图片特点：图片本身是文艺女神，整体配色也是温馨文艺之感，当然也就适合文艺的海报设计了
排版布局：对于这样的图，文艺之感，我们可选择这里的上下排版，可根据需求改变图片的形式以及出血，对于出血也是看自己风格的把握，这里我的文字也是根据主题“自由”来排版的，呈现出一种随意自由之感
版式分析：对于此类图，可根据主题修改图片样式，上下排版，当然图片占据的位置都是可以根据需求和主题修改，文案竖排、横排，左右对齐和中对齐都是可以
| 案例二
案例效果图：
版式分析图：
| 案例三
案例效果图：
版式分析图：
同样都是上下排版案例，这里我也就省略分析过程啦，大家看看不一样的排版布局即可，多一些尝试才会多一些收获！
05
中间排版
中间排版在我的理解里就是图片在画布的中间，但是并不是单独的指正中间，除了上周外，中间也可以分正中、中上、中下，所以看到一词就不要只知道正规的方式，完全可以展开思维尝试一下不同版式设计
| 案例一
案例效果图：
版式分析图：
图片特点：图片本身是时尚洋气的模特形象，图片本身比较饱满，背景也比较丰富，模特姿势造型也是有个性且随意
排版布局：对于这样的图，时尚、洋气、当然排版也要尽可能的时尚、洋气、大方、且随意自由，所以利用“FASHION”一词分散在图片上，且做了微小的杂点效果，会让文字和图的贴合不死板
版式分析：对于此类图，可根据主题突出主体视觉，图片位置和大小都可以根据需求改变，也可以改变图形的样式，从而改变图片呈现出来的效果，小文案居中或左右对齐都是不错的选择
| 案例二
案例效果图：
版式分析图：
这里同理，我就偷偷懒啦！🙃
| 案例三
案例效果图：
版式分析图：
这个版式设计整体也是中间排版的，但是突出的一点就是做了图片分割的效果，给人感觉是组合成一个完整的图，这样的设计处理方式也是很常见的，虽然做了分割，但是给人第一眼的视觉并不会影响到主体的识别性，不过这样的处理方式，最好选择图片主体突出，占据图片中心的图片
| 案例四
案例效果图：
版式分析图：
同样的图片中间排版，微小的变化就是加了一个突出的圆，作为主体需要突出的部位放大处理，同样也是一张图，修改一下标题大小和排版位置，再修改一下图片占据位置的大小，不一样的风格和不一样的布局就呈现出来了，是不是超级简单
今日总结
好吧！今天分享的确实是有点多，一大批的案例+版式分析图，我可真用心吖😝，最后还是来总结一下今天的知识吧，今天主要分享了一张图片我们可以怎么玩？怎么排版布局，从大的方面就是可以：平铺图片、四角排版、左右排版、上下排版、中间排版，是不是超级简单，简单的就是（上中下、左右、角）任你怎么排版
文中画册封面样机提取方式：
1.关注【设计小余】公众号，回复“画册封面”即可获得提取链接！
