一个不会设计的程序员不是一个好产品经理

《写给大家看的设计书》读书整理

你越是关注什么东西,你就会觉得什么东西越多与更加关注它

一个小孩圣诞节收到一个礼物,是一本如何认识各种树的书。看到了书里面介绍的一种树,长相很怪异,小孩认为他住的附近绝对不存在这个品种的树,因为太怪了,看过的话肯定会见过。谁知道走出去之后,发现几乎家家都种有这种树,就是约书亚树。

这就像孕妇在大街上看到的孕妇比普通人看到的孕妇多的原因。

我们对一件事情越是关注,也就越是明显。当然了,关注某件事情,一定是需要对这有一定了解的。
就像我们看一个App的页面,看着就是不爽,但是说不出为什么不爽,是因为我们缺乏专业的基础知识理论。看过正确的,合理的,所以看到有问题会感觉别扭的原因。

那么,多学学设计,可以有理有据的说出哪里不合适,也便于研发打造出更优美的产品。

平面设计的4大基础原则

亲密性

一个页面中存在很多信息的时候,一定要学会将信息分类,不同类的要拆开,相同的就增加亲密性,就是看起来是一样的。

在一个页面上,一定要知道哪些信息需要强调,哪些信息不需要强调。

亲密性即存在关联。

在设计中,注重留白,空白可以表示关系。由于空白的存在,可以划分出视觉单元

亲密性不一定非要离的很近,也可以从颜色、字体、空隙、背景、线条、大小写等等方面入手,相同就代表亲密性。

注意,要避免页面上有太多孤立的信息,我们需要指引用户的眼睛从主要信息一点一点过渡到最次要信息。所以不能太孤立零散。

要有意识的知道自己是如何阅读的,从哪里开始,然后转向了哪里,到哪里结束的,看看是否符合了信息的优先级。

如果元素之间彼此无关,要把他们分开。

对齐

任何元素都不能在页面上随意安放,每一项都应该与页面上某个内容存在某种视觉联系。这样方可保证该元素并非孤立的,也可以减少零散的感觉。

元素的对齐优先考虑左对齐右对齐,慎重使用居中对齐,除非你已经拥有了一定的设计功底。
居中对齐的小技巧,可以把文本居中,但是文本块本身并不居中。

明显是有意为之的居中效果更好。

使用对齐时,坚持一个原则,只使用一种对齐方式。
并不是说不可以同时使用多种对。在同一个页面上使用右对齐和左对齐文本,要确保这些文本以某种形式对齐。

如果文档的外观不尽人意,可能最大的毛病就是没对齐。

页面中的图片尽可能不适用边框,放开,使空间自由。

打破常规对齐方式的时不要怯懦,一定要干脆一些,要么全部采用一种方式,要么全都不采用这种方式。不要保守。
只要你是有意为之,有时完全可以任意地打破常规对齐。
在打破常规之前必须要清楚规则是什么。
当有意打破常规时,效果总是更强烈,影响也更重要。

对齐的根本目的是统一而有条理

重复

设计的某些方面需要在整体作品中重复。重复代表了一致性,表明是一个东西。
重复的目标就是统一,并增强视觉效果。

一个App内部或企业内部所有相关设计,需要在所有作品中使用大量重复。

创建一个多页的、作为一个精美包装一部分文档,充分使用重复就很关键。

如果某个元素引起了你的兴趣,就可以哪来用作重复元素。

有时重复项并不一定完全相同,而只是存在明确关联的紧密相关的对象。

需要确保,作品看起来是有意为之,而不是乱七八糟随意摆放。

重复的最大好处是使各项看起来同属一组。

如果读者很熟悉其他营销材料中的某个图像,只取其中一部分有助于读者简历关联。

只使用重复图像中的一部分的好处,可以通过一部分来看到全部。

重复会为作品带来一种专业性和权威性,不管它看起来多有趣。它会使读者感觉有人在负责,因为重复显然是一种经过深思熟略的设计决策。

重复并不表示必须重复完全相同的东西,比如,字体相同,颜色不同。

要确保有足够的重复,这样差异看起来才明显,而不是一团糟。

找出现有的重复,然后将其加强。

要避免太多地重复一个元素,重复太多会让人讨厌。
太多的重复就是混淆重点。

对比

页面上不同的元素就要截然不同,对比一定要强烈不要畏畏缩缩,否则无法实现有效的对比。

对比的目的就是增强页面效果、组织信息、清晰层次、指引读者、制造焦点

页面上不同元素要有对比效果,达到吸引读者的对比效果。如果两项不完全相同,就应当使之不同,而且应当是截然不同。

如果页面上两个元素虽然不同,但是区别不大,这时候就不是对比了,而是冲突。

总结

在某一作品中,很少只使用某一原则,大多数情况下,是4种原则同时都有使用。不同的效果用来实现不同的目标。

作品完成后,进行二次创造(优化),每次完善使用一个概念。发现此概念无法再进行更近一步优化时候,进入下一概念,深思熟虑的设计策略会让读者看起来感觉就是有意为之的。