《设计师要懂心理学》读书笔记：心理学在产品设计中应用.pdfVIP

《设计师要懂心理学》读书笔记 ：心理学在产品设计中的应用 《设计师要懂心理学》这本书讲了100个心理学的知识。内 很好 ，但是感觉看完就会忘记 ，结合 之前看过的版式设计原理一书 ，于是我整合了下并试着分析几个可以证明其观点的案例 （全以app 端为例讲述 ），作为自己学习的方式之一。 第1章 ：人如何观察 眼见非脑见 视觉是一切感觉之首。人的大脑有一半的资源都用于接收和解析眼睛所见。但眼睛所见并非全部 ， 因为视觉信息还要经过大脑转换和解析。真正用来”观察”的其实是大脑。为了更快地解析周围的世界 ，大脑会偷懒 ：大脑每秒要接收约4 000万次的感官信息输入 ，并试图完全解析出它们的意义 ，所以 它会根据以往的经验 ，猜测我们看见了什么。 （大脑解析 ） 大脑认为左边有两个三角 ，右边有个矩形 ，其实只是零碎的线条和有缺口的圆拼接而成 合理进行排版布局设计 ，运用内容组合方式、形状和色 可以影响人们所见 ，从而传递信息给观察 的人。总结了四种可以影响人之所见的方法如下 ： 一、根据版面率、颜色、图片外形来调整页面的效果 （版面率一词主要运用在印刷品设计中 ，此为手机版面率 ） 1、版面率对页面效果的影响 版面率可理解为各信息元素占手机屏幕大小的比率 ，版面率越大 （界面留白越少 ），则页面包含的 信息就越多 ，反之则反。由于手机屏幕较小 ，信息的展示是有限的 ，如何在有限的屏幕展示有价值 的信息是每个设计师都该考虑的。 （左边版面率比右边版面率低 ） 版面率的不同给用户带来的印象也会发生改变。版面率的降低很 易给人造成一种典雅印象或是形 成一种高级的效果 （适合整体效果较安静和稳重型设计 ）。版面率的升高会给人以充满活力而又非 常热闹的印象。 （版面率不同 ，页面给人的印象不同 ） 调整版面率的方法 ： 1. 调整留白-扩大留白降低版面率 ，缩小留白提升版面率 ； 2. 调整图片数量和尺寸-图片数量越多版面率越高 ，图片尺寸越大版面率越高 ； 3. 改变版面底色-必要时 ，在文字数量多 ，图版率小的情况下可以通过改变页面底色 ，从而改变页面 所呈现的视觉感受 2、颜色对页面效果的影响 页面中对颜色的处理不一样也会给人不一样的心情 ，白色给人冷静 ，红色给人热情 ，纯度高的颜色 比纯度低的颜色更加显眼。 （颜色的处理方式不同 ，页面给人的印象不同 ） 这基本就是为什么每次打开淘宝都觉得很热闹 ，而京东则显得低调的多的原因了。电商最主要的还 是要烘托一种购买的气氛 ，在这上面 ，淘宝还是略胜一筹。 3、图片外形对页面效果的影响 对图片外形来说 ，大体上可分为几何形与自然形两种使用方法。拍摄出来的图片都是围在四边形方 框之中的 ，如果图片在使用时仍保持了四边形、圆形等形状则叫做“几何形图片” ；如果图片是按照 被拍摄对象的轮廓来进行裁剪 ，突出被拍摄对象的独特形状的叫“自然形图片” 几何形图片主要分为四边形图和圆形图 ，越偏向于四边形图 ，效果越自然 ，而圆形图则能够取得人 为特写的效果。按轮廓线来剪裁的自然形图片可以有效地强调物品的形状 ，让页面富有动感 ，这种 方法多适用于杂物及衣物、食品等物品的展示。 （图片外形不同 ，带给页面的感觉不同 ） 可以根据页面想给人的感觉使用相应的图片外形 ，在做页面设计的时候最好不默认显示边框 ，这样 可以选择添加自然形图还是几何形图从而给页面带来不一样的感觉。 二、通过对内 大小、方向性的处理来引导用户视线 人根据经验和预期浏览屏幕 扫一眼屏幕后 ，人的视线一般会是从左向右或自上而下 ，但如果旁边有张大图或动的东西 ，这类内 就会引起他们的注意 ，从而打破原本的阅读倾向。 当存在一些希望用户能首先注意到的内 并形成先后顺序时 ，必须通过设计将其明确地提示出来。 最基本的方法是通过将希望用户注意的部分放大 ，根据尺寸的大小来安排顺序先后。这种情况下的 各部分内 所占的尺寸比例 ，在设计领域内被称为“优先率”。 （左边优先率比右边优先率低 ） 左边虽然也有大小的差别但并不明显 ，右边更明显更具有节奏感。 如果页面整体内 的优先率比较高 ，则页面的内 就会富于变化 ，产生富于动感和节奏的效果 ；优 先率较低的页面就可能给人带来稳定平整的印象。