读《每天懂一点色彩心理学》.pdf

读《每天懂一点色彩心理学》 互联网项目实施过程中，作为担任项目负责人角色的如策划、产品经理、项目经理等都需要将需求 建立原型，将原型转化文档，作为 UI和开发的交付物。其中最容易而引起口舌之争的则是界面元素 的风格、色调、用色等统称 UI设计上，引起这类纷争一方面各项目相关人在产品出炉之前都会在大 脑中各有不同的理想定型，千人千界面；而另一方面则是由于项目负责人向 UI设计师风格表述不清 晰而引起的。因此项目负责人多了解点颜色，学会向项目各相关人正确表达传播颜色，以此减少多 方磨合提高迭代效率是大有裨益的。带着这个目的阿石读了日本原田玲仁写的《每天懂一点色彩心 理学》 ，并将其列入 产品策划与设计“ ”的豆列当中作为项目负责人的参考读物。下面是我对这本书 的梳理和心得体会，给大家做个分享。 从中学的物理知识我们知道了三原色或三基色（红、绿、蓝），这只是千千万万之三的颜色基本 品种，大多数人包括自己对色彩的究竟是什么、色彩有哪些要素组成的这些问题若是刨根问底来也 会是解释的不清不楚。从亚里士多德的 非白光则不纯净“ ”的哲学观到牛顿的 三棱镜实验“ ”了解光的七 色光谱组成、再到芒塞尔对色彩建立体系兵对色彩赋以数值定义，人类对色彩的认识与运用也是从 朴素的哲学思想走向现代大规模工业化的进程。 1、色彩的三要素 色相：通常所说的 红色、蓝色、黄色、绿色“ ”，说的其实是色彩的色相，一种颜色区别于另一种颜 色的表象特征 明度：色彩的明亮的程度，明度最高的是白色（亮）、最低的是黑色（暗）。 彩度：色彩的鲜艳程度，彩度最高的是纯色，最低是灰色 著名的芒塞尔值（ munsell value) 就是用上面的色彩三要素加以数值表达的，即 芒塞尔值 = 色相 明度/彩度 Hue Value/Chrome （H V/C ） 在项目碰头会、头脑风暴会上，色调是出现机率最高的词汇。色调其实是色彩明度和彩度的综合 用语。例如某某需求人说 色调太艳了，调暗些“ ”，其实他所表达的完整意思是 把色彩的彩度降低、“ 把色彩的明度调暗些 ”，我们不能强求需求人完美表达色彩的具体，但作为项目负责人则有责任将需 求人的意思细化并记录下来。 2、色彩的衍生属性 由于人类接收信息源最大的通道是眼睛视觉，人类通过视觉观察外界物体、自然现象，至少有 80 ％ 以上的外界信息经视觉获得，而色觉是视觉的重要组成 ，人们对一个物件颜色的感知甚至会对扭曲 物件的其他固有属性。 1） 色彩使时间变得更快或变慢 爱因斯坦在解释他的相对论时曾举例美女使时间变快，我们在页面设计时也可以将其应用到色彩当 中来，如果希望页面吸引用户浏览、希望用户多在页面停留哪怕一秒钟，可以用让人冷静清爽的蓝 色调作为主背景，这一般见于电子商务网站的首页，因为首页是网站页面最大的导航和信息架构图 ，我们希望用户冷静的通过一个页面就可以了解我们网站的业务和服务；如果希望用户快进快走、 希望用户跳转到目的页面，建议实用让人热血沸腾的红色调作为主背景，这一般见于电子商务网站 的营销广告页，因为我们希望用户看到广告页后点击进入产品详情页迅速下单； 2 ）色彩使物体变得更重或更轻 色彩本身是没有重量的，只是不同的颜色会扭曲人们对物件重量的预期，如同等大小的箱子，在未 搬动之前，黑色的箱子预期就是比白色的箱子重些。网页是总会有头重脚轻的感觉，因为网站的设 计者总是考虑第一印象是很重要的，所以会在网页首屏对色彩的色相、明度、彩度用的强一些以此 来吸引用户，而对页面最底部页脚部分色彩就会低一些，甚至只是一些文字链。 3 ）色彩使得空间变得更大或更小 同一块物件的面积、体积也会不同的因为颜色的不同而表现各异。色彩的明度影响面积大小的感知 ，色彩的彩度影响体积胖瘦的感知。这一点表现在网站组件交互设计中。 QQ 会员 开通会员按钮“ ”鼠 标划过前是暗红色背景，鼠标停留时将明度提高，暗红色变为鲜红色，按钮变亮面积变大的同时， 突兀的按钮因为鼠标停留待点击变得更加矮小，这种感觉暗合了平时用户生活习惯（例如电脑开机 电源开关）。而豆瓣对文字链的交互处理更为细腻，鼠标划过前是无底蓝色，鼠标停留时是蓝底 白字、点击时是橙