快速提高排版设计水平的4大技能的基础培训课件

1快速提高排版设计水平的四大技能【PPT排版/设计排版/通用培训课件】亲密性对齐版式设计四大原则对比

重复对于版式设计的四大原则（亲密性、重复、对齐、对比、）相信大家都听说过，也会有一些了解，但是我们理解的理论为什么无法应用到设计中呢?往往就是因为知识体系形不成一个完整的“闭环”今天就从四大原则原则开始入手，帮助大家一步步的构建起自己的理论城堡，并且会通过一些版式的演绎，来反复验证理论的可操作性。1Whatistheprincipleofintimacy?什么是亲密性原则？亲密性>相关联的项目组织在一起物理位置的接近就意味着存在关联打个比方，在生活中我们逛市场时，一定知道卖水果和卖肉的不是在一个地方，虽然都属于食品，但是因为属性和需求不同所以不会放在一起。在设计中我们同样也会遇到类似的问题，但是我们就不知道怎么办了，比如很多人把两个不相干的东西放在一起就会造成视觉逻辑的混乱，就相当于你想吃苹果，然后你去市场买了个钢笔回来。概括功能控制元素空间秩序把握元素关系亲密性对段落文字的影响>概念具象化<思想性与单一性排版设计本身并不是目的设计是为了更好的传播客户信息的手段。设计师以往中意自我陶醉于个人风格以及与主题不相符的字体和图形中,这往往是造成设计平庸失败的主要原因。一个成功的排版设计,首先必须明确客户的目的,并深入了解、观察、研究与设计有关的方方面面简要的咨询是设计良好的开端。版面离不开内容,更要体现内容的主题思想用以增强读者的注目力与理解力。只有做到主题鲜明突出,一目了然,才能达到版面构成的最终目标。艺术性与装饰性为了使排版设计更好的为版面内容服务,寻求合乎情理的版面视觉语言则显得非常重要,也是达到最佳诉求的体现。构思立意是设计的第一步,也是设计作品中所进行的思维活动。主题明确后,版面构图布局和表现形式等则成为版面设计艺术的核心,也是一个艰难的创作过程。怎样才能达到意新、形美、变化而又统一,并具有审美情趣,这就要取决于设计者文化的涵养。所以说,排版设计是对设计者的思想境界、艺术修养、技术知识的全面检验。1亲密性调整前2亲密性调整后思想性与单一性排版设计本身并不是目的设计是为了更好的传播客户信息的手段。设计师以往中意自我陶醉于个人风格以及与主题不相符的字体和图形中,这往往是造成设计平庸失败的主要原因。一个成功的排版设计,首先必须明确客户的目的,并深入了解、观察、研究与设计有关的方方面面简要的咨询是设计良好的开端。版面离不开内容,更要体现内容的主题思想用以增强读者的注目力与理解力。只有做到主题鲜明突出,一目了然,才能达到版面构成的最终目标。艺术性与装饰性为了使排版设计更好的为版面内容服务,寻求合乎情理的版面视觉语言则显得非常重要,也是达到最佳诉求的体现。构思立意是设计的第一步,也是设计作品中所进行的思维活动。主题明确后,版面构图布局和表现形式等则成为版面设计艺术的核心,也是一个艰难的创作过程。怎样才能达到意新、形美、变化而又统一,并具有审美情趣,这就要取决于设计者文化的涵养。所以说,排版设计是对设计者的思想境界、艺术修养、技术知识的全面检验。亲密文字调整数字前亲密性在內文中的作用主要表现在梳理信息调整后,通过距离的划分,我们可以做出清晰关系,帮助我们建立起完整阅读逻辑,例如我的阅读引导,很多设计不知道信息该如何处们清晰的知道,每一个小标题他们都是一个内理,亲密性是最好的解释。下面给大家一些调文的概括,可以看到调整前明显阅读是不通畅整段落文字的数值参考。的,没法清晰的看到每段话的核心到底要表达什么。调整后,通过距离的划分,我们可以做出清晰的阅读引导,很多设计不知道信息该如何处理,亲密性是最好的解释。下面给大家一些调整段落文字的数值参考亲密文字调整数字后段落文字调整数值参考设一个字符的字高为X行距=1X段距=1.5x~2x亲密性对标题信息的影响版式设计的魅力版式设计的魅力亲密性调整前亲密性调整后●空间上看整体,从视觉灭点调整,人的正常阅读逻辑是从上及下,从左及右从亲密性原则也可以解释我们为什么文字正常阅读不能贴边放置,假设文字到边缘的距离小于了文字本身的行距,这时候你的亲密性语言是,他和边缘更亲密,而并非和文字本身。●信息里看局部,信息本身也需要亲密性划分,字里行间的距离要明显小于信息之间的段距,这样才能保证我们的亲密性语言表达出的是文字本身自成一组而信息之间的间距就是版式设计里的“国界线”这就是标题的细节。亲密性对视觉元素的影响主标题视觉化从功能上解读亲密性,我们可以把有相同属性的东西放在一起,就像卖苹果的柜台里可以有红富士也可以有黄元帅,因为他们都是苹果。同理,主标题和内文可以放在一起,因为他们都属于视觉性的元素,但是就会存在这样一个问题,有些海报并没有把主标题和主体放在一起,难道是亲密性不管用吗?其实并不是的,下面就给大家解答这个疑惑。>主标题信息化比如这个海报,他的主标题并没有和主体靠近,主要是因为主标题是一个中性体,他有两种属性,他不同于内文主阅读,也不同于图片主视觉,他是介于两者之间的一种要素,具体让他怎么应用这就需要看项目的需要以及设计师个人的判断。>字属性图属性主标题的阅读性主标题的视觉性主标题字属性，主要是把文字进行简单的编排就可以，关键的难点在于如何让主标题进行图属性处理，那么接下来给大家这几种常用的方法，这样的手法可以让画面整体的视觉形式更加丰富。文字路径化字体设计与图片交互与图片交互文字与主体叠压利用字形本身>样机效果图<抽象海报的意义就在于，它没有那么多的干扰元素存在，而是尽可能的去接近版式骨骼的东西，虽然看起来最后的成品图与一开始调试亲密性的部分关系不大，但是这些都是在设计的时候不可或缺的步骤，可以添加技法可以添加形式，但是最根本的还是版式的硬性规范以及思考制作的流程。为了让大家理解把学到的东西应用到商业设计里，下面这个案例带来的是一个“麻辣小龙虾”的案例，因为设计时会带有一定的商业味道在里面，相对的艺术的形式就会减弱，还是那句话，硬性的规范和思考的流程都是相通的。这一步把实物结合上手绘，是为了拉近美食与你的距离，因为这种不规则的手绘线条会直接性的让人感觉“接地气”好吃的东西就是得“端到你的面前”消费者才肯消费，同时这也是一种艺术化的处理方法，可让商业设计里的“商业味道”不是那么浓郁。红色区域内的空间看起来会稍微有一些空，从点线面的角度思考，面更合适存在于主标题与主体之间，这样可能让他们变得更加整体视觉性更强。小结summary亲密性在画面中的表现,更多的呈现出的是信息归组,利用的是不可视的空间关系来推动画面信息空间Summary的变化,所以常常会被忽略,但是经过了整体的认知后可以让设计变得更加具有逻辑性。>2什么是对齐原则？WhatisAlignmentprinciple?对齐>任何元素都不能随意摆放元素之间一定要保持一定的视觉联系间距也有均衡的节奏对齐原则0102050304概括功能视觉逻辑秩序要素统一整理,对齐在某种程度上是与亲密性相互依存的，亲密性控制的是元素空间的秩序，而对齐原则控制的是画面的视觉逻辑秩序。人的视觉都是都喜欢看整齐、清晰明了的事物，设计中的元素整齐、结构清晰能帮助我们更好的表达信息，也提高了观者的阅读体验。对齐的根本是使画面中的各要素有机合理的整理起来。对齐的效果也就相当于整理你的衣柜。左对齐强制左对齐右对齐顶对齐底对齐居中对齐常用对齐也可以称之为通用对齐，不管是什么项目我们都可以使用即为“通用”不常用的对齐也有很多，主要针对一些独立的信息，例如一些日期，电话，地址这种带有独立属性的信息，或者特殊的项目，例如中国风的项目就经常会使用到右对齐的形式。对齐原则对版面的影响亲对齐调整前亲对齐调整后下面欣赏一组图片，各个领域对于对齐都是非常重视的，如果说亲密性是链接信息的天线，对齐原则就是信息的归纳箱，使其具有秩序和条理。很多刚入行的设计师对齐对的一塌糊涂。如果在前期协调不了画面那么多的对齐方式，建议只使用一种。有研究表明就连婴儿都会在意秩序这件事情，所以在做设计的时候一定不要翻这种连小孩子都看得出的问题。案例实操对齐原则对齐原则的影响用画册来演示对齐原则对画面的影响会非常明显.不能随意安放对齐原则的核心讲的就是画面中任何一个元素都不能在页面上随意安放。.视觉联系每一项都应当与页面上的某个内容存在某种视觉联系.内在位置反复强调这个概念就是因为对齐并不是指的是对齐形式而是元素与元素的内在的位置关联。.案例实操>样机效果图<3什么是对比原则？Whatistheprincipleofcontrast?对比>页面上的不同元素之间要有对比效果达到吸引读者的对比效果。控制画面节奏制造画面焦点10%90%对于信息来说适当的对比可以让信息层级更加清晰明了，同一层级的信息更加丰富。对于画面整体来说恰当的对比可以很好的制造出焦点（画面主体）当我们需要突出某一个元素的时候，其他的元素相应的就要做出对比关系，才能保证主体的突出。对比广泛的存在于我们的生活中，对比的形式也是多种多样的，例如身高的高矮对比，体重的胖瘦对比，速度的快慢对比等等。在设计领域内，对比是最常出现的形式对比的形式：下面举几个生活的例子，让大家初步理解对比的基本形式看了这么多对比形式，相信大家都有一个疑问，就是这么多的对比形式要如何应用在设计中，应用在设计中的时候又改如何选择呢？下面会分为两个大板块，从文字、图片，设计作品应用三个角度细致拆分，对比的各种应用环境及设计的思路。对比原则，在文字的表现对比原则在文字中的作用主要表现在可以控制文字的阅读节奏,清晰文字的主次关系,层级关系。这里的层级不同于之前讲到的,而是通过最简单粗暴的大小变化来制造层级。可以看到调整前明显找不到阅读的核心在哪,换句话说不知道是中文为主,还是英文为主。调整后,通过大小,明度,粗细的变化做出了丰富的对比;可以清晰的看出哪部分信息是需要第一时间看到的,哪些信息是辅助存在的,当然也需要亲密性原则的辅助我们控制距离。对比调整前对比调整后对比原则，在标题排版的选择陈列文字大小对比更换字体错位调整对比原则，在图片的表现解析：设计作品中的对比原则解析：设计作品中的对比原则解析：设计作品中的对比原则解析：设计作品中的对比原则·对比要清晰强烈··根据项目气质选择对比形式··灵活利用对比制造焦点··参与对比的对象不能过多·4什么是重复原则？重复>Whatistheprincipleofrepetition?设计的某些方面需要在整个作品中重复这样可以建立起隐形的视觉联系。重复原则LOREMIPSUMLOREMIPSUMLOREMIPSUMLOREMIPSUM并不局限于字体、颜色，他可以是画面中任意一个视觉元素。使用重复原则的好处是统一且可以增强视觉效果。如某一个符号、一条线段、一种格式、一种图片、一种留白方式、一种空间关系等等.重复原则在设计中，生活中的应用极其广泛，重复的形式也是多种多样的我们看了这几个摄影图，已经初步了解了什么是重复，重复的概念是同样的形在一个环境中多次出现,称为重复。包括形的重复、色彩重复、质感重复、方向重复、位置重复、空间重复和重量重复等......重复并不是一味的复制重复分绝对重复和相对重复。Tips:通常绝对重复的东西很少出现在商业设计李，比如家里的瓷砖上的花纹，欧式建筑上的纹路等····，设计中使用相对重复手法会更多一些，下面给大家带来几个设计案例，让大家更具象的理解绝对重复合相对重复的区别，并且知道如何应用在设立里。设计中的重复大家可以明显看到这里明显属于利用重复原则做出的画面,但是他并不是无脑的复制,而是利用了很多不同的形态,产生了大小,远近,数量上的变化,这样做的好处是不会让人觉得枯燥乏味,因为人的视觉一直看相同的物体会产生疲劳。设计中的重复这个设计是想利用重复来做出一种格调利用圆的重复出现给人以统一的感觉,然后有意的在脸上制造一个特异的单元,人的视觉就会被牵引过去,这样的手法是种很巧妙的引导视觉的方法。设计中的重复利用主体的多种角度进行重复，这样能在保证统一的同时又不至于让人觉的台枯燥。设计中的重复利用主体,做出大小的变化,利用多次重复做出前后遮挡关系,这样做的好处是不会