生活中的设计——四大基本原则(一)

设计,从古至今都在潜移默化的影响着人们。例如:亚洲还是有蛮多国家和地区习惯以从右到左阅读;对联对仗工整;诗词歌赋也以各自的规律著作……因此,古往今来,我们的生活习惯、文化习惯等都充斥着摸不着、看不透的设计。只不过,大多数人并没有发现自身已经对设计有所掌握罢了。

在有人活动的世界,就有规矩,而规矩就是设计。

《写给大家看的设计书》将基本的规矩具象化,让人们都能够了解设计,并将自身基因里所携带的对设计的稍些感知强化,就能够轻松应对工作乃至生活各方面。

看完这本非常非常初级的设计类书籍,我感觉像进入了一个新的审美境界,尽管这本书大部分其实讲得是如何【排版】,不过排版确实在我工作中是最需要用到设计的地方。

设计四大基本原则:亲密性对齐重复对比。

亲密性(proximity)

亲密性原则是:将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。

举个栗子:当你在琳琅满目的超市闲逛,首先寻找你所需物品的分类区域。当你需要一支牙刷时,应当前往生活区,然后再在生活区中寻找洗漱用品专柜,接着再寻找牙刷货架……

这就是你脑海中自动浮现出的亲密性原则,它可以是以类别、色彩、功能等进行归类整理组块。生活区为标题,洗漱用品专柜为子标题,而牙刷货架则为内容。这是生活中对于某些选择大脑以亲密性原则来进行目的筛选。

当然,在工作中也是如此,只不过将这种抽象具象化。

这是一张没有任何关联的名片,假设这就是超市,而你所需要了解到的讯息能够明确、快速的得到么?


当没有明确的区块时,会浪费我们所要得到讯息的时间。我们会先看中间,接着再从左往右,至上而下的顺序浏览,接着再确认一遍自己是否没有落下什么讯息。名片上的每一项看起来都与其他项没有关联,这样就会形成阅读障碍。如果我们把名片做一些调整,将相关的讯息归类,建立亲密性,则会快速、明确得到我们所需的讯息。


这就是亲密性原则的作用,能够一目了然我们所需的讯息,并且不会造成阅读困难。如果超市的区域分类乱七八糟,也会造成其他问题。因此,亲密性原则的运用,能够解决大部分阅读问题。

假如万能的淘宝没有使用亲密性原则,只有琳琅满目的商品时,能够快速的得到自己所需要的讯息么?作为精致的猪猪男孩表示,我会点击关闭页面……

使用亲密性原则,归类划分好商品,我们能够清晰得到所需要的讯息,并且做出快速的选择。

小结

亲密性的根本目的是实现组织性。如果信息很有条理,将更容易阅读,也更容易被记住

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

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

在有很近亲密性元素之间建立关系,不属于同一组的元素之间不要建立关系。

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


对齐(alignment)

对齐原则是指:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

对齐则像我开头所说的对联要对仗工整,诗词歌赋也以各自的规律著作等。对齐可以制造出一个安静的中心,它的表达则更清晰


这张名片,就像还没开始军训的闲散队列。没有在队列中形成关系,造成视觉错乱。画条基线是最好检验元素之间,是否缺少关联的方式。


现在教官将这张名片上面的元素队列按照亲密性原则进行区分以后,将所有的元素队列移向左边,所有讯息看起来更有条理。间而形成了共有的边界线,即使没有划线,也能够清晰的知晓,是这个边界线将它们联系在了一起。


居中对齐也是一种的对齐方式,但有个缺点,居中对齐的边界是曲线形式的,看不出对齐线的强度。尽管这是一条看不见的线,但无论是左对齐还是右对齐里,它都很明确,当你你看到这张名片就可以脑补出一条分明的线。而这条线则为整体布局提供了力度

居中对齐是初学者最常用的对齐方式,这种对齐看起来安全,更正式,更稳重,中规中矩,但通常会显得乏味。通过充分利用亲密性,并结合明确的右对齐或者左对齐,你会有不一样的感受。并不是一定不要居中,而是要留意这种对齐效果,是不是你想要表达的效果。


在进阶之前,最好坚持一个原则,只使用一种对齐方式,所有的文本都左对齐右对齐或者居中。如果你想要尝试在一个页面使用两种对齐方式,那么你就要让它们相互之间有某种联系


尽管这两个元素用了两种不同的对齐方式,左对齐和右对齐。但是下面右边界跟上文的右边界,被一条看不见的线连接了起来。在页面上放其他项的时候,一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放,则按其基线对齐。如果有多个单独的文本块,则对齐其左边界或者右边界。如果有图片元素,将其与页面的其他边界对齐绝对不要在页面上随意摆放元素。

小结

每个元素应当与页面上的另外一个元素存在某种视觉联系。对齐的根本目的就是使页面统一并且有条理。不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐来达到目的。

要注意元素放在哪里,应当总能在页面上找出能跟它对齐的元素,尽管这两个元素的物理位置可能很远。

避免在页面上混合使用多种文本对齐方式。

尽力避免使用居中对齐,除非你有意识的想要创建一种比较正式、稳重的感觉。

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

推荐阅读更多精彩内容