达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心 达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心
达内新闻
 当前位置:主页 > 达内新闻 >

常见的图片排版都有哪些方法可以使用

时间:2019-06-20  来源:未知  作者:广州达内培训

无论是文字还是图片,排版的好坏完全能够影响用户对于产品效果和使用体验的判断结果。下面我们就通过案例分析来了解一下,常见的图片排版都有哪些方法可以使用。

常见的图片排版都有哪些方法可以使用

一、单图排版

1.平铺

即把图片铺满整个版面,这种处理方式多用于封面设计;

或者在内页中把某一半版平铺一张大图,另一半则排列文字或者小图。

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

还有一种情况是把图片当做背景时,也可以采用平铺,如下图。

2.四周留白

即图片要比版面小,并让其四周都留出空白,这里也分两种情况,一是图片位于版面正中央,图片周围的留白是对称的,这种效果类似于相框,常用于封面设计。

还有一种情况是图片周围的留白并不对称,如下图,留白较多的区域会用来排文字,常用于海报设计和画册内页设计。

3.一条边出血

即把图片的一条边对齐边界,这么处理有点冲破束缚的意思,可以增加图片的想象力和版面的设计感。

4.三条边出血

这么做会把版面分成两部分,一部分为色块,一部分为图片,在排版时我们还可以通过文字、色块或颜色把这两个部分联系起来。

5.拆分

即把一张图片拆分成几份,然后隔开一点排列,这么做比单独放一张图片会更有设计感和趣味性,风景类图片适合这么处理。

6.跨版

即在画册设计中,让图片同时占据两个版面,当在一个跨版中只有一张图片时,如果只把图片排在某一半版中,那么另一半版就容易单调,所以在这种情况下通常会使用跨版,而且图片放大后会更有张力,还能把左右两个版面关联起来。

二、双图排版

在画册的设计中,有时候我们应该把一P当成一个版面,而有时候则需要把一个跨版当成一个版面,这取决于具体的内容以及排版形式,所以图片的排版也要分成这两种情况来考虑。

7.统一大小对齐排版

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

8.统一大小错位排版

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

9.一大一小排版

这种排版对比鲜明、更有张弛,可以在一个跨版中使用,也可以是在某一P中使用。

还可以把其中的一张图片去底,这么组合起来更灵活,对比更强烈。

如果把整个跨版当成一个版面,那么可以把大的那张图进行跨版,小的那张图则不跨版。

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

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

三、多图排版

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

10.大小统一对齐排版

这种排法比较整洁,但缺少变化,适合用于目录页或者产品和人物介绍。

11.大小不统一对齐排版

这种排法会比前一种更灵活一点。适合利用网格工具来辅助排版。

这种排版虽然没有统一图片的大小,但由于保持了严格的对齐关系,所以依然显得很整洁。

12.图片与色块组合排版

图片与色块组合在一起排版既不会像只有图片那么单调,还可以利用色块排文字。不过注意色块的颜色不要太多,且颜色好来自图片。

13.错位排版

即把相连两张图片刻意错开,或者把图片与文字的位置互换,这么做可以有效搭配图片完全对齐的单调,且由于有一定的规律,所以也不会对视觉流程造成太大影响。

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

这种排法适合图片比较多的情况,这么做可以避免图片太多而显得混乱,而且因为拼成的形状要与设计需求相关,所以会显得更有创意。

作者:葱爷

节选:公众号:葱爷

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!




上一篇:抵押借款等财务问题应该如何解决
下一篇:运城seo优化网站标题应该怎么写

友情链接:
  • 全球最大晶圆代工半导体制造厂,台积电斥资订购艾斯摩尔机器设备
  • 英特尔依然是那个英特尔,且看英特尔的城防体系
  • 支持双 DRAM 内存接口,慧荣企业级 SSD 主控方案披露
  • 在全球被反垄断罚款,冤!高通到底哪里得罪了欧盟?
  • 强强联合!万业、微电子所和芯鑫共同打造全新半导体设备
  • 复旦大学校长称:对于集成电路产业发展,大学应该主动担当
  • 技术再升级!无锡中科芯攻克晶圆级再布线及晶圆级凸点制备关键技
  • 聚力!万业企业设立集成电路装备集团,提供自主可控设备
  • 德州仪器C2000微控制器增强连通性和控制性
  • 英特尔打出降价策略,以免被竞争对手 AMD 打败?
  • 贸易摩擦的闹剧没有赢家,苹果有勇气离开中国吗?
  • 图像信号与视觉处理器的发展趋势
  • 真干快消品定位方案班(第二期)火热开班
  • Java集合 ArrayList原理及使用
  • TDD(测试驱动开发)死了吗?
  • JAVA基础之XML相关
  • javaweb项目搭建ehcache缓存系统
  • 每日一码——字符串统计
  • 一篇文章帮你彻底搞清楚“I/O多路复用”和“异步I/O”的前世今生
  • 九:模板方法模式
  • 十二:命令模式(人员解耦和)
  • Java 转PPT为图片、PDF、SVG、XPS、ODP以及PPT和PPTX互转
  • SpringCloud学习(SPRINGCLOUD微服务实战)一
  • 记一次微信网页授权后获取用户信息并重定向
  • 速途新营销五点实战洞察解码“品效合一”
  • 十一:外观模式详解(Service,action与dao)
  • 手把手教你学会 基于JWT的单点登录
  • mysql锁机制总结,以及优化建议
  • 解决多个版本jar包冲突【jar内包名重命名】
  • 中国首张5G终端电信设备进网许可证 华为Mate 20 X 5G版入网
  • RPC之Thrift
  • 高级Java工程师必备 ----
  • 天猫618期间实物支付GMV增长38.5%
  • 换季了,老板你的库存处理好了吗?
  • 从“618”大数据看中国消费新活力
  • 小米生态链:贵在格局感与收放度
  • CODING 2.0 企业级持续交付解决方案
  • 老铁奇趴“新京济” 快手*京东618战报出炉
  • 中小企业新媒体运营基本技能
  • 上汽大通房车再度携手LINE FRIENDS 魔都巡游顺利开启
  • 华为高端手机国内市场份额超苹果夺得榜首
  • 中国智能制造分析报告
  • iPlus艾加营销助力腾讯广告牵手吴晓波 推进商业IP变现
  • 2019世界新能源汽车大会7月1日将在海南举行
  • 区域酒企如何转型突围
  • 时时彩论坛
  • 五星体育斯诺克
  • 北单比分直播
  • 河北11选5走势图
  • 福建体彩36选7开奖结果
  • 九龙图库下载