[色彩教程]倾听色彩的声音.pdf

倾听色彩的声音倾听色彩的声音 前言前言 色彩是一个网站的情绪表达方式或者说是性格特征的体现 每种颜色都有着属于 自己的声音 作为一种视觉元素 色彩是很难被量化被衡量的 也很难用理性的 角度去分析和阐述它 我现在试着用另外一个角度去试图衡量网页的色彩 一种 尝试 从最基础的色彩本质 色彩搭配形式 及色彩对用户的潜在影响和心理暗 示等着手 去分析色彩 读懂色彩 让色彩帮设计师说话 一一 色彩的基础知识色彩的基础知识 色彩的三大要素色彩的三大要素 1 色相 我们最常见的色谱 虹 就是把颜色按照 红 橙 黄 绿 青 蓝 紫 依次过 渡渐变 色相两端分别是暖色 冷色中间为中间色或中型色 2 明度 明度就是色彩的明暗差别 如深红 大红以及粉红等 3 饱和度 饱和度是指色彩的鲜艳程度 也称色彩的纯度 二二 不可思议的色彩魔力不可思议的色彩魔力 1 1 色彩有魔力色彩有魔力 选色需谨慎选色需谨慎 快餐店给我们的印象一般是座位很多 效率很高 顾客吃完就走 不会停留很长 时间 有人喜欢和朋友约在快餐店碰面 但其实快餐店并不适合等人 这是因为 很多快餐店的装潢以桔黄色或红色为主 这两种颜色虽然有使人心情愉悦 兴奋 以及增进食欲的作用 但也会使人感觉时间漫长 如果在这样的环境中等人 会 越来越烦躁 请两个人做一个实验 让其中一人进入粉红色壁纸 深红色地毯的红色系房间 让另外一人进入蓝色壁纸 蓝色地毯的蓝色系房间 不给他们任何计时器 让他 们凭感觉在一小时后从房间中出来 结果 在红色系房间中的人在 40 50 分钟后 便出来了 而蓝色系房间中的人在 70 80 分钟后还没有出来 有人说 这是因为 红色的房间让人觉得不舒服 所以感觉时间特别漫长 确实有这个原因 但也不 尽然 最主要的原因是人的时间感会被周围的颜色扰乱 同样道理 高血压的人 忌红色 再举个例子 在时下非常流行的休闲运动潜水中 人需要携带氧气瓶 一个氧气 瓶大约可以持续 40 50 分钟供氧 但是大多数潜水者将一个氧气瓶的氧气用光后 却感觉在水中只下潜了 20 分钟左右 海洋里的各色鱼类和漂亮珊瑚可以吸引潜 水者的注意力 因此会感觉时间过得很快 这是原因之一 更重要的是 海底是 被海水包围的一个蓝色世界 正是蓝色麻痹了潜水者对时间的感觉 使他感觉到 的时间比实际的时间短 部分资料来自 每天懂点色彩心理学 2 2 听见色彩的声音听见色彩的声音 以上故事和实验都证明了 颜色是可以左右用户的情绪 也可以影响用户判断的 既然色彩潜意识在影响这着我们 那设计师必须学会善用色彩 在设计的时候 用色彩去正确传达产品的本质和内涵 当色彩被正确传达后 便能与用户产生心 灵共鸣 产品也就能更深入人心 黄色 青春 乐观 豁达 常被作为点睛之笔 红色 活力 速度 紧迫感 常用于促销打折甩卖等 蓝色 信任 安全 有底蕴 常用于企业 银行 安全中心等行业机构 绿色 生命力 轻松 天然 无污染 常用于保健品等行业 橙色 积极 进取 活力 阿里巴巴色也是橙色 常用于唤起行动 如 button 的颜色也常用橙色 粉色 浪漫 女人 常用于女性消费行业 女性产品等 黑色 影响力 时髦 严肃 常用于奢侈品营销等 紫色 安抚 冷静 神秘 常用于美妆或抗老的女性产品设计中等 当我们了解了颜色后 就能更加准确的掌握我们的页面风格的定位 用颜色去阐 述你的产品 经常做 脑部运动 联想游戏等 3 3 色彩与营销色彩与营销 品牌品牌 每种特定的行业 都有相似的产品色彩倾向性 大部分知名品牌的 logo 倾向于用色彩相近的色调 三三 色彩搭配色彩搭配 以下以 banner 为例 简单剖析下色彩的搭配技巧及色彩搭配组合方式以及搭配 呈现的视觉效果 单色搭配单色搭配 由一种色相的不同明度组成的搭配 这种搭配很好的体验了明暗的层 次感 近似色搭配近似色搭配 相邻的两到三个颜色称职为近似色 如下图 橙色 褐色 黄色 这种搭配比较让人赏心悦目 低对比度 较和谐 补色搭配补色搭配 色环中相对的两个色相搭配 颜色对比强烈 传达能量 活力 兴奋 等意思 补色中最好让一个颜色多 一个颜色少 如下图 紫色和黄色 分裂补色搭配分裂补色搭配 同时用补色及类比色的方法确定颜色关系 就称为分裂补色 这 种搭配 既有类比色的低对比度 又有补色的力量感 形成一种即和谐又有重点 的颜色关系 如下图 红色文字就显得特别的铿锵有力 特别突出 原色的搭配原色的搭配 大部分是在儿童产品上 色彩明快 这样的搭配在欧美也非常流行 如蓝红搭配 frickr 的 logo 以及 麦当劳的 logo 色与主色调红黄色搭配等 四四 如何准确定位你的色彩如何准确定位你的色彩 前面分析的是通过颜色去感觉情绪 这里简单写 如何根据产品去捕捉色彩 也 就是所谓的 MOOD BOARD 情绪版 情绪版是指对要设计的产品以及相关主题方向的的色彩 影像 图片等其他材料 的收集 从而引起某些情绪反应 以此作为设计方向或者是形式的参考 具 体请参考情绪版 Mood board 操作流程的新思考 晓千 1 1 原生关键词选择原生关键词选择 首先 通过对产品的理解与认识 以及用户调研等得出体验关键词 Experience Keywords 2 2 衍生关键词衍生关键词 针对所得到的关键词 扩容信息 通过头脑风暴画出关键词的思维导图 寻找扩 展关键词 3 3 收集相关图片收集相关图片 提取图片生成情绪提取图片生成情绪版 通过 原生关键词 和 衍生关键词 通过网络渠道 收集了大量的对应的素 材图并配合定性访谈 4 4 衍生关键词的分析衍生关键词的分析 分维诠释分维诠释 5 5 对情绪版进行对情绪版进行 色彩分析色彩分析 和和 质感分析质感分析 色彩提取工具 总结总结 色彩是种感觉 当我们学会读懂色彩 听到他们的声音 就可以做到熟能生巧 跟随着流行