17个实用排版设计技巧

排版的难处在于,我们不是根据已经设计好的版面来填充内容(套模板),而是要根据具体的内容来布局版面,比如版面中的图片有时候是一两张,有时候是十张八张,由于构成元素的不同,导致采用同样的构图、版式、形式往往是行不通的,所以葱爷今天的这篇文章就是要来分享,在不同情况下有哪些图片排版技巧。

一、单图排版

1.平铺

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

设计不会排版?这17个实用技巧解决你的问题

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

设计不会排版?这17个实用技巧解决你的问题

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

设计不会排版?这17个实用技巧解决你的问题

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

设计不会排版?这17个实用技巧解决你的问题

2.四周留白

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

设计不会排版?这17个实用技巧解决你的问题

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

设计不会排版?这17个实用技巧解决你的问题

3.一条边出血

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

设计不会排版?这17个实用技巧解决你的问题

4.三条边出血

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

设计不会排版?这17个实用技巧解决你的问题

5.拆分

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

设计不会排版?这17个实用技巧解决你的问题

6.跨版

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

设计不会排版?这17个实用技巧解决你的问题

二、双图排版

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

7.统一大小对齐排版

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

设计不会排版?这17个实用技巧解决你的问题

8.统一大小错位排版

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

设计不会排版?这17个实用技巧解决你的问题

9.一大一小排版

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

设计不会排版?这17个实用技巧解决你的问题

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

设计不会排版?这17个实用技巧解决你的问题

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

设计不会排版?这17个实用技巧解决你的问题

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

设计不会排版?这17个实用技巧解决你的问题

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

三、多图排版

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

10.大小统一对齐排版

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

设计不会排版?这17个实用技巧解决你的问题

设计不会排版?这17个实用技巧解决你的问题

11.大小不统一对齐排版

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

设计不会排版?这17个实用技巧解决你的问题

设计不会排版?这17个实用技巧解决你的问题

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

12.图片与色块组合排版

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

设计不会排版?这17个实用技巧解决你的问题

设计不会排版?这17个实用技巧解决你的问题

13.错位排版

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

设计不会排版?这17个实用技巧解决你的问题

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

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

设计不会排版?这17个实用技巧解决你的问题

15.按照某一路径排版

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

设计不会排版?这17个实用技巧解决你的问题

设计不会排版?这17个实用技巧解决你的问题

如果统一图片的大小和方向,或者使它们呈渐变式的变化,这些图片还可以形成一定的节奏感,不仅不会乱,还很美观。

设计不会排版?这17个实用技巧解决你的问题

设计不会排版?这17个实用技巧解决你的问题

设计不会排版?这17个实用技巧解决你的问题

16.一大多小排版

如果在版面中分开排列大小差不多的多张图片,那么该版面就会缺乏重点且没有张力,而如果把其中一张图片放大,与其他图片形成鲜明的大小对比,就可以有效解决这一问题。

设计不会排版?这17个实用技巧解决你的问题

设计不会排版?这17个实用技巧解决你的问题

17.自由排版

即大小不需要统一、图片与图片之间也不一定要严格对齐,效果比较灵活,设计感较强,常用于杂志排版中。

设计不会排版?这17个实用技巧解决你的问题

这种排法有两点需要注意,一是图片不要拍的太分散;二是最好要有大小对比。

设计不会排版?这17个实用技巧解决你的问题

去底图也很适合这么做,当然,在排版的时候也要有大小底区分,同时要注意图片与图片、图片与文字之间的轮廓要形成互补。

版面中的图片数量有从一张到数十张不等,图片的排版方式也非常多,所以我没法一一列出,以上总结的十七个技巧仅仅代表一些比较主流的方向,具体的变化还需要大家根据具体的内容和设计需求去做尝试和突破,希望这篇文章能给你一点帮助。

本文链接:https://www.dzdvip.com/12039.html 版权声明:本文内容均来源于互联网。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 395045033@qq.com,一经查实,本站将立刻删除。
(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2021年6月13日 22:46
下一篇 2021年6月13日 22:54

相关推荐

  • 设计师需要掌握的平面设计技巧

    笔者从自身角度出发,结合相关的工作经验,对设计师需要掌握的平面设计技巧进行了梳理总结,与大家分享。 “你是一名设计师?噢,这需要一个人非常有创造力!” 当我谈到我的职业时,我总是听到这样的话。但是什么构成了真正的图形设计技巧呢? 不单单是创造力,你必须清楚自己的图形设计技巧,有意识地去了解你的优点和缺点,最后,至少您需要在应聘经理的面试中提及一些图形设计技巧。   01 图形设计技巧 :不像你想象的那样容易定义 初瞥,它看起来很容易,不是吗?图形设计技巧看似来自于创造力、审美、绘画、一些演示技巧和客户沟通技巧就没有其他的了。 对吗?但是,事实不止于此。 理想的图形设计技巧总是取决于设计师特定的工作环境或所寻求的职位。自由设计师必须同时承担自身的管理者和推销员。您必须管理时间、寻找新客户、与客户沟通,当然还要产出出色的设计作品。 但是,如果你想在广告公司工作,作为一个大型设计团队的一员,您就不得不从事于技术和美学技能。除了与其他的设计师合作的时间,您可能不会直接与客户有接触。 因此,图形设计技能总是取决于具体情况,但我试图收集我认为重要的基本技能和资质。   02 视觉技巧 1. 美学意识 首先,一个优秀的平面设计师必须时刻关注新事物,有意识地观察周围环境。 无论做什么,我们都可以在生活中发现设计。 关注艺术、排版、包装、海报、杂志、书籍、应用程序、网页,甚至建筑物、物体或自然事物都可以激发您的灵感,塑造您的设计品味和设计手段。 您还必须关注设计趋势。 这是实现有意识的设计决策的第一步。   2. 视觉层级 每年,我们用户体验工作室都会在布达佩斯组织为期一个月的产品设计师课程,以帮助那些希望增强用户体验知识的人。当涉及到设备屏幕上的设计时,我们会讨论很多关于视觉层级的东西。 在我的 “设计屏幕” 演讲中,我谈到了视觉层级。 平面设计师必须学习这一点。 当您在看一个设计时,视觉层级结构定义了您应注意的位置和内容。 一切都有视觉层次。 书籍、杂志、屏幕,甚至建筑物或物体都可以具有视觉层次! 如果您可以很好地建立层次结构,就可以正确地引导人们的注意力。   3. 激发灵感的最好方式 “平面设计是一种创造性的职业。” 我们都听到了很多这样的声音。 但是你真的需要创造性才能成为一名技术娴熟的平面设计师吗? 这种创意型人格是否真的存在? 或…

    2021年6月13日
    14
  • 眼动研究在短视频APP设计中的应用

    想要了解用户,改善体验,很多人会选择问卷调研、用户访谈、可用性测试。但是这些都不够准确,甚至一些行为用户都不曾观察到,更无法通过准确的语言主动表述。因此,本文作者通过眼动研究,分析它在短视频APP设计中的应用,与你分享。 短视频的兴起极大地改变了人们信息的接收方式,也越来越多地占据着日常生活的时间。有数据显示,过去5年,文娱整体贡献了超过50%的时长增量,短微视频贡献了其中的68%;而人们每天消耗在短视频上的时间也接近两个小时。短视频赛道竞争的白热化,带来更多的同质化发展。在抖音、快手一骑绝尘的市场格局下,弱差异化的产品往往较难出头。作为追赶者,好看视频一直在探索差异化的产品设计,并结合百度大数据的优势,发挥更多知识场景的拓展性。 在这种简短、快速、强刺激、低投入的内容消费模式下,如何更精细化的理解用户内容消费特点,并结合业务目标选择最优的产品实现方案?一般情况下,我们会通过问卷调研、用户访谈、可用性测试,去发现体验问题,了解用户主观偏好及选择依据。然而,用户的“所说”和“所做”往往存在偏差;更重要的是,某些细致入微的行为,甚至不为用户自身所察觉,更无法通过准确的语言主动表述。那么,这种情况下,就需要我们借助更“显微化”的研究手段,去让用户难以被察觉的行为“显影”。 所以,我们引入眼动实验的研究手段,在好看视频APP大屏版上线前,通过眼动实验揭示不同页面样式下,用户短视频浏览过程中的视觉策略和操作影响,从而作为重要的用户行为数据输入,支持产品方案上线决策。 一、研究什么? 在研究正式启动之前,我们需要确定明确的研究主题。眼动研究一般分为两种类型:发现性研究和总结性研究。两种研究类型的差异如下: 由于本次研究需要支持产品方案的优选决策,所以更偏总结性研究,这就需要明确研究的边界,设定清晰的实验自变量和因变量,且尽可能控制无关因素的影响。所以,在和业务达成研究共识的情况下,我们将研究目标聚焦到两种不同因素的影响效果上。 1. 不同标题位置及互动区(点赞/评论/转发)位置对用户浏览视频的影响; 2. 不同相关推荐样式对用户浏览视频的影响。 本次实验在实验室中进行,保证每次实验环境的一致性,眼动设备使用Tobii Pro Glasses 2 眼动仪,获取视觉行为数据。 在整体程序设定上,实验分为3个任务环节,首先请用户自由浏览视频2-3分钟,视频顺序随机排列;浏览结束后,引…

    2021年7月14日
    27
  • 做设计需学的20条小技巧

    一、这张图的长宽是多少?是不是有人这样问过你。常规路径下的形状或者一张位图,如何快速知道它的 长宽?(如下图) Tips:选中图层–F8(信息)–ctrl T,就可以看到宽高(WH)了。 二、在PSD之间拖动图层的时候,如果碰到画布宽高小于拖入图像大小的时候,有没有更加快捷的办法? (如下图) 900*700,把这张图拖到宽高200*200的画布里面。 会变成这样 Tips:图像菜单–显示全部。即可解决。不需要更改画布大小 三.选区自由变换(如下图) Tips:选中图层。选择–变换选区。做一些很复杂的蒙版效果非常有帮助 四.将矢量工具与变化和像素网格对齐(如下图) 默认是打上勾的,把勾去掉之后会是这个样的(如下图) Tips:如果默认勾选的情况下一次只能调整一个像素。把勾去掉后可以用方向键来微调(一个像素的大小可以微调几十次,调的非常细),这对于一些不规则的形状微调很有帮助。 五、复制色值 Tips:吸管工具–右键即可复制(拷贝颜色的十六进制代码)。方便很多。 六、超出色域提示 假设这是你做好的图片需要印刷 这幅图中灰色部分的颜色就是色域警告,印刷的时候可能会出现问题。 Tips:菜单栏。视图–色域警告。你可以边做边检查。 七、做一张300像素/英寸的印刷作品时,由于分辨率较高。在PS上预览和实际打印出来的尺寸有差别, 如何解决? PS上的预览效果 调整中 调整后的效果 Tips:视图–打印尺寸。可以预览实际打印出来的大小 八、一个PSD的图层多了之后,如果有部分图层因需要把它们锁定了,可以用选择工具(V),按住alt点 击选中锁定的图层。 九、关于图层蒙版。在图层上提前画好需要遮挡的选区,然后点击蒙版按钮,出来的效果是把选区外的部 分给遮挡住了(默认效果)。但是很多时候我们需要把我们自己做的选区给遮挡起来。(如图) 最终效果图,不需要反选,一步到位 Tips:在图层上做选区,按住ALt点击蒙版按钮,可以反选蒙版遮挡区域。 十、按住ALT拖到PS里面的图层是“链接的智能对象”。关于链接的智能对象简单补充一下。好处:假如 一个项目中有200多个PSD文档,可以将一个项目中相同的部分(比如头部尾部列表)做成一个链接 的智能对象,这些相同的部分当需求方提出修改的时候,我们只需要找到这个“链…

    2021年6月13日
    13
  • 11个最实用的logo设计思路

    工作有方法,设计有技巧。 今天为大家总结了10种实用的、简单的英文logo设计思路,希望能够你的设计有所帮助。 01、创意排版 在logo设计时,我们可以将文字进行错位或工整的排列以增强设计感。当然,如果能再做一下细微的文字处理效果更棒了! 02、镂空线条 镂空设计,让简单的字母更有线条美感! 03、几何造字 用几何思维,找到一定的字母笔划规律,将文字从具象到抽象进行几何化设计。 04、字母重叠 找到对称或一定的规律,运用字母之间的相互重叠,可以营造出立体空间特点。 05、重复对称 对称形式会让整体带有平衡、稳定的视觉感受,重复的目的也是增加标志的整体感,避免设计单一! 06、图形替代 将某个字母替换成近似图加强识别,有利于大家记忆并强化品牌的识别度。 07、融入元素 将品牌相关联的某个图形巧妙的融入字母局部,这样logo从众多品牌之中脱颖而出,让人眼前一亮。 08、笔划相连 找出一些的笔划规律,将某个笔划恰到好处的相连接,可以分为横向连接、纵向连接、斜向连接等。 09、字母具象 通过线条的辅助,把字母具象化,更直白的传达与品牌关联相像的事物。 10、笔划删减 少即是多,简洁即是丰富。用最精炼的笔划表达更棒的意境! 11、穿插结合 用字体穿插可以增加设计的灵动感!

    2021年6月13日
    73
  • 设计师该如何做好职业规划

    职场人的职业规划一直都很重要,想要不断地进步就要找到一个方向,并且朝着那个方向不断的努力;设计师在职业生涯中要不断的进步,就需要在各个方面进行提升,并且保持良好的心态;本文作者分享了关于设计师做职业规划的思考,我们一起来了解一下。 最近和朋友聊天,发现一个问题,就是无论你身处哪个阶段,都会被同一个问题困扰:如何做好职业规划?每个人或多或少都会对自己的职业规划感到迷茫,最近我也思考了我的职业规划,有一些想法和大家分享一下。   一、为什么要做职业规划 我的人生我做主!我们所做的每一件事情都是有目标的。小到吃饭的目标是为了吃饱,大到 20 年后我将成为什么样的人;一个没有职业规划的人就像在航海中没有灯塔的一艘渔船,不知你的归途是哪里。 职业规划是一条指引我们向前走的路,人生的终点有很多,如果随意走,你的职业生涯也会变得随机不可控,制定规划最好的时间就是现在。   二、职业生涯中的各个阶段 每个人职业生涯中都要经历 3 个阶段:迷茫期、瓶颈期、平静期。   1. 迷茫期 每个阶段的设计师都会有迷茫期,它会让你不知道下一步该怎么走,就怕自己走错了路,毁了几年的青春;这个问题其实很好解决,你去请教几个比你经验丰富的设计师,通过跟他们的沟通,你就会慢慢的清楚自己该往哪走,不该往哪走。 在迷茫期,做决定一定要慎重。不要今天觉得我要做视觉、明天要做动画;在这个时期很容易头脑发热,所以一定要理智一点,多听听别人的意见。   2. 瓶颈期 初级升中级,中级升高级,都会有瓶颈期。在这个时期,你会觉得特别累,压力特别大。这都是很正常的,这个时期属于你的一个蜕变期,在这个时期你要抓住任何机会。蜕变成功,你就进阶;蜕变失败,你只能等下一次蜕变。   3. 平静期 这个时期是最舒适的,没有迷茫期的焦虑,也没有瓶颈期的压力;但恰恰是这个时期,是你时间最充裕的时期。 人与人之间的差距就是在这个时期产生的。 时刻让自己处于战时学习状态,几年后,你会甩之前同级别人好几条街。 如何做好职业规划? 以下几点帮助你理清思绪,少走弯路:   三、了解自己 1. 我的优势有哪些 每个人都有自己独特的优势,哪怕觉得自己平平无奇,你也有一些技能或见识优于其他方面。了解自己的第一步就是清楚的知道自己的优势是什么,这些优势是不是还可以再变得更有优势?每个人独特的…

    2021年6月21日
    26
  • B端产品如何做好工作汇报?

    工作做得好不好就看工作汇报得是否恰到好处,作为一名B端产品工作者,该如何进行汇报呢?作者从两个方面总结了相关工作汇报的技巧,我们一起来看下吧。 如何能做好工作汇报呢?如何让领导知道你是一个工作有态度、有思想且努力又上进的人呢? 一个标准的季度工作汇报需要包含四个部分:职责介绍、项目介绍、系统规划、个人提升。 而其中最重中之重的部分就是项目介绍了,具体说到讲什么项目,怎么讲项目你需要回顾下这个季度你上线了哪些项目。 有没有项目周期一个月及以上的项目?有没有数据很亮眼的明星项目? 如果有的话太好了你可以全篇只讲这一个项目把它讲透,大家就可以发现你的闪光点。如果没有你这个季度做的都是一些小项目,那也没有关系我们仍然有方法去凸显你的工作价值。 注:系统规划虽然也很重要但是我之前的文章已经详细写过,请参考B端产品如何在局部战场做好工作规划。 下面我们分这个季度你的成果是否有大项目两种情况来分别讲解你该如果汇报。 一、季度成果有大项目/明星项目 如果本季度你有项目周期一个月及以上的项目或是数据很亮眼的明星项目,那么恭喜你,你可以用如下3个步骤介绍你的项目:需求背景、解决方案、收益分析。 1. 需求背景 需要背景需要分别详细讲述:当时业务现状、存在问题、问题梳理。 这几项主要目的说明你通过对业务的了解,经过思考发现了怎样的问题,最终是怎样的问题决定你需要做这个项目,这个项目的重要性如何。 这里主要是需要体现出B端产品的主观能动性。我拿我之前做过的一个收益不错的项目为例: (1)当时业务现状 对于在线教育公司学生及家长对于服务体验的满意度十分重要,这意味着家长是否愿意继续续费。服务体验包括课中的上课体验,也包括课后的服务体验。 课后的服务主要包括作业批改&对学生表现做课后评价。经过数据分析显示这两项教师课后需要完成的任务完成率只有n%远低于预期。 (2)存在问题 为了探究问题原因,我按照老师的操作路径,尝试完成作业批改及课后评价,发现了问题。 原来老师需要通过课表一个班一个班去翻找,哪些学生提交提交作业了需要批改作业了,哪些学生的课后评价还没有评。整个过程就像挖宝一样,重复的翻找,充满着不确定性。 (3)问题梳理 老师课后任务完成率低,很可能是因为工作任务不直观导致。 2. 解决方案 解决方案需要分别详细讲述:业务梳理、功能介绍、项目规划、项目难点。 说好这几项代表着你对于…

    2021年7月13日
    20