一张图片放两个二维码_经验 | 图片排版的「17个实用技巧」
本专栏(平面设计学习日记),每日分享1~2篇精选设计文章。本文转载自:葱爷(微信公众号),欢迎关注原作者!
阅前叨逼叨:在很多排版中,如果拍好了图片,就等于完成了设计的一大半!
排版的难处在于,我们不是根据已经设计好的版面来填充内容(套模板),而是要根据具体的内容来布局版面,比如版面中的图片有时候是一两张,有时候是十张八张,由于构成元素的不同,导致采用同样的构图、版式、形式往往是行不通的,所以葱爷今天的这篇文章就是要来分享,在不同情况下有哪些图片排版技巧。
一、单图排版
1.平铺
即把图片铺满整个版面,这种处理方式多用于封面设计;
或者在内页中把某一半版平铺一张大图,另一半则排列文字或者小图。
平铺的图片比较有张力,有视觉重心的图片适合这么处理,例如下图平铺的效果就一般般。
还有一种情况是把图片当做背景时,也可以采用平铺,如下图。
2.四周留白
即图片要比版面小,并让其四周都留出空白,这里也分两种情况,一是图片位于版面正中央,图片周围的留白是对称的,这种效果类似于相框,常用于封面设计。
还有一种情况是图片周围的留白并不对称,如下图,留白较多的区域会用来排文字,常用于海报设计和画册内页设计。
3.一条边出血
即把图片的一条边对齐边界,这么处理有点冲破束缚的意思,可以增加图片的想象力和版面的设计感。
4.三条边出血
这么做会把版面分成两部分,一部分为色块,一部分为图片,在排版时我们还可以通过文字、色块或颜色把这两个部分联系起来。
5.拆分
即把一张图片拆分成几份,然后隔开一点排列,这么做比单独放一张图片会更有设计感和趣味性,风景类图片适合这么处理。
6.跨版
即在画册设计中,让图片同时占据两个版面,当在一个跨版中只有一张图片时,如果只把图片排在某一半版中,那么另一半版就容易单调,所以在这种情况下通常会使用跨版,而且图片放大后会更有张力,还能把左右两个版面关联起来。
二、双图排版
在画册的设计中,有时候我们应该把一P当成一个版面,而有时候则需要把一个跨版当成一个版面,这取决于具体的内容以及排版形式,所以图片的排版也要分成这两种情况来考虑。
7.统一大小对齐排版
在一些作品集或产品画册中常用到此排法,视觉流程简单、清晰。
8.统一大小错位排版
比对齐排版更有动感,且由于图片不多,所以也不会显得乱。
9.一大一小排版
这种排版对比鲜明、更有张弛,可以在一个跨版中使用,也可以是在某一P中使用。
还可以把其中的一张图片去底,这么组合起来更灵活,对比更强烈。
如果把整个跨版当成一个版面,那么可以把大的那张图进行跨版,小的那张图则不跨版。
或者把大图铺满一个P,而小的图片和文字则排在另一个P。
这两种排法都很大气且不失细腻。
三、多图排版
有时候一个版面内的图片会有很多,这种版面排起来会更有难度,常用的排版方式有:
10.大小统一对齐排版
这种排法比较整洁,但缺少变化,适合用于目录页或者产品和人物介绍。
11.大小不统一对齐排版
这种排法会比前一种更灵活一点。适合利用网格工具来辅助排版。
这种排版虽然没有统一图片的大小,但由于保持了严格的对齐关系,所以依然显得很整洁。
12.图片与色块组合排版
图片与色块组合在一起排版既不会像只有图片那么单调,还可以利用色块排文字。不过注意色块的颜色不要太多,且颜色最好来自图片。
13.错位排版
即把相连两张图片刻意错开,或者把图片与文字的位置互换,这么做可以有效搭配图片完全对齐的单调,且由于有一定的规律,所以也不会对视觉流程造成太大影响。
14.把图片拼成特定的形状
这种排法适合图片比较多的情况,这么做可以避免图片太多而显得混乱,而且因为拼成的形状要与设计需求相关,所以会显得更有创意。
15.按照某一路径排版
这种排法跟前一种一样,适合数量较多的同类图片使用,可以避免图片拍得太过分散,如果不统一图片的大小和方向,效果会比较活泼但不规范,适用于照片墙和儿童画册的排版。
如果统一图片的大小和方向,或者使它们呈渐变式的变化,这些图片还可以形成一定的节奏感,不仅不会乱,还很美观。
16.一大多小排版
如果在版面中分开排列大小差不多的多张图片,那么该版面就会缺乏重点且没有张力,而如果把其中一张图片放大,与其他图片形成鲜明的大小对比,就可以有效解决这一问题。
17.自由排版
即大小不需要统一、图片与图片之间也不一定要严格对齐,效果比较灵活,设计感较强,常用于杂志排版中。
▲这种排法有两点需要注意,一是图片不要排得太分散;二是最好要有大小对比。
▲去底图也很适合这么做,当然,在排版的时候也要有大小底区分,同时要注意图片与图片、图片与文字之间的轮廓要形成互补。
版面中的图片数量有从一张到数十张不等,图片的排版方式也非常多,所以我没法一一列出,以上总结的十七个技巧仅仅代表一些比较主流的方向,具体的变化还需要大家根据具体的内容和设计需求去做尝试和突破,希望这篇文章能给你一点帮助。
通过视频教程,系统学习排版,打好版设计基础?
排版入门视频:http://t.cn/EXZciFE,《人人都会版式设计》
排版进阶视频:http://t.cn/Rp5S5a2,《版式设计高级案例》
平面设计学习日记,是一个分享高质量设计教程、书籍、经验文章的学习平台。汇聚推荐国内优秀设计导师、以及优质「平面设计教程」资源,让自学有路可循,成长更加高效。
订阅本专栏>
一张图片放两个二维码_经验 | 图片排版的「17个实用技巧」相关推荐
- 一张图片放两个二维码_两个方法教你找到一张图片的高清版
有时候,看到一张图片,很想要找到它的出处,或者是自己很喜欢,想要保存下来,可惜图片尺寸太小,不适合收藏,怎么办呢?喵叔有两个小办法~ 第三方网站无损放大 推荐一个网站 bigjpg.com 可以在线无 ...
- 一张图片放两个二维码_这6个宝藏网站,为你提供用不完的免费素材图片!
不管是设计.写文章还是视频制作,图片都是其中非常重要的一环!在合适的地方用上合适的图片,会让整个设计或者文章都散发光彩! 但问题来了!那合适的图片我要去哪里找呢?我找到了之后就可以用吗?大家都知道设计 ...
- 过年了,朋友圈放个收款二维码
清早,我还没起床,大米跑到我房间,跟我说,妈妈,给你看个东西. My classmates,somebody,在朋友圈放了个收款二维码. 我大笑,说这个主意不错,效果如何? 他说,我给了他两分钱. 我 ...
- 一个页面同时出现两个二维码图片,长按识别问题
1.需求 在项目中h5页面内有文章资讯模块,文章详情页里面底部放了公司二维码,然后用户分享的时候,会带上分享者二维码,并且并排展示,用户长按哪个就识别哪个图片二维码: 2.出现问题 ios下正常,长按 ...
- 微信两个二维码无法在同一视窗中扫描——每周汇总(第二期)
接到一个运营页的需求,一开始设计的是两个二维码横着排列在页面上,切完图后发现在手机上点击图片扫一扫只能扫其中的一个,一开始以为是图片的问题,后来尝试换成上下排列还是不行,查阅网上资料后才发现这是微信导 ...
- jquery生成二维码怎么添加图片(两种方法)
github项目地址: https://github.com/fengliting/erweima 注意:这里实现的是第一个方法 自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二 ...
- java生成两种二维码
引言 在这篇博客中关于二维码的基本原理先不做介绍,先介绍我们怎样利用java语言实现二维码的生成,现在二维 码在我们生活中已经非常常见了,一言不合就扫码!所以对于我们这帮程序猿来说,需要研究一把这个东 ...
- iOS二维码生成中间带图片Logo
iOS二维码生成中间带图片效果图: ViewController.h 1 #import <UIKit/UIKit.h> 2 @interface ViewController : UIV ...
- QRcode.js二维码中心添加图片
上一篇文章写的二维码没有图标,然后我就想实现一个有图标的,找了半天终于是被我找到了,代码和上一篇文章一样,只是多了行代码,在加两个依赖,也不知是哪位大佬写的废话不多说直接上代码, <!DOCTY ...
- 二维码中加图片(打印带图片的二维码)
在二维码中,放入图片,遮挡一部分是被允许的. 二维码在少许损伤的情况下还可以读取出来,图片可以放置的位置如图的黄色区域.(具体可以放多大要看二维码生成时的纠错能力) 二维码的纠错级别: 纠错级别越高, ...
最新文章
- hle机器人_《英雄联盟》Deft加入HLE打野CaD续约Arthur加入
- LibreOJ #113. 最大异或和
- Linux学习:vim 的 3 种命令模式及基本操作
- [IOS]clang diagnostic、Wprotocol ..
- grep 和 sed:linux经常使用工具 amp; 基本正則表達式
- 移动端日历插件_小程序日历组件开发教程!
- centos安装mysql5.7.26_Centos安装mysql5.7.26
- 怎么用python找因子_python找出因数与质因数的方法
- laravel添加语言包
- 蛋白质互作工具开发笔记(一)——整体计划实施
- 文件搜索工具ProFind for Mac
- Android Parcel对象详解
- sql 中英文格式的时间转数字格式
- Win10系统将“用户”文件夹下用户名文件夹修改自定义名称
- Java健康档案管理系统
- 教父母使用手机的功能提纲
- 【计算机基础】进制转换
- git add 之后的文件被删除怎么恢复
- LaTex 解决目录红框问题
- 4.Redis的内存维护策略
热门文章
- 西门子PLC S7-1200程序实例,版本博图V15及以上 西门子1200与安川机器人TCP/IP通讯,包含机器人GSD文件
- 大数据之spark_spark SQL的建表语句
- php 写聊天室源码,php写的简易聊天室代码
- 华为LTC/IPD/ITR三大核心流程变革看一篇文章就全明白啦!
- Android音频播放之SoundPool 详解
- SoundPool控件
- 这两种方法能使PDF不能被复制和修改
- 课程设计 - 运动控制卡(云服务器)
- python mobi_使用Python爬取mobi格式电纸书
- ZigBee-CC2530单片机 - 1路硬件PWM控制舵机角度(精度为1us)