陆陆续续抽空，大概花了1个月的时间看完了《写给大家看的设计书》，这本书本身是非常好读的，如果大家能静下心来，一个下午的时间可以看完，然后再在平时的工作中去不断实践就好。最近对设计类的书颇感兴趣，后续我会再继续阅读和分享10本左右的设计方面的书。我们还是来谈谈这本书中的干货吧，希望我的努力能带给你一点帮助。
阅读这本书，要牢牢记住四个基本原则：亲密性，对比，重复和对齐。整本书都是贯穿这个主旨来说的，也是作者认为文档排版和文字排版最重要的的设计准则，只有牢牢掌握了这些规则，你的文案和原型才能做出来让人看起来舒适，能根据你的思路去阅读。下面就这四个原则来分享一下。
亲密性：
解释：作者认为将相关的项组织在一起，移动这些项，使他们的物理位置相互靠近，这样一来，相关的项将被看做凝聚为一个整体，而不再是一堆彼此无关的项 。
比如标题与其相关项应尽量靠近，并具有相似的地方。无关的项不应靠近，这样会给读者马上了解页面的组织和内容。
内容和下面的表格挨得很近，一眼就能让人知道两个事相互关联的。
看下面的图
而当内容隔开了一点距离，我们就会怀疑上面的不一定会跟下面的表格有很近的关联性
这张名片其实有比较多违背原则的地方。我们首先来看看他的亲密性。
本书中也有个名片的例子，左图是不是看起来让人眼睛要去停留5次，不知道从哪里开始，哪里结束；右图是不是明显比左图看起来有重点，条理清楚，层次分明一些。能很容易的获取它所要表达的信息。
再看一组期刊的例子，左上角的两个看起来非常有亲密性关系，但仔细一看Amazing,peculiar,educative到底是用来形容society还是Papers呢？而日期和期号都是标识这一期刊物，是不是可以更靠近一些。第二个调整后的额图，看起来是不是更清楚。这里还做了几件事1.把圆角变成了直角，使刊头外观更简洁，更突出；2.把天鹅图放大，超出边线，这里必须让他更显眼；同理标题放大，变为白色。3.文字左对齐，三种字体也更协调，也是进行了调整，这个后面再讲
在创建表单的时候，你要清楚，哪些信息在逻辑上存在相关性，知道哪些是要强调的，哪些是不用强调的，可以通过分组的方式来明确这些信息。
下面的一个练习，要表达开Party的地方，想创意性的表达，但是一眼过去很凌乱，什么时间在哪里能看的出来么？
我们可以根据亲密性原则来排列，这些。谁，做什么，什么时间以及在哪里。首先要通过简单的表述来让客户一眼看懂。
要怎么去做亲密性，可以从距离，字体，颜色等方面上一些元素来进行亲密性组合。
再看一组图，左图里的标题与内容的间距都相等，无法知道标题是属于上面的文本的还是下面的文本。同时应该将图片放大相同内容的文本进行对齐。看看我们做了哪些改变。
1.标题与副标题一起，条理更清楚；
2.页面上看起来有更多的空间，传单不那么拥挤；
3.电话号码和Email分行放置，与其他信息分开，这样就能作为重要信息突出出来。
4.居中对齐改为左对齐。留出更多空间给图片。
最后再看一组调整前的对比和调整后的对比。给单独菜单之间留更多的空间，将大写改为小写，是不是可读性变的更高了。
进一步进行改变，可以让价格对齐，副标题和说明进行缩进，能直观区分开。
下面这个排版就很凌乱，右边给他调整一下，主副标题根据亲密性原则应该调整再一起，突出重要的内容进行排版。记得进行左对齐。
总结：亲密性根本目的实现组织性。只需要简单的相关的元素分在一组建立更近的亲密性既可。信息有条理，更容易阅读。
如何实现：统计你的眼睛停顿的次数来数一数页面上又多少个元素。如果超过3~5个，就要看哪些可以进行组织归纳，形成一个视觉单元。
要避免的问题：
不要因为有空白就把元素放在角落或者中央；
不要有太多孤立的元素，学会分类；
不要在元素之间留空间
网友评论