两张图片放在一起有条白线_页面设计太难?图片太多不会用模板?这几种技巧教你轻松应对|艺范分享...

cd088ca2beced1d8c54ae61cf8a1f4a0.png

学习设计的同学常常要面临排版的问题,我们都知道现在已经很有多现成的模板供我们选择,但其难处在于我们要根据具体的内容来布局版面。例如版面中的图片有时候只有一到两张,有时候则是十张之多,构成元素的不同,如果我们还采用同样的构图、版式,往往是行不通的。

所以今天范儿姐就给大家介绍一下如何进行图片布局和一些小技巧~

单图排版

单图排版最常见的就是平铺啦。

平铺顾名思义就是将图片铺满整个版面,重点十足。一般来说封面会常常采用这种设计。

f163d9447cd54bc968583ebe825856a1.png

除了封面外,内页也有一种平铺设计,将图片平铺开来作为背景,利用蒙版将淡化背景颜色,输入文字,瞬间就高大上起来了呢。

8a9a9e3fe6a91f17c706f414c2f766d8.png

除了平铺外,四周留白也是不错的选择。也得到了不少设计师的青睐。根据背景和图片的色彩的呼应和搭配,效果很不错呢。四周留白分为两种,一种是对称的留白,一种是不对称的留白。比如下图就是一种对称留白的案例啦,类似于相框,把字体放在合适的位置后很炫酷呢!

ca2dcab8a215c6add7493517b94c96f2.png

不对称留白则空出了更多的区域给文字和重点,也很有个性。

59a22355914a198fe708734a379f59b5.png

单图还有一种久用不错的排版方式,就是只留单边,这是最常见的排版方式,中规中矩。

0b1765068b765a6e62004c18afcb1dc5.png

当然,我们也可以将一张单图进行拆分,拼图排版,显得很有趣味又不死板。也是一种不错的选择吧?个人觉得风景画更适合这么处理,如果内容太过复杂的图片进行这样的处理反而会弄巧成拙哦。

0b45a08c4d248dbf80823ab2aa298346.png

双图排版

双图排版中,如果图片的大小和尺寸相当,我们可以选择对称对齐处理,给人直观的视觉流程简单、清晰。这也是画册中一种常见的排版方式。

b24a8580d65b6c0104720af059d0e848.png

当然啦,图片的尺寸不相当的情况也很多,那么该怎么处理呢?

一大一小排版,这种排版对比鲜明、更有张弛,既可以在一个跨版中使用,也可以是在某一页中单独使用。

e87afc1dce1260dc552a13060fcdec91.png

如果把整个跨版当成一个版面,也可以把大的那张图进行跨版,小的那张图则不跨版。对比鲜明, 也很具观赏感。

8846d36b50df25e3e7cc8340cc3b0d98.png

多图排版

多图排版可选择的模板更加丰富多彩,但由于图片数量多,其实操作的难度性更大一些。稍不留神就容易给人造成“页面太杂乱”的感觉。

我们可以采用大小统一对齐排版,这种排法比较整洁,但缺少变化,适合用于目录页或者产品和人物介绍。也是比较接受度高的一种多图排版方式。

f584eb2b03d490fee85ac12e70f1f17d.png

不过我们可以将矩形模板稍加变换,就可以去除这种中规中矩的感觉啦~

c05980e7d4c55134238b3630ee0ca239.png

大小不统一对齐排版会比前一种更灵活一点。适合利用网格工具来辅助排版。利用这种排版方式,虽然图片的尺寸和大小不一致,但也很有秩序。不会使人视觉枯燥,同时又达到了整洁的效果。

51329a329adc02518206c02a5b032e63.png

多图排版的创意有很多,看多了整洁的排版,也可以尝试错位排版。把相连两张图片刻意错开,或者把图片与文字的位置互换,这么做可以有效打破图片完全对齐的单调,且由于有一定的规律,所以也不会对视觉流程造成太大影响。

efc8655becc6fa02d945d117941f1fff.png

如果图片的数量足够多,可以把图片拼接成特定的形状。让人印象深刻,又能突出所想表达的内容。

0c01c7ebc69bd9b8fa69ebe5e120ce3e.png

也有类似的,按照某一路径排版。这种排法跟前一种一样,适合数量较多的同类图片使用,可以避免图片排得太过分散。如果不统一图片的大小和方向,效果会比较活泼但不规范,适用于照片墙和儿童画册的排版。

36fc4da2ccc3870d50d88df7fb4d3316.png

最后,我们来介绍一种一大多小的排版方式。这种排版方式既适用于数量较多的图片也可以用于数量较少的多图片排版,把其中一张图片放大,与其他图片形成鲜明的大小对比,就可以有效突出重点,使页面更有张力。

1a4327bcdb4165cbcb86a94032f88cff.png

想要更多艺术留学、设计、作品集相关姿势吗?

快来关注艺术留学干货分享公众号:artfans_study

关注后回复【资料包】即可以获得10G诚意满满的艺术设计干货资料

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值