产品&设计&色彩

工兵黄|2010-06-24|视觉设计

  设计师得到产品设计需求的时候,经常会碰到一个色彩的选择问题,产品经理最初也可能会提一些自己的意见,如

A:我觉得做一个蓝色的不错,就做蓝色的吧!
B:喜庆一点的,红色没错的!
C:这个颜色太压抑了,亮一点怎么样
D:这一块颜色好花啊!

作为设计师应该怎么去回答呢?

先简单分析一下ABCD,4位所要表达的潜台词。

A:对该产品从个人主观或个人经验所做出的色彩上的推荐  
B:喜庆的!而不是真的要求用红色或者其他
C:设计图的感觉偏移了产品初衷和产品气质,觉得这不是想要的 
D:主体不突出被干扰

  在最早设计的时候,我一般都会问产品经理最终要求,产品表现需要达到的目标和效果,而不是讨论色彩排版细节,这样才能先找到根本,避免CD所出现的情况,早期对产品的理解,对后期设计过程有着重要的指导意义!只有理解产品价值,然后通过正确的方法,就能准确定位产品色系,不会出现大的偏差。

  色彩定位方法论, 准确定位色彩方法有很多,如色彩心理选择法、图片映衬法、调查问卷数据分析法等多种形式,下面简单讨论一下常使用的几种方法:

1.色彩心理选择法

  我们视觉所感知的一切色彩,都具有色相、明度、和纯度三种性质。不同的色相明度纯度,给人不同的心理印象,色彩上从心理感受的大方向到小方向的细分,逐渐无限的接近最适合用户心理的色彩区块。

  根据色彩心理属性来筛选色彩,大家都知道,色相就是色彩的相貌,如红、橙、黄、绿、青、蓝、紫、色相在心理上有强烈的冷暖的区分,

  如红、橙、黄让人想到阳光、火焰和太阳给人温暖的感觉即暖色系,青、蓝、让人想到大海蓝天,给人清爽凉快的感觉即冷色系,在设计的时候最早考虑的是产品气质和宣传效果,需要给人什么样的心理感受。

  如果需要给人热情、活力的感觉就选择暖色系,如果需要给人冷静、高雅、庄严的话就选择冷色系,进行第一轮的筛选。


  第一轮筛选后,比如选择的是冷色系,也就是色环右边的绿蓝紫区间,然后根据产品气质和色彩心理进行匹配缩小选择范围,调整小范围的色彩偏向,明度饱和度的微小差别,最后找到和接近最适合的色彩!

2.图片映衬法
  在拟物化场景图片中寻找适合色彩,进行设计,例子:阅读器概念设计过程,虽然图形概念最终没有采用,但是设计过程思考方式可以进行参考。

  最早设计的时候寻找了一些读书馆场景图片资料,然后在场景图片中取用3种色值作为软件主体颜色进行设计。

从图片中取用3中色值,进行场景化模拟!

最后实现效果:

3.调查问卷数据分析法 
  即设计师提出多种色彩方案,以交互常用的调查问卷、用户访谈等方式进行数据收集,根据数据分析进行删选最适合的色彩,这种方式准确率高,缺点就是时间成本和人力成本都消耗比较多!

分享到QQ空间

查看[19,288]|评论[17]

相关标签

  1. 黄金体验 说道:

    不错啊!学习ING。。。

  2. icenets2006 说道:

    看起来不错

  3. 丁丁 说道:

    这个实在 :shl:

  4. minmin 说道:

    我一直好奇jiff是怎么搞定产品围攻的~~ :gz:

  5. 云飞扬 说道:

    非常漂亮的颜色, :shl:

  6. Yanzi 说道:

    HLT123之逆袭

  7. nadia 说道:

    :cy: 阅读器让我想起来了网络象棋的界面。很有道理

  8. lerroyli 说道:

    你好,色彩!

  9. ray 说道:

    看来设计师必须有深厚的理论功底,用理论砸死客户 :cy:

  10. janei 说道:

    :wx: 学习~

  11. 乐乐 说道:

    这个方法不错啊。很有意思。

  12. 布衣 说道:

    不错, 阅读器,很适合拟物化。

  13. Rong 说道:

    人想起了大学时候的图书馆,貌似图书馆都是这样古色古香?
    这个思路很有意思,值得借鉴,不过单纯从图书馆的案例来说,现在手机上看书的一些低端用户,喜欢玄幻、穿越、耽美类型的用户,需要的不是图书馆的学习氛围,而是方便、热闹、丰富的内容,视觉上更像书市。

  14. jiff 说道:

    你好,姐夫黄:)

  15. daniel 说道:

    图片映衬法值得学习!!

  16. 蛋卷 说道:

    这个不错。 :qiang:

  17. kinbox 说道:

    :qiang: 这个方法好,取材很有味道

发表你的评论

 微笑 色 发呆 得意 流泪 害羞 大哭 调皮 呲牙 惊讶 白眼 流汗 疑问 擦汗 抠鼻 鼓掌 可怜 强 胜利