IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

译文 | 在UX设计中利用色彩影响情绪

Catherine • 2017-05-25 22:27 • 交互设计

颜色是我们观察事物的第一认知,是最能触动我们感官的视觉元素。颜色可以激发我们的联想,刺激我们的情绪。在设计中,颜色的合理运用一直是个很重要的课题。现在就让本篇文章带你认识每种颜色的独特作用和如何运用在UX设计之中吧。

文章目录[隐藏]

  • 红色
  • 橙色
  • 黄色
  • 绿色
  • 蓝色
  • 紫色
  • 粉红色
  • 棕色
  • 黑色
  • 白色
  • 灰色
  • 结论

颜色是我们观察事物的第一认知,是最能触动我们感官的视觉元素。颜色可以激发我们的联想,刺激我们的情绪。在设计中,颜色的合理运用一直是个很重要的课题。现在就让本篇文章带你认识每种颜色的独特作用和如何运用在UX设计之中吧。

译文 | 在UX设计中利用色彩影响情绪

在现在设计中,颜色的选择在任何情况下都非常重要。在设计中,我们想通过无声无语的方式表达设计,颜色就是其中最重要的关键。

在通常情况下,不同颜色唤起不同的感情。为了让你认识到其中的奥秘,我们已经编写了一个快速参考指南,涵盖了每种颜色的独特的作用,以及如何将它运用到UX设计中。

红色

危险性,重要性,激情

在所有颜色中,其中一个表现力最强的颜色,表达战争和爱情的同时。俗话说,“看到红色”突出了愤怒的颜色。

红色元素更明显,加上一个重要的意义,无论是好的还是坏的。淡红色的图片是主题是青春和爱情的好,而暗红色强调力量和持久性,如可靠的朋友。

译文 | 在UX设计中利用色彩影响情绪

红色可以作为警戒色,如在交通灯和标志,参考已从自然,红色是作为威慑。但是,你应该小心的使用它,作为一个小走一段很长的路。这是一个伟大的颜色需要注意使用,但过量则会过于紧张。

译文 | 在UX设计中利用色彩影响情绪

最后但并不是最不重要的,红色与热的关联。

译文 | 在UX设计中利用色彩影响情绪

橙色

自信,乐观

橙红色在股票里面意味着刺激增长但是增长程度较轻。橙色可以与健康有关,如维生素C.

译文 | 在UX设计中利用色彩影响情绪

橙色是一种活泼,乐观的颜色,非常适合休闲场所,但是他不适合最要出现在企业网站中,一些研究表明,橙色给人感觉便宜或者更坏的东西。但是物业这个行业使用橙色效果是很好的方式.

译文 | 在UX设计中利用色彩影响情绪

黄色

注意,幸福

奇怪的是,黄色代表幸福与焦虑。他通常是充满活力与乐观的。但是明亮的色调会有一种强调效果,这个方式经常使用在警告标志上采用。

译文 | 在UX设计中利用色彩影响情绪

加上黑色可以获得更多关注。一个最好的例子就是设计一个出租车,通过和黄色结合,可以获得更多关注。

译文 | 在UX设计中利用色彩影响情绪

如果你使用黄色请注意下里面简单的规则:淡黄色可以让用户感觉到阳光快乐,暗色调给人感觉很严肃以及古老.

绿色

增长,自然,成功

绿色让人第一感觉关联到植物上,因为大多数植物都是绿色的,它与生长和健康有关.

译文 | 在UX设计中利用色彩影响情绪

在色彩饱和度上要注意。

译文 | 在UX设计中利用色彩影响情绪

饱和的绿色给人感觉令人兴奋和充满活力,绿色的按钮可以获得更多关注,所以一般的执行按钮都是使用绿色。

译文 | 在UX设计中利用色彩影响情绪

蓝色

信任,舒适,放松

蓝色是UI设计中的最重要的颜色之一,也是最常见的。根据对色彩和色调的改变,它可以代表不同的感情,思想和情绪。暗蓝色能给悲伤的感觉。

