《设计-亲密性原则》

陆陆续续抽空,大概花了1个月的时间看完了《写给大家看的设计书》,这本书本身是非常好读的,如果大家能静下心来,一个下午的时间可以看完,然后再在平时的工作中去不断实践就好。最近对设计类的书颇感兴趣,后续我会再继续阅读和分享10本左右的设计方面的书。我们还是来谈谈这本书中的干货吧,希望我的努力能带给你一点帮助。

阅读这本书,要牢牢记住四个基本原则:亲密性,对比,重复和对齐。整本书都是贯穿这个主旨来说的,也是作者认为文档排版和文字排版最重要的的设计准则,只有牢牢掌握了这些规则,你的文案和原型才能做出来让人看起来舒适,能根据你的思路去阅读。下面就这四个原则来分享一下。


亲密性:

解释:作者认为将相关的项组织在一起,移动这些项,使他们的物理位置相互靠近,这样一来,相关的项将被看做凝聚为一个整体,而不再是一堆彼此无关的项 。

比如标题与其相关项应尽量靠近,并具有相似的地方。无关的项不应靠近,这样会给读者马上了解页面的组织和内容。

内容和下面的表格挨得很近,一眼就能让人知道两个事相互关联的。

看下面的图


而当内容隔开了一点距离,我们就会怀疑上面的不一定会跟下面的表格有很近的关联性

这张名片其实有比较多违背原则的地方。我们首先来看看他的亲密性。


本书中也有个名片的例子,左图是不是看起来让人眼睛要去停留5次,不知道从哪里开始,哪里结束;右图是不是明显比左图看起来有重点,条理清楚,层次分明一些。能很容易的获取它所要表达的信息。


再看一组期刊的例子,左上角的两个看起来非常有亲密性关系,但仔细一看Amazing,peculiar,educative到底是用来形容society还是Papers呢?而日期和期号都是标识这一期刊物,是不是可以更靠近一些。第二个调整后的额图,看起来是不是更清楚。这里还做了几件事1.把圆角变成了直角,使刊头外观更简洁,更突出;2.把天鹅图放大,超出边线,这里必须让他更显眼;同理标题放大,变为白色。3.文字左对齐,三种字体也更协调,也是进行了调整,这个后面再讲

在创建表单的时候,你要清楚,哪些信息在逻辑上存在相关性,知道哪些是要强调的,哪些是不用强调的,可以通过分组的方式来明确这些信息。

下面的一个练习,要表达开Party的地方,想创意性的表达,但是一眼过去很凌乱,什么时间在哪里能看的出来么?


我们可以根据亲密性原则来排列,这些。谁,做什么,什么时间以及在哪里。首先要通过简单的表述来让客户一眼看懂。

要怎么去做亲密性,可以从距离,字体,颜色等方面上一些元素来进行亲密性组合。

再看一组图,左图里的标题与内容的间距都相等,无法知道标题是属于上面的文本的还是下面的文本。同时应该将图片放大相同内容的文本进行对齐。看看我们做了哪些改变。

1.标题与副标题一起,条理更清楚;

2.页面上看起来有更多的空间,传单不那么拥挤;

3.电话号码和Email分行放置,与其他信息分开,这样就能作为重要信息突出出来。

4.居中对齐改为左对齐。留出更多空间给图片。


最后再看一组调整前的对比和调整后的对比。给单独菜单之间留更多的空间,将大写改为小写,是不是可读性变的更高了。

进一步进行改变,可以让价格对齐,副标题和说明进行缩进,能直观区分开。

下面这个排版就很凌乱,右边给他调整一下,主副标题根据亲密性原则应该调整再一起,突出重要的内容进行排版。记得进行左对齐。

总结:亲密性根本目的实现组织性。只需要简单的相关的元素分在一组建立更近的亲密性既可。信息有条理,更容易阅读。

如何实现:统计你的眼睛停顿的次数来数一数页面上又多少个元素。如果超过3~5个,就要看哪些可以进行组织归纳,形成一个视觉单元。

要避免的问题:

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

不要有太多孤立的元素,学会分类;

不要在元素之间留空间

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,324评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,356评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,328评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,147评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,160评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,115评论 1 296
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,025评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,867评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,307评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,409评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,001评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2 353

推荐阅读更多精彩内容