网页规划 » 视觉规划 » 图片的17大实用技巧

图片的17大实用技巧

发表于: 视觉规划. 谈论
赞助商链接

的难处在于,咱们不是依据现已规划好的版面来填充内容(套模板),而是要依据详细的内容来布局版面,比方版面中的图片有时分是一两张,有时分是十张八张,由于构成元素的不同,导致选用相同的构图、版式、方法往往是行不通的,所以葱爷今日的这篇文章便是要来共享,在不同状况下有哪些图片技巧。

一、单图

1.平铺

即把图片铺满整个版面,这种处理方法多用于封面规划;

或许在内页中把某一半版平铺一张大图,另一半则摆放文字或许小图。

平铺的图片比较有张力,有视觉重心的图片合适这么处理,例如下图平铺的作用就一般般。

还有一种状况是把图片作为布景时,也能够选用平铺,如下图。

2.四周留白

即图片要比版面小,并让其四周都留出空白,这儿也分两种状况,一是图片坐落版面正中央,图片周围的留白是对称的,这种作用类似于相框,常用于封面规划。

还有一种状况是图片周围的留白并不对称,如下图,留白较多的区域会用来排文字,常用于uedbet赫塔菲官网和画册内页规划。

3.一条边出血

即把图片的一条边对齐鸿沟,这么处理有点打破捆绑的意思,能够添加图片的想象力和版面的规划感。

4.三条边出血

这么做会把版面分红两部分,一部分为色块,一部分为图片,在时咱们还能够经过文字、色块或色彩把这两个部分联络起来。

5.拆分

即把一张图片拆分红几份,然后离隔一点摆放,这么做比独自放一张图片会更有规划感和趣味性,景色类图片合适这么处理。

6.跨版

即在画册规划中,让图片一起占有两个版面,当在一个跨版中只要一张图片时,假如只把图片排在某一半版中,那么另一半版就简略单调,所以在这种状况下通常会运用跨版,并且图片扩大后会更有张力,还能把左右两个版面相关起来。

二、双图

在画册的规划中,有时分咱们应该把一P当成一个版面,而有时分则需求把一个跨版当成一个版面,这取决于详细的内容以及方法,所以图片的也要分红这两种状况来考虑。

7.一致巨细对齐

在一些著作集或产品画册中常用到此排法,视觉流程简略、明晰。

8.一致巨细错位

比对齐更有动感,且由于图片不多,所以也不会显得乱。

9.一大一小

这种比照明显、更有张弛,能够在一个跨版中运用,也能够是在某一P中运用。

还能够把其间的一张图片去底,这么组合起来更灵敏,比照更激烈。

假如把整个跨版当成一个版面,那么能够把大的那张图进行跨版,小的那张图则不跨版。

或许把大图铺满一个P,而小的图片和文字则排在另一个P。

这两种排法都很大气且不失细腻。

三、多图

有时分一个版面内的图片会有许多,这种版面排起来会更有难度,常用的方法有:

10.巨细一致对齐

这种排法比较整齐,但短少改动,合适用于目录页或许产品和人物介绍。

11.巨细纷歧致对齐

这种排法会比前一种更灵敏一点。合适运用网格东西来辅佐。

这种尽管没有一致图片的巨细,但由于坚持了严厉的对齐联络,所以仍然显得很整齐。

12.图片与色块组合

图片与色块组合在一起既不会像只要图片那么单调,还能够运用色块排文字。不过留意色块的色彩不要太多,且色彩最好来自图片。

13.错位

即把相连两张图片故意错开,或许把图片与文字的方位交换,这么做能够有用调配图片彻底对齐的单调,且由于有必定的规则,所以也不会对视觉流程构成太大影响。

14.把图片拼成特定的形状

这种排法合适图片比较多的状况,这么做能够防止图片太多而显得紊乱,并且由于拼成的形状要与规划需求相关,所以会显得更有构思。

15.依照某一途径

这种排法跟前一种相同,合适数量较多的同类图片运用,能够防止图片拍得过分涣散,假如纷歧致图片的巨细和方向,作用会比较生动但不标准,适用于相片墙和儿童画册的。

假如一致图片的巨细和方向,或许使它们呈突变式的改动,这些图片还能够构成必定的节奏感,不只不会乱,还很美丽。

16.一大多小

假如在版面中分隔摆扩巨细差不多的多张图片,那么该版面就会缺少要点且没有张力,而假如把其间一张图片扩大,与其他图片构成明显的巨细比照,就能够有用处理这一问题。

17.自在

即巨细不需求一致、图片与图片之间也不必定要严厉对齐,作用比较灵敏,规划感较强,常用于杂志中。

▲这种排法有两点需求留意,一是图片不要排的太涣散;二是最好要有巨细比照。

▲去底图也很合适这么做,当然,在的时分也要有巨细的区别,一起要留意图片与图片、图片与文字之间的概括要构成互补。

结语

版面中的图片数量有从一张到数十张不等,图片的方法也十分多,所以我无法逐个列出,以上总结的十七个技巧只是代表一些比较干流的方向,详细的改动还需求咱们依据详细的内容和规划需求去做测验和打破,期望这篇文章能给你一点协助。

作者:葱爷 (id:congyenanian)

引荐:检查最受欢迎的 301 个规划网站 → http://hao.dashijieylc3je.com
沟通:结交更多有才调的规划师?请参加UI规划QQ群,与50000名规划师沟通规划。
赞助商链接
赞助商链接
规划达人微信沟通社区:shejidaren888
喜爱这篇文章吗?欢迎共享到你的微博、QQ群,并重视咱们的微博,谢谢支撑。
版权:除非注明,本站文章均为原创文章,转载请联络咱们授权,不然制止转载。