zoukankan      html  css  js  c++  java
  • 《写给大家看的设计书》读书笔记(二)

    第二章 亲密性

    作者第一章总结性的指出,设计的最基本的四大原则。那从第二章开始就详细的对这四大原则进行剖析。首先从四大设计原则之亲密性开始。

    所谓亲密性,通俗的讲就是将内容信息分文别类的摆放,让用户快速的找到所需要的信息。即作者所说的将相关的项组织在一起。

    接下来,作者通过一系列对比的设计实例,一步步的阐述亲密性的原则。

    实例1:物理位置的接近就意味着存在关联。(右边的列表,一眼就能看出来后面的4种花与其他花是不同的,你觉得呢?)

    实例2:亲密性意味着存在关联。(右边的名片将相关的元素分在一组,使它们建立更近的亲密性,用户可以一眼看到自己所需要的信息,无论从理解上还是视觉上都很有条理。)

      

    下面的几个对比设计实例,也都体现了突出亲密性项的原则。(右边的可以让用户快速的看到整体的内容以及他所需要的内容,条理性很强。)

          

    亲密性总结:

    如果多个项之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素。彼此相关的项应当归在一组。要有意识地注意你是怎么阅读的,你的视线怎样移动:从哪里开始;沿着怎样的路径;到哪里结束;读完之后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束。

    根本目的:

    亲密性的根本目的是实现组织性。使信息更有条理,更容易阅读,页面更美观。

    要避免的问题:

    不要仅仅因为有空白就把元素放在角落或中央。

    避免一个页面上有太多的孤立的元素。

    不要在元素之间留出同样大小的空白,除非各组同属于一个子集。

    标题、子标图表标题、图片能否归入其相关材料?在这个问题上一定要非常清楚(要避免一点含糊)。

    不同属一组的元素之间不要建立关系!要把他们分开。

    为明天感谢,今天努力的自己!

  • 相关阅读:
    Django模板系统
    __new__与__init__的区别
    django中models field详解
    快速入门mysql
    jq2
    jq
    前端 js 部分
    前端 js
    前端 css
    前端 table form
  • 原文地址:https://www.cnblogs.com/shen88/p/5278347.html
Copyright © 2011-2022 走看看