浅蓝色是天空和水的颜色,它可以提神,自由和平静。这种放松的友好也会转化为内在的信任,这就是为什么它是经常使用的原因.

译文 | 在UX设计中利用色彩影响情绪

并非巧合的是,两个最大的社会媒体,Facebook和twitter蓝色为核心的色彩都使用。

译文 | 在UX设计中利用色彩影响情绪

传闻:扎克伯格曾经提到,他用蓝色,因为他是色盲,所以他不能真正地看到任何其他颜色时,他设计的原创网站。

紫色

豪华、浪漫、创造力

高贵与皇室被紫色所代替。紫色暗示产品或网站比较华丽高端.

译文 | 在UX设计中利用色彩影响情绪

因为紫色周期回到红色的光谱,它有红色的激情的特点,尤其是淡如薰衣草。

译文 | 在UX设计中利用色彩影响情绪

粉红色

温柔,纯真,青春

粉红色通常是含糖的糖果色,所以颜色会有嬉闹的气氛,有点幼稚。这就是为什么你可以添加一点粉红色让用户高兴的原因。

译文 | 在UX设计中利用色彩影响情绪

粉红色并不总是意味着女性。事实上,过度使用粉红色的“女性特质”很容易激怒用户。

译文 | 在UX设计中利用色彩影响情绪

棕色

保守主义、地球、稳定

伦敦的绅士不穿棕色。同样的棕色不适合大多数网站,但对于那些比较完美的作品。棕色可以用于一个乡村,老式的感觉,完美的户外场所,甚至有机产品。木材的内涵也建议稳定性和可靠性.

译文 | 在UX设计中利用色彩影响情绪

在一般情况下,使用饱和色的棕色来作为菜单、面板和背景。

黑色

正式,权力,成熟

黑色是最强的所有颜色,它吸引的注意力比其他颜色的更快,即使是红色。这就是为什么它是最常用在文字中。当作为一个配色方案的主要组成部分,如背景、黑色比任何颜色都适合创造自己的感情。

译文 | 在UX设计中利用色彩影响情绪

结合银色或灰色,它可以代表成熟,如上面的例子:

译文 | 在UX设计中利用色彩影响情绪

白色

新鲜、健康

黑色正好是它的相反色,白色颜色普其他颜色在它的周围,使它为辅助色的首选。

译文 | 在UX设计中利用色彩影响情绪

当白色是主色,其黑色具有压倒性。如果你的白网站似乎太单一,试着白 的分支- 用象牙和奶油色组合。尝试使用色调让白色元素看起来不错。

译文 | 在UX设计中利用色彩影响情绪

灰色

形式,中立性、复杂性

灰色代表中立。如果你的网站或应用程序使用冷色,一个灰色的混合和一点冷色会补充它。如果您的网站使用暖色,一个灰色的混合和一点温暖的颜色将补充它。添加到您的灰色色调,增加色彩饱和度。

译文 | 在UX设计中利用色彩影响情绪

通过改变它的阴影,灰度可以在黑色或白色的特点。当作为一个主要的颜色,灰色给人居于形式的印象,但是这并不总是意味着坏事。Dropbox使用灰色突出按钮免费注册用户能够找到正确的按钮,真的很快。

译文 | 在UX设计中利用色彩影响情绪

您可以使用内容和相应的图像,以避免“忧郁”的感觉,通过一个元素可以给人感觉强烈关注。

译文 | 在UX设计中利用色彩影响情绪

浅灰色的颜色最适合按钮禁用(无效)状态

译文 | 在UX设计中利用色彩影响情绪

结论

正确的设计决策才是用户认为是正确的.可以通过A/B测试转换.

译文 | 在UX设计中利用色彩影响情绪

 

颜色的使用是很重要的,有时候很多情况下没有设置好通用的颜色。在一个网站或应用程序的东西,不一定适合另一个,从你的目标市场在设计过程的早期很重要。

