Number.53,分享一篇《写给大家看的设计书》读书笔记-设计原则:
今天开始看《写给大家看的设计书》,补充设计方面的知识。之前就感觉自己在设计师眼里就是个土壳壳。。。肉眼凡胎,连字体大小、线条粗细都不能看出来,所以,为了以后少被高大上的设计师鄙视,现在开始恶补设计方面,fighting!
今天主要看了第一部分的基础设计原则,内容包括:亲密性、对齐、重复和对比。
1 亲密性(Proximity)
亲密性基本思想
Robin亲密性原则 将相关的项,组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。 |
两种情况 (1)本来就接近:在一个页面上,物理位置的接近就意味存在着关联。 (2)应该接近:彼此相关的项应当靠近,归组在一起,有助于组织信息,减少混乱,为读者提供清晰的结构。 |
亲密性的作用
(1)亲密性会使页面会变得更有条理。 (2)使用亲密性能清楚地知道从哪里开始读信息,而且明白什么时候结束。 (3)“副产品”:“空白”也会变得更有组织。 |
亲密性的根本目的——实现组织性
(1)只需简单地将相关的元素分在一组建立更近的亲密性,就能自动地实现条理性和组织性。 (2)如果信息很有条理,将更容易阅读,也更容易被记住 |
如何实现亲密性
统计你的眼睛停顿次数,来数数页面上有多少个元素,如果超过3~5个,就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。 |
使用亲密性应该避免的问题
(1)不要仅仅因为有空白就把元素放在角落或中央。 (2)避免一个页面上有太多孤立的元素。 (3)不要在元素之间留出同样大小的空白,除非各组同属于一个子集。 (4)标题、子标题、图表标题、图片能否归入其相关材料?这个问题一定要非常清楚。 (5)不同属一组的元素之间不要建立关系,如果元素彼此无关,要把它们分开。 |
2对齐(Alignment)
对齐的基本思想
统一性 统一性是设计中的一个重要概念,要让页面上的所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。 |
Robin对齐原则 任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。 |
三种对齐方式
居中对齐 (1)会创建一种更正式、更稳重的外观,显得中规中矩,但通常也很乏味。 (2)大多数看来精巧的设计都没有采用居中对齐。 (3)并不是说绝对不要居中,居中适用于庄重、正式的场合。 |
左对齐和右对齐 使文本看起来外观更清晰、效果更分明 |
对齐的根本目的
(1)对齐能使页面统一而且有条理 (2)不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐来达到目的。 |
如何实现对齐
(1)特别注意元素放在哪里 (2)应当总能在页面上找出与之对齐的元素 (3)遵循同一个对齐原则摆放找出的、需要对齐的元素 |
使用对齐需要避免的问题
坚持一个原则 (1)页面上只使用一种文本对齐(避免两端对齐) (2)如果设计中的对齐很明确,那么可以有意识地打破对齐,而且一定要表现出这是有意的(Robin打破规则:在打破规则之前必须清楚规则是什么) |
着力避免居中对齐 除非你有意识地想要创建一种正式、稳重的表示。 |
3重复(Repetition)
重复的基本思想
Robin重复原则 设计的某些方面需要在整个作品中重复, 基本要素在整个作品中重复出现,既能增加条理性,还可以加强统一性。 |
重复的作用
(1)重复会为你的作品带来一种专业性和权威性,它会使读者感觉有人在负责,因为重复显然是一种经过深思熟虑的设计决策。 (2)创建包括多页的出版物,重复是使这些页,合为一体的主要因素。 |
重复的根本目的
实现统一,增强视觉效果。设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。 |
如何实现重复
(1)沿用现有元素:最初可以只是找出现有的重复,然后将其加强。 (2)创造新的重复元素:熟悉了这种思想后,再开始创建新的重复元素,来增强设计的效果并提高信息的清晰度;有时重复的项并不一定完全相同,而只是存在明确关联的紧密相关的对象。 (3)部分重复:对于一个大家都熟悉的元素,可以尝试只包含其中的一部分,或者采用不同方式使用。 (4)取得关注:如果一个出版物有非常好的一致性,则可以放入一些与众不同的元素,使读者真正注意到你希望他们关注的内容。 |
使用重复需要避免的问题
不要把重复用得太滥,而应当尽量“采用多样性实现统一”,即如果一个重复元素很明确,那么可以采用多种不同方式重复这个元素。 |
4对比(Contrast)
对比的基本思想
避免页面上的元素太过相似 (1)读者的眼睛总是随着页面上,任何人或动物的眼睛看过去,所以要确保将读者的目光吸引到页面的焦点内容。 (2)在设计原则中,对比最有意思,同时效果也最为明显。 |
Robin对比原则 如果两个项不完全相同,就应当使之不同,而且应当是截然不同。 |
对比的作用
(1)对比是为页面增加视觉效果的最有效的途径之一,很容易吸引读者去看一个页面。 (2)对比还能在不同元素之间建立一种有组织的层次结构。 |
对比的根本目的
(1)增强页面的效果,如果一个页面看起来很有意思,往往更有可读性 (2)有助于信息的组织 |
如何实现对比
多种方式实现对比 (1)字体大小 (2)字体格式:要增强有意思的对比,最容易的方法就是实现字体对比 (3)线条粗细 (4)冷色与暖色 (5)平滑材质和粗糙材质 (6)水平元素与垂直元素 (7)间隔很宽的文本行与紧凑在一起的文本行 (8)小图片与大图片 |
一个重要原则 要想实现有效的对比,对比就必须强烈 |
使用对比要避免的问题
(1)不要犹豫,如果你想形成对比,就加大力度。 (2)如果各个项不完全一样,干脆让它们截然不同。 |
5设计的一般指导原则(不要畏畏缩缩)
(1)不要害怕在设计中留有空白,这能让你的眼睛稍作休息 (2)不要害怕设计是不对称的,使用非居中的格式,不居中往往能使效果更强烈 (3)不要害怕把单词设置得非常大或非常小 (4)只要最后的结果能支持或强调你的设计或观点,不要害怕让图片太大或太小 |
感谢阅读!
我是Glen,【公众号JiGlen】,觉得好的话,可以关注一下哦!
0岁的产品人,爱互联网,爱生活,坚持分享产品干货!
大家也可以在PC或MAC上登陆以下网址查看以往文章:
http://chuansongme.com/account/Ji_Glen