美文网首页
排版原则

排版原则

作者: LY的异想世界 | 来源:发表于2018-12-10 20:31 被阅读0次

排版四原则

  • 亲密性原则
  • 对齐原则
  • 重复原则
  • 对比原则

一、亲密性原则

1. 什么是亲密性原则?

关联性越高的元素,位置越近,从而形成一个视觉单元。通过亲密性原则,让内容更有组织性和条理性。

2. 如何实现

1)将内容按逻辑性分组,将相似的元素组织为一个单元。
2)眯起眼睛,观察页面中的元素个数,在3-5个之内。如果超过5个,那么页面中就存在孤立的元素,进行归类。
3)有意识的注意是怎么阅读的,眼睛从哪里开始,沿着怎样的路径,到哪里结束。

举个栗子,下面的这张图的排版就有点杂乱,阅读信息的时候不知道从那哪里开始到哪里结束,我读完专业认证是读mt4下载呢还是监管合规;再者市场有风险,投资需谨慎这个内容是和下面的风险说明为一组,空白间隔却很大,感觉是对立出来的一项。


调整前 调整后

二、对齐原则

1.什么是对齐原则?

页面中的元素不是孤立的,不能随意安放,都其他元素存在某种视觉联系。通过对齐原则,使元素更统一,内容看起来更清晰。

2. 如何实现

摆放元素时应当总能找到与之对齐的元素,尽管位置距离比较远。 页面中尽量使用一种对齐方式;避免使用居中排版。

对齐的方式有三种,左对齐,居中对齐,右对齐。
1)左对齐 左侧有一条隐形的线。是常用的排版方式,用于列表,文案,表单等
2)居中对齐 中间有一条隐形的线。居中排版很正式,稳重,但也很乏味,留白乱不规则
3)右对齐 右侧有一条隐形的线 。 用于表格中数字格式的对齐

举个栗子,例如下面的图用了左对齐又用了居中对齐,显得排版有点杂乱,所以一个页面中尽量使用一种对齐方式。


调整前 调整后

《写给大家看的设计书》

相关文章

  • 排版原则

    排版四原则 亲密性原则 对齐原则 重复原则 对比原则 一、亲密性原则 1. 什么是亲密性原则? 关联性越高的元素,...

  • 排版原则

    排版是有效设计最重要的组成部分之一。它由影响用户如何查看网络文本的多个方面组成。例如,可读性有助于排列字体,以便用...

  • 宇宙公民高效阅读 Day11

    文章排版的技巧: 1、排版的4个原则,2,排版的8个小技巧。 第1个原则,文章排版要有固定的风格。统一的风格可以增...

  • 趁早·PPT模拟人生100天 Day 43:排版四原则之二对比

    前情回顾:设计排版第一原则——对齐。 本课要点:设计排版四原则之二——对比。 对比原则:创造焦点~避免页面上的元素...

  • PPT排版原则

    一、对齐原则 1,通过参考线(alt+F9)查看图标是否在正中央。可以开启参考线后拖动图标,也可以直接拖动图标当图...

  • PPT排版原则

    PPT排版应遵循的5个原则 第一个原则,对齐原则。对齐的方法主要是充分利用好参考线,参考线可以在PPT设置里面直接...

  • 页面与交互设计

    页面排版原则 元素在页面构成中排版要遵循四大原则:对齐、亲密性、重复、对比 页面元素包括: 内容与行为 ...

  • 【工作中~手绘宣传海报】

    排版及颜色搭配原则:简洁、美观、醒目 海报内容整理原则:卖点突出、清晰易懂

  • PPT排版那些事儿

    做PPT排版不是个简单的事儿,每次都要做半天,今天胡奎老师教我们5原则轻松玩转PPT排版! 一,对齐原则 1借助参...

  • PPT排版五原则 2019-08-11

    今天学习了PPT排版五原则,通过排版后的PPT,不论是封面页,还是目录页、转场页内容页、结尾页都会清晰明了。 原则...

网友评论

      本文标题:排版原则

      本文链接:https://www.haomeiwen.com/subject/hyrrhqtx.html