最初发表在www.babich.biz

 

本文由 @bluelovemagic 翻译发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29773/

logoUIUI设计UXUX设计产品产品经理免费用户色彩视觉设计译文转载配色
赞 (0)
CatherineCatherine
0
生成海报
响应式网页图片库设计的九个注意事项
上一篇 2017-05-25 21:31
译文|「设计师学习商业」中「Why」与「How」的问题
下一篇 2017-05-25 23:22

相关推荐

  • 交互案例分享-Spring音乐播放器 交互设计

    交互案例分享-Spring音乐播放器

    在设计流程的过程中,我们往往会把流程设计的越短越好,最好一步完成,这样用户在流程中停留的时间越短,流程的转化率越高。 最近在试用一款叫「Spring」的音乐播放 App,它根据要你要进行的运动类型,节奏频率,偏…

    2014-09-16
  • mBack交互方式分析 交互设计

    mBack交互方式分析

    本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。乔布斯说:伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时,如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。

    2017-05-01
  • APPLE WATCH案例学习! IxD案例

    APPLE WATCH案例学习!

    编者按:这篇实战的对象是Wallaby,一款个人财务APP,文章总结了四点经验:导航、通知、复杂任务以及动效。每个方面都有需要注意的问题和对应的解决方法,进入译文 >>> Wallaby是一款个人财务app,可以在…

    2015-05-21
  • 8个你需要知道的2017年UI设计流行趋势 交互设计

    8个你需要知道的2017年UI设计流行趋势

    UI界面的设计趋势是不断变化的。随着时间的推移也在不断的成长,进化。虽然有些趋势还有待检验,但我们还是需要不断的去学习新的技术。

    2017-05-15
  • 未来iPhone狂想

    交互设计 2014-10-27
  • Big Than Big ,在移动设备屏幕变大的时代,交互师!你的交互该怎么进行设计? 交互设计

    Big Than Big ,在移动设备屏幕变大的时代,交互师!你的交互该怎么进行设计?

    这是一个大屏手机的时代。强调这件事情的意义在于,这已经成为事实。这是一个大屏手机的时代。

    2015-01-06
  • [ISUX转译]设计追波风 交互设计

    [ISUX转译]设计追波风

     设计追波风 这些天气app中,只有一个试图解决用户的实际问题 现在的产品设计和交互设计界发生了一些奇怪的事情。一方面有着如 Ryan Singer 和 Julie Zhuo 这样能写出很赞的文章的人来推动我们设计水平的发展。另一…

    2015-04-16
  • 功能确定之后,如何做好UCD概念设计? 交互专题

    功能确定之后,如何做好UCD概念设计?

      功能和数据都确定下来了,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。 如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓…

    2016-02-20
  • 说句心里话,这5种常见的设计模式还是挺闹心的 交互设计

    说句心里话,这5种常见的设计模式还是挺闹心的

    本文所提到的这5种设计模式确实有其恼人的一面,但是它们同样存在特定的优势。在许多设计项目中,在特定的需求之下,它们也可能是最佳的解决方案。另一方面,学会根据实际的状况来寻求优化的方案,也是设计师应当做到的事情。

    2017-04-28
  • 微信热点

    考研是工作的理想国 | 同济大学设创交互设计考研分享

    打造最优质的设计教育有趣·专业·创新上次发了那篇跨专业考研的分享之后,小编收到了很多小伙伴的后台留言说,能不能多多分享一些考研的心得,为了保持我们有求必应的优良传统,今天的推文也是一篇干货分享帖~此次的分享,来自一位考上同济的在职小姐姐,一起来听听她是怎么平衡工作与考研之间的压力吧~张 炜15年毕业于山东财经大学的数字媒体技术专业,因为爱好也因为工作上遇到的瓶颈,希望能通过考研取得进步,并顺利考入同济设创院的交互设计方向。(即在职又跨专...

    2018-04-25
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress