富有冲击力的排版设计原理

2016-02-17 03:52 6 1 收藏

下面这个富有冲击力的排版设计原理教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - 平面设计 】

富冲击力的排版使这张学生会成员介绍的设计显得非常突出,它比普通的那种傻乎乎的团队照效果更好,因为设计师可以灵活安排其中每个人的照片,使到整体既具有一种团队的氛围,但同时又能显示出每个人的特性。

一、门票:大门票产生大印象

读者特利发给我们一张他设计的洗车券,这张洗车券是他希望为他儿子的游泳队筹集在游泳池训练的各种费用而举行的一次洗车筹款,而它的有趣之处就在于其尺寸相当抢眼:

富有冲击力的排版设计原理,PS教程,图老师教程网

没有人会对它视而不见:这张洗车券是一般门票尺寸的两倍之大,设计起来也很容易,从视觉上也非常能吸引有兴趣的消费者。大图片及大标题使这张洗车券产生一张海报的视觉效果,效果当然不错。

富有冲击力的排版设计原理,PS教程,图老师教程网

富有冲击力的排版设计原理,PS教程,图老师教程网

二、名片:单纯由文字构成的名片一样可以设计得好看

无论是什么样式,花些心思设计的名片总会比简单将文字放上去的名片要传达出更多的东西,我们如何将一张单纯由文字构成的名片设计得更漂亮?

富有冲击力的排版设计原理,PS教程,图老师教程网

修改前的名片并没有经过设计,只是堆彻。就象你在屋里摆放家具一样,只是将家具随意摆到角落里,没有精心的布置。这张名片,全部信息都一目了然,但这些信息并不吸引人,米色的背景也显得很普通,就象在人群中的一个普通人,没有人会注意你。

富有冲击力的排版设计原理,PS教程,图老师教程网

而上图,同样的信息,却是经过设计的。自信的名字及职务在白色的卡片上左对齐,突出了Glorietta本人,而不是那个了无生气的企业名称,并且该老兄是一名科技作家,有意识的排版突出了写作这一抽象意义。较大的文字自动传达有效的信息沟通。通过对比(大/小,衬线体,非衬线体)形成有组织、有目的的构成,传达出一种简朴的风格,但并不乏味。如果还想更引人注目,可以象下面一样更换一下颜色区域:

富有冲击力的排版设计原理,PS教程,图老师教程网

三、烹饪配方卡片:用视觉来传达营养

你如何设计一张与烹饪配方相关的宣传卡片?不要将那些用料简单地用文字列出,显示它们!这个方式适用于任何指引性的设计项目。

富有冲击力的排版设计原理,PS教程,图老师教程网

修改前:简单地将各种用料用文字罗列出,显得简单,但也显得普通,如果我们用具体的图片来表示出其用料,看看效果如何?

富有冲击力的排版设计原理,PS教程,图老师教程网

修改后的版式充满色彩及味道!关键是它还显得独特。虽然你也知道芫荽是什么东西,但用图片表示出来后,通过视觉辅助,我们对这道菜式会比单纯看文字有更多的味觉想象。留意我们的各种配料都是在白色背景上干净地呈现出来,每一种都加上一些阴影,进一步加强了视觉的真实性。看了修改后的卡片,你是不是已经食指大动?

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

四、标志:线条构成显得更酷

我们很喜欢DELO小岛烧烤店的菜单,因为在我们的眼中它显得很酷,它只是由黑白线条(没有灰度)构成,这些线条构成了餐厅的标志及名称。既经典又实惠的设计!

富有冲击力的排版设计原理,PS教程,图老师教程网

富有冲击力的排版设计原理,PS教程,图老师教程网

富有冲击力的排版设计原理,PS教程,图老师教程网

(上图是在Indesign软件中制作,但其描绘功能与AI基本相同,或其它的矢量软件均一样可轻易制作)

五、照片排版:团队精神

你有一个团队,但却没有一张合影照,那如何在设计中显示团队精神?我们将个人照片并列,但选择一个人作为其中的领头人物,这种设计既灵活又给人印象深刻。

富有冲击力的排版设计原理,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

合影照片当然很适合表现团队精神,但它又会限制表现每个人的个性。更加灵活的选择是将每个人的单独照片合起来形成一个令人印象深刻的排版。如果照相时的背景你可以选择,尽可能让每个人的背景及灯光接近,照的时间不要仅照头部,最好拍到整个上身,照片清晰度要高。

富有冲击力的排版设计原理,PS教程,图老师教程网

最后,这个学生会成员的设计就变成上图这样,其中学生会主席的形象显得更加重要且成为一个焦点。该设计主要通过三个步骤即可完成:

富有冲击力的排版设计原理,PS教程,图老师教程网

第一步是将照片剪切得基本一致,头部尺寸及眼睛水平线都应该尽可能一样(当然,由于各人姿态不一样,允许有一些差异)。

富有冲击力的排版设计原理,PS教程,图老师教程网

一旦定下各人的尺寸后,最重要的第一个人物不要剪切,但去掉其身后的背景。

富有冲击力的排版设计原理,PS教程,图老师教程网

富有冲击力的排版设计原理,PS教程,图老师教程网

富冲击力的排版使这张学生会成员介绍的设计显得非常突出,它比普通的那种傻乎乎的团队照效果更好,因为设计师可以灵活安排其中每个人的照片,使到整体既具有一种团队的氛围,但同时又能显示出每个人的特性。使这些学生与观看的人在情感上距离更近。这样的排版另外的好处就是能够让你在版面空间的安排上更灵活,并且有更多的空间给你的放置标题及文字。

来源:http://www.tulaoshi.com/n/20160217/1578237.html

延伸阅读
PS调色:增强图片视觉冲击力 本教程除了调色之外还融入了很多装饰元素。画面效果非常壮观,尤其是后期颜色调整的非常有视觉冲击力。教程中作者没有提供教材中的一些用到的素材,需要自己去网上下载。 原图 最终效果 1、文件/打开图TuLaoShi.com像。调出需要处理的图片。 PS调色:增强图片视觉冲击力(2) 2、图层/新建调整图层/...
来源:站酷 作者:小武QQ1061399286 设计类网页最重要是创意,画面要有一定的新意和视觉冲击力。因此在选择素材的时候多选一些艺术感较强的图片,然后发挥想象去渲染,做出自己满意的效果。 最终效果 1、新建一个895×307px的图层,分辨率为300,背景颜色为白色,颜色模式为RGB。 2、打开人物素材,拖到刚刚新建的图层上面。 ...
扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖。 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计风格更适合你的产品,就像你问我水和酒哪个好喝一样,我没有办法回答,只能看此时你最需要什么。 首先我们来看看为什么会出现扁平化...
标签: PhotoShop PS PS教程
PS如何让商品图片更有冲击力 调整后的图片: 第1步: 打开你的商品图片,这里我们用的是一张柠檬的图片。 第2步: 我们先要将柠檬从底色中抠出,你可以使用钢笔工具或套索工具来抠图。建立选区之后Ctrl+J来将其复制一层。 在柠檬图层的下方新建一层,命名为背景层。为背景层填充从 #292C2F 到 #0...
标签: PS PS基础
有的时候,一张普通的照片没有什么亮点特色,这个时候你就可以给它增加一些视觉冲击力。下面我要说的是一种增加视觉冲击力的方法,你会发现它是非常有用的。所有关于修复照片的方法,它并不能修复一张质量很差的照片,所以你可以去尝试修复,但是不要抱有太大的希望。 在我们开始之前,我们先来比较一下处理前和处理后的照片效果。处理后的照...

经验教程

501

收藏

96
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部