4大排版原则——亲密性、对齐、对比、重复

Notes:4大排版原则——亲密性、对齐、对比、重复

【4大排版原则】
亲密性、对齐、对比、重复。这4个原则是可以打破的,但绝对不可以被忽视,打破规则之前你必须知道规则是什么。


【亲密性】
1. 含义:将相关项组织在一起。在一个页面上,位置接近就意味存在着关联。因此相关的项应当靠近,归组在一起。

2. 作用:分组;留白。

3. 方法:
1) 如果页面太过拥挤,那就适当缩小字号后再将段落拉开,然后通过添加编号或者通过首字增大将区分得更明显;
2) 当条目比较多时,将内容分栏或者列表;
3) 通过设置相同的颜色,观众可以自然而然地从首字读到后面的句子。


【对齐】
1. 含义:每个元素都应当与页面上的另一个元素有某种视觉联系。

2. 原则:
1) 一般情况下,页面上只使用一种文本对齐。但若想在同一页面上同时右对齐和左对齐文本,一定要让这些文本以某种方式对齐!
2) 如果设计中的对齐很明确,那么可以有意识打破对齐,但一定要表现出这是有意的。

3. 方法:找准一条明确的对齐线,并用它来对齐。

4. 分类:
1) 右对齐/左对齐:充分利用亲密性,并结合明确的右对齐或左对齐。

2) 居中对齐
a) 文本居中,文本块不居中;
b) 将文本放在页面上方,增加紧张性;
c) 在居中布局中设置一种非常随意、有趣的字体。

3) 其他对齐
a) 文本行水平摆放,则按其基线对齐;
b) 如有图片元素,将其边界与页面边界对齐;
c) 与版心线对齐;
d) 元素之间对齐。元素之间是通过“看不见的线”实现对齐的,这些对齐参考线可以是直线或规则的曲线;
e) 对齐到网格。


【对比】
1. 含义:如果页面上的元素不相同,那就干脆让它们截然不同,以吸引读者眼球。

2. 方法:首先划分层次,多打几个回车将统一层次的要点分成多个并列的条目,然后使用不同的字号区分层次,最后使用点、线、面等修饰元素突出重点。

3. 分类:
1) 文字的对比
a) 字号对比。在字号的对比上不必保守,大胆使用强烈的字号变化效果往往更好。

b) 反白。反白是使用底部色块修饰文字。色块能够强烈地增大文字的视觉比重,效果非常明显。矩形色块很常见,但太平稳,而使用贴布条等图形元素来替代会更有新意。

c) 方向对比:
·向右上倾斜的字体产生一种前进的力量,向右下倾斜则相反;
·水平文字与瘦高文本列的对比;
·不要在角落里放有角度的字体。

2) 图片的对比:局部放大、背景黑白、虚化、局部遮盖。


【重复】
让视觉要素在整个作品中重复,能够实现整个PPT风格的统一,包括统一颜色方案、字体字号、文本行距、项目符号、图表风格、对齐方式、图片风格,或者一种特别的字体。

不要把重复用得太滥,而应当尽量“采用多样性实现统一”。也就是说,如果一个重复元素很明确(如一个圆),那么可以采用多种不同方式重复这个圆,而不是简单地重复同一个圆。


【排版的过程】
1. 亲密性。将信息按逻辑进行分组,确定这些组之间的关系,并通过组之间的亲密性来显示这些关系。
2. 对齐。在页面上组织文本和图片时,要建立并维护明确的对齐。
3. 对比。除非你已经决定要建立一个非常协调的设计,否则就应该建立强烈对比,吸引读者的视线。
4. 重复。为建立重复,可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复,再看看是否适合加大重复力度。

