设计的四大原则

亲密性

原则:将相关的元素放在一起,组成一个个单元,物理位置上的靠近,让这些元素看起来不再是杂乱无章的随意陈列,而是有逻辑地分类别呈现。这些元素必须要相互关联,这样读者看起来,才会很快理解其中意思。

很多新手不敢留白,喜欢将整个画面塞得密密麻麻。其实,空白也在传递着一种信息,即不关联的信息。

亲密性的目的是在于明显地传递正确的信息给读者。根本目的是要实现条理性。如果内容呈现有条理,会更容易阅读,更容易被人记住。

确定亲密性的时候要有意识地注意自己是如何阅读的,视线如何移动,从哪里开始,从哪里结束,沿着怎样的路径,是否能找到重点。这些要有一个合理的规划。

如何实现:微微眯起眼睛来,数一数整个页面上有多少个项目,如果超过3-5个,就需要分析一下这些项目,列出其中有关联性地,在物理空间位置上,让它们接近,使之成为一个视觉单元。

对齐

对齐会创造出一个安静的中心,让读者一目了然。

一个界面最好只用一种对齐方式。

初学者经常会使用居中对齐,这是一种看起来稳重、安全的对齐方式。但也比较乏味,看起来很中规中矩。比较适合较为正式的文档。建议大家一开始就尽量避免居中对齐。通过明确的左对齐或右对齐,充分利用亲密性,可以让设计有较大的改观。但也不是说绝对不要用居中对齐,而是不要把居中对齐作为默认选择。

如果文档给人杂乱的感觉,很大一部分原因是因为没有对齐。人的眼睛都喜欢看到有序的事物,这会给人一种平静、安全的感觉。

找一条明确的基准线,并坚持以它为基准。

应当找一条明确的对齐线来进行对齐,如果有照片或图片(有明确的直边),可以沿着照片的这个直边与文本的平边进行对齐。

对齐的目的是要使页面看起来统一且有条理。

要注意无论元素放在哪里在页面中都要有与之对应齐的元素,尽管这两个元素的物理位置可能相距较远。

重复

元素要在设计中重复出现。元素可能是一条粗线、一种字体、某个项目符号、某种颜色、某种空间关系等等。

如果一个画面中前后是粗字体,中间是细字体,视线会在两种粗字体之间来回跳,这会把真个作品连在一起,提供统一性。

使用重复原则时,也可以把现有的元素从设计中抽出来,根据这个元素形成一个新的设计。

重复会为作品带来专业性和权威性,因为重复是一种经过深思熟虑后的设计决策。

设计中视觉元素的重复可以将作品的各个部分连在一起,从而统一并增强整个作品,否则各部分只是彼此孤立的单元。

重复的目的就是统一,并增强视觉效果。

最初可以将现有的元素进行重复,等熟悉重复这种思路后,可以创新新的重复元素,来增强设计并提高信息的清晰度。

一致性才会产生重复性。

对比

对比是增强页面视觉效果最有效的途径。要想实现有效的对比,对比一定要强烈。如果两个项不同,要实现对比效果,就要截然不同,千万不要畏畏缩缩。如果两个元素虽然不同,但是区别不大,就不是对比,而是冲突。

在新闻简报中如果出现了又高又窄的列,就应该在水平方向出现一些突出的标题,在页面上形成对比。

对比的目的有两个,一个是增强页面的效果,让一个页面看起来有意思,增强可读性。另一个是有助于信息的组织,让读者可以清晰地了解到一项到另一项的阅读逻辑。这两个目的相辅相成,不能分开。

对比元素不能让读者混淆,不能错误地强调重点,即把不该是重点的元素强调了。

四大原则应用

把信息归入逻辑亲密性;利用对齐,找到并制造重复性元素,加入对比。

不要害怕在设计中留有空白,这能让读者的眼睛稍作休息。

不要害怕设计是不对称的,使用非居中的格式,往往能带来更强烈的效果。

不要害怕元素或特片设置得过大或过小。

提高视觉敏感度。

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

推荐阅读更多精彩内容

  • 内容来至于《写给大家看的设计书》的读书笔记 一旦能够说出东西的名字,就会很容易注意到它,就会掌握它,拥有它,使它在...
    卧龙小阅读 595评论 0 1
  • 好的设计究竟好在哪里 我们每天都会看到很多各种形式的作品(广告、APP界面、幻灯片……),当这些作品呈现在我们眼前...
    xmingo阅读 13,395评论 0 16
  • 本书讲了什么 复杂的设计原理在本书中凝炼为亲密性、对齐、重复和对比这4个基本原则。作者以简洁明快的风格,将设计所必...
    少穻阅读 2,094评论 0 14
  • 我是嗜血幻紫瞳,你们可以叫我小雪! 这是我第一次写小说,不好的地方请多包涵! 偶是处女座! 偶是学生! 偶喜欢的颜...
    嗜血幻紫瞳阅读 228评论 1 3
  • 【作息和运动】本周有两个晚上12点睡觉,就是刷手机,太浪费时间了,以后10点半发完阅读打卡的朋友圈就关手机。早上5...
    马净1887阅读 128评论 0 0