恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
在UX设计中利用色彩创造情绪
0.0°
2016-03-26 好文转载 设计趋势 原作者: babich.biz - Nick Babich 举报 4311 22 11 0

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

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


红色

危险性,重要性,激情

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

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

Image title


 

Netflix和YouTube使用红色作为主要颜色。

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

 Image title

消极的按钮右边的“删除”有更高的对比度,左边的中性取消。

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

 Image title

 

红色与热的关联



橙色

自信,乐观

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

 Image title

 

Adam Hayes

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

 Image title

Hipmunk



黄色

注意,幸福

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

 Image title

 

Discover the Model.

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

 Image title

 

hlvticons

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



绿色

增长,自然,成功

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

 Image title

 

食品大量采用绿色的网站设计。

在色彩饱和度上要注意。

 Image title

 

绿颜色的饱和度。

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

 Image title

 

firefox



蓝色

信任,舒适,放松

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

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

 

 Image title

平静的APP使用浅蓝色作为主色调。

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

 Image title

 

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



紫色

豪华、浪漫、创造力

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

 Image title

 

奢侈品牌的品牌使用紫色着色。

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

 Image title

 

谷歌更新的主题是紫色的。



粉红色

温柔,纯真,青春

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

 Image title

来源:Dribbble

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

 Image title

 

你觉得呢?



棕色

保守主义、地球、稳定

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

 Image title

 

德芙巧克力的网站有一个几乎完全的棕色的网站设计,以不同深浅的用来抵消站点的不同部分。

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



黑色

正式,权力,成熟

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

 Image title

 

对比

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

 Image title

 

肖像



白色

新鲜、健康

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

 Image title

 

iPhone6s

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

 Image title

 

白色是一种卡牌色



灰色

形式,中立性、复杂性

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

 Image title

 

互补

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

 Image title

 

Dropbox是灰颜色的使用一个很好的例子。

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

 Image title

 

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

 Image title

 

按钮颜色为灰色



结论

正确的设计决策才是用户认为是正确的.

 Image title

 

A/B测试转换

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

更新:2016-03-26

收藏

22人已收藏

此刻产品设计中心刘刚

目前正在找工作,需要UI设计师的请加我微信

  • 64

    作品

  • 1076

    粉丝

  • 72

    关注

  • APP设计思路
  • 加油站-ipad
  • 设计规范
  • 自定义配置
相关标签

    猜你喜欢

      2016-03-26 好文转载 设计趋势 原作者: babich.biz - Nick Babich 举报 4311 22 11 0

      在UX设计中利用色彩创造情绪

      0.0°

      你确定要举报在UX设计中利用色彩创造情绪

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年03月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      22
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录