美文网首页
五分钟商学院093|布局原则

五分钟商学院093|布局原则

作者: 麦子没熟 | 来源:发表于2018-02-22 21:23 被阅读0次

刘润5分钟商学院第二季第75篇笔记


概念:布局原则

罗宾·威廉在《写给大家看的设计书》里说,人们对“秩序”有着发自内心的需求。有秩序的布局,就是让人身心愉悦。打破秩序,杂“乱”无章的布局,就会让人不安、焦虑、排斥。这个“秩序”,就是组织性、一致性、统一性和互补性。

比如,这张名片,就不符合布局原则:

第一,要素之间没分组,缺乏“组织性”;第二,要素之间没对齐,缺乏内在的“一致性”;第三,要素之间没呼应,缺乏“统一性”;第四,要素之间没对比,缺乏“互补性”。

方法:布局四原则

1.亲密:让逻辑上相关的信息,表现得更亲密一些,比如靠近一些、放在同一个框里面,等等。亲密的本质,是体现“组织性”。

举例:图一中,中文、日文和英文分开展示名创冰泉特色。

图一

2.对齐:任何元素都不能随意安放,而应该与其他元素有某种视觉联系。这种视觉联系,就是“对齐”。

举例:图二中,虽然刻意练习这句话可以用一行说完,却为了与配图保持比例的统一拆成三行,且用了左对齐。

图二

3.重复:重复带来“统一性”,让你进一步看到所有元素间的关联。但是要记住,一致,并不意味着一样。每个视觉元素,毕竟是有差别的。

举例:图三中的课程表,虽然内容很多,但是反复强调时间轴,也是非常清晰。

图三

4.对比:强烈的对比,能在不同元素间建立一种有组织的层次结构,也就是互补性。罗宾说,“如果两个项不完全相同,就让它们不同,而且是截然不同。”

举例:图四通过最简单的颜色对比,突出了演讲者想讲的重点。

图四

相关文章

  • 五分钟商学院093|布局原则

    刘润5分钟商学院第二季第75篇笔记 概念:布局原则 罗宾·威廉在《写给大家看的设计书》里说,人们对“秩序”有着发自...

  • iOS URL encode与decode 笔记

    Encode: Decode: 一款轻量级的布局框架,自动布局 https://github.com/xjh093...

  • 093丨布局原则:亲密性、对齐、对比、重复

    每天5分钟,解决一个商业问题。欢迎收听,《刘润·5分钟商学院》,实战篇。 今天我们来学习产品设计中,几乎每个人都会...

  • 创意就是旧元素的新组合

    #闪电 朗读#DAY093-100 《每个人的商学院实战商业》 创意营销:创意就是旧元素的新组合 旧元素让人有熟悉...

  • 布局原则

    美并不完全是说不清道不明的,凡事都有秩序:设计的秩序就是组织性、一致性、统一性和互补性。四个布局原则:亲密、对齐、...

  • PCB学习:布局原则

    一、布局原则 遵照“先大后小,先难后易”的布置原则,即重要的单元电路、核心元器件应当优先布局。 布局中应参考原理框...

  • Meterial design与Ant design规范对比分析

    价值观及目标 设计原则 设计原则-布局 设计原则—导航 设计原则—视觉(颜色) 设计原则—交互模式 设计原则—动效...

  • #06-2你认真学了css?布局套路

    一、两种布局使用分析 float布局(定宽布局) flex布局(弹性布局)image 二、原则 不到万不得已,不要...

  • Android布局优化技巧

    一.总体原则:减少布局层次,加快渲染速度 当线性布局LinearLayout和相对布局都能使用时,优先使用线性布局...

  • Paper Collection - Autolayout

    SDAutoLayout:比masonry更简单易用的自动布局库 view布局的原则方法

网友评论

      本文标题:五分钟商学院093|布局原则

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