转载于:https://my.oschina.net/u/3537796/blog/1815349

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
《写给大家看的设计书》出自一位世界级设计师之手。复杂的设计原理在《写给大家看的设计书》中凝炼为亲密对齐重复和对比4个基本原则。作者以其简洁明快的风格,将优秀设计所必须遵循的这4个基本原则及其背后的原理通俗易懂地展现在读者面前。《写给大家看的设计书》包含大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。   《写给大家看的设计书》适用于各行各业需要从事设计工作的读者,也适用于有经验的设计人员。 作者简介   RobinWilliams世界著名的设计师、技术专家和畅销书作家。通过写书和授课,她已经影响了整整一代数字设计师。同时,作为Adobe和Mac技术社区内的偶像级专家,她拥有大批的拥戴者。她是PublishMagazine、AdobeMagazine等杂志的专栏作家。是MacWorldExpo等业界重要活动和组织的顾问委员会成员。还创办了SantaFe电影艺术学院。除本书外,她还著有几十部畅销图书和获奖著作,包括TheNon-Designer'SWebBook、RobinWilliamsDesignWorkshop、TheLittleMacBook等,有的书已被翻译为15种文字。产生了世界的影响。 编辑推荐   有大师指导,人人都能成为设计师!优秀设计就这么简单:C.R.A.P四条基本原则,生动幽默,图文并茂,让你手不释卷、欲罢不能。   在这个创意无处不在的时代,越来越多的人需要成为设计师。简历、论文、做演示用的PowerPoint、个人主页、博客、社团活动海报、给客户的信函或者电子邮件……。处处都在考验你的设计能力。   美术功课不好?没有艺术细胞?毫无设计经验?   没关系!在设计大师RobinWilliams看来,设计其实很简单。在这部畅销全球多年、影响了一代设计师的经典著作中,RobjnWilliams将优秀设计的秘诀归纳为对比、重复对齐亲密四条基本原则,并用简洁通俗、幽默生动的文笔,同时配以大量经过修改进行前后对比的实例图解和设计练习(并提供解答),直观而清晰地传授给读者。通过《写给大家看的设计书》,普通读者很快就能够自信地设计出专业级别的作品,而专业设计师也将从中获得灵感和解决问题的途径。 毫无疑问,这个世界设计无处不在,优美的设计会得到会心的微笑和由衷的赞赏。然而,想从事设计或在设计边缘的人们未必有机会学习专业的设计。实际上,设计不仅仅是专业设计师的事情,比如,我是从事前端的开发的,虽然绝大部分时间是和HTML、CSS、JavaScript等这些代码打交道,但我需要维护自己的blog,需要做自己的幻灯片,更重要的是需要能够理解且欣赏视觉设计师的作品并实现它。如果我懂得设计,我肯定可以做的更好更专业,并能够提出建设的意见。我想,类似的场景不仅适于我,也一定会适于你。所以,当我看完这本《写给大家看的设计书》(The Non-Designer‘s Design Book)时,我认为它是一本可以推荐给大家看的设计书。 这本书就是为了表明“优秀的设计就这么容易”,它仅有200页,相当容易读完。为了表明学习和实现起来相当容易,只需要你完成三步就可以办到: 学习4大基本原则 它们比你想象的要简单 认识到自己没有运用这些原则 形诸文字–陈述问题 应用基本原则 结果将使你大吃一惊 很明显,4大基本原则是核心,作者用了近80页来阐述这4个基本原则,这也是这本书的核心部分。正如作者所说:“一旦能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,使它在你的掌控之中。”所以,我就毫不犹豫的列下这4个基本原则,因为它们“怎么强调都不过分”: 对比(Contrast) 千万不要畏畏缩缩。 如果两个项不完全相同,就应当使之不同,而且应当是截然不同。 在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。 对比的根本目的有两方面,这两个方面相辅相成,无法分开。一个目的是增强页面的效果,另一个目的是有助于信息的组织。 重复(Repetition) 设计的某些方面需要在整个作品中重复重复不仅对只有一页的作品很有用,对多页的文档设计更显重要。 重复的目的就是统一,并增强视觉效果。不要低估页面视觉效果的威力,如果一个作品看起来很有趣,它往往也更易于阅读。 对齐(Alignment) 任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在着某种视觉联系。 勇敢一些,不要畏缩,绝对不要居中。找一条明确的对齐线,并坚持以它为基准。 对齐的根本目的是使页面统一而有条理。 亲密(Proximity) 物理位置的接近就意味着存在关联,实际生活也是如此。 如果多个项目相互之间存在很近的亲密,它们将成为一个视觉单元,而不是多个孤立元素。 亲密的根本目的是实现组织。 这4大基本原则是组合拳,完全能够打出专业的设计作品。或许你会感觉到这4大基本原则太死板,束缚了你,但如作者所言“在打破规则之前必须清楚规则是什么”。这就像现在所有人都挂在嘴上的创新一样,如果连参照物都没有搞清楚,何来创新呢?当你“指出问题,你就能找出解决方案”。所以“只要你有意为之,有时完全可以任意地打破常规”。 后半部分是颜色、字体和综合应用技巧,或许因为文化的差异和专业的问题,让它们看起来有点像鸡肋,其实如果你仔细去了解,你会发现应用的原理是相通的。 这是一本很务实的书,有大量的案例说明、练习、测试和小节,里面介绍的内容不仅仅适用于传统的印刷设计,同样也适于Web设计,只不过侧重点可能有所不同,正如作者强调“ 在一个好的Web设计中,最重要的两个因素就是重复和清晰”。“不要忘记,我们的最终目的是为了更好的表达信息”,“如果一个作品看起来很有趣,它往往也更易于阅读”,这应该就是我们学习设计的终极目标吧。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值