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

为什么蓝色会成为UI设计中最常用的色彩?

Catherine • 2017-06-08 15:21 • 交互设计

蓝色依然是一种安全的色彩,当你的产品或者网站契合蓝色的气质的时候,不妨选择它,但是始终记住一点:选择适合自己的产品的色彩,才是正确的选择。

文章目录[隐藏]

  • 1、绝大多的用户喜欢这个颜色
  • 2、蓝色与自然相关
  • 3、蓝色还是UI设计师的通用色彩
  • 4、蓝色所传递的情感相对更加抽象
  • 5、蓝色会让人有安全感
  • 6、蓝色让产品看起来更加值得信赖
  • 7、蓝色对于色盲也足够友好
  • 结语

蓝色依然是一种安全的色彩,当你的产品或者网站契合蓝色的气质的时候,不妨选择它,但是始终记住一点:选择适合自己的产品的色彩,才是正确的选择。

为什么蓝色会成为UI设计中最常用的色彩?

你可能已经猜到这篇文章是关于蓝色的。毫无疑问,蓝色是UI设计中最重要的颜色,也是使用范围最广、最常用的色彩。在你的手机当中,许多APP都采用了蓝色的LOGO,而它们的UI也大多也将蓝色作为主色调,Facebook、Twitter、Shazam、Safari、支付宝、知乎、Behance均是如此。

那么,为什么大家都会不约而同地选择蓝色呢?

原因很多,但是最主要的,还是下面的几个。

1、绝大多的用户喜欢这个颜色

有调研指出,绝大多数的人都喜欢蓝色,蓝色被认为是全球范围内最安全的设计用色。

为什么蓝色会成为UI设计中最常用的色彩?

为什么蓝色会成为UI设计中最常用的色彩?

2、蓝色与自然相关

清朗的天空和纯净的水,在多数时候都呈现出漂亮的蓝色,它们代表着好天气和健康的水源,这种对自然的亲近深藏在人类的基因当中,外化表现为对蓝色的喜好。

为什么蓝色会成为UI设计中最常用的色彩?

蓝是海洋和天空的色彩,是自然的色彩。

3、蓝色还是UI设计师的通用色彩

从UI设计师的角度上来看,这是一种泛用且实用的色彩。常见的色彩当中,红色、橙色、绿色对于用户都有这强烈的情感影响,其中黄色常用作警告,红色能够唤醒用户的激情,也能够昭示危险,而绿色常常关乎健康、安全,相比于它们,蓝色的泛用性明显更强。

为什么蓝色会成为UI设计中最常用的色彩?

4、蓝色所传递的情感相对更加抽象

蓝色所传递的情感相对更加抽象,它还能传递出“创新”和“科技”的感觉。所以,当公司采用蓝色LOGO的时候,常常会让人想到技术和创新。

为什么蓝色会成为UI设计中最常用的色彩?

5、蓝色会让人有安全感

蓝色会让人有安全感,因此许多旅游相关的APP和网站会乐于采用蓝色的UI设计。它隐隐传达出可靠、信任的感觉,对于旅行类的应用和网站,无疑是不错的选择。

为什么蓝色会成为UI设计中最常用的色彩?

为什么蓝色会成为UI设计中最常用的色彩?

Delta airlines

6、蓝色让产品看起来更加值得信赖

更准确地说,它会让用户更倾向于觉得“这是我要的产品”,当这种感觉和品牌本身的运作和特质结合起来的时候,就能够形成让人信任的品牌性格了。戴尔、IBM、英特尔、AT&T、和 PayPal 都是利用技术来营造品牌的信任感,进而创造出让人日复一日值得信赖的产品。

为什么蓝色会成为UI设计中最常用的色彩?

蓝色令人沉静,能让人感觉平衡和智慧。许多金融类服务企业也因此选择蓝色作为品牌色。

7、蓝色对于色盲也足够友好

占比最大的红绿色盲群体都能够清晰地分辨出蓝色。

为什么蓝色会成为UI设计中最常用的色彩?

色盲用户眼中的色彩效果

为什么蓝色会成为UI设计中最常用的色彩?

蓝色是Facebook 的主要色调,因为扎克伯格就是色盲,正如他所说:“于我而言蓝色是我最容易分辨的色彩,所有的蓝色我都能掌控。”

结语

在读完这篇文章之后,千万不要轻率地将你的网站品牌用色改为蓝色,因为泛用并不意味着它适宜所有的地方,而泛用也并不意味着“最好”。

蓝色依然是一种安全的色彩,当你的产品或者网站契合蓝色的气质的时候,不妨选择它,但是始终记住一点:选择适合自己的产品的色彩,才是正确的选择。

 

原文作者:Nick Babich

原文地址:uxplanet

译者:@陈子木

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

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

appARFacebooklogoPSUIUI设计UI设计师UXWEB产品产品经理创新品牌平衡应用服务用户用色网站色彩色彩设计色盲用户设计设计师译文转载
赞 (0)
CatherineCatherine
0
生成海报
产品交互乱,设计效率低?你需要一套好用的产品设计规范
上一篇 2017-06-08 08:11
《上瘾:让用户养成使用习惯的四大产品逻辑》
下一篇 2017-06-09 12:03

相关推荐

  • 微信热点

    新零售下的智能终端设备全链路用户体验设计分析

    作者:阿里UED/丹妮2017年被称作是新零售的元年,阿里巴巴集团CEO张勇提出的“新零售”概念,提出通过大数据、互联网重新构造“人、货、场”场景,数字化技术已被逐渐应用在传统实体零售的每一个环节。在小店业态中,智能终端设备成为收集大数据的唯一通道,被互联网行业视为重中之重,而在纷杂的POS市场中,绝大部分都是沉重的桌面式收银POS机器,这时智能移动POS机作为收银POS机器的补充设备应运而生,智能移动POS机以移动便捷、功能齐全等优势...

    2018-01-31
  • 微信热点

    微信交互设计

    微信交互设计看点01一:交互设计(Interaction Design简称ID)在使用网站(软件、产品、各种服务)的时候,使用过程中的感觉就是一种交互体验。情感化交互设计意义:人机交互的发展趋势,会让用户感到更加亲切,自然.体现:交互界面(视觉),交互功能特质(感情),交互操作方式(惊喜)二:温暖感诉求(孤独和希望的对比||现实和理想的对比)登录页面====用心经营,寻找温暖感发现页面(朋友圈、扫一扫、摇一摇、附近的人)简单感诉求联系老...

    2018-03-17
  • 微信热点

    2019届及以后实习|互联派、苹果、百度等一大波实习来咯!

    今天的实习信息也是满满的哦~快跟着派派一起来看看吧~互联派、苹果、法国优格、百度、京东等多个岗位等你投递~面向人群2019届及以后,包括2019届、2020届、2021届同学,以下的岗位都可以投递哦~岗位预览◆互联派/用户运营实习生/大连◆互联派/新媒体运营(内容编辑)实习生/大连◆网易有道广告优化实习生◆苹果/数据分析实习生/北京◆法国优格/财务助理实习生/上海◆百度/HR实习生(招聘方向)/北京/可转正◆百度/人力资源实习生/北京◆...

    2018-03-23
  • VR中的协作游戏 交互设计

    VR中的协作游戏

    在VR中分享经验、与他人协作,这是绝无仅有的一个新维度。玩家们甚至语言都不通,这个事实如此奇妙,证明了我们仅凭极少的手段就能沟通和协作。

    2017-04-28
  • 实例分享|在界面排版中,需要注意的七大原则(下) 交互设计

    实例分享|在界面排版中,需要注意的七大原则(下)

    在上篇《实例分享|在界面排版中,需要注意的七大原则(上)》大家了解了界面排版的前四个原则,今天接着将后面三个原则也分享出来。一、亲密原则
    二、对比原则
    三、平衡原则
    四、相似原则
    五、简洁原则
    六、封闭原则
    七、情感原则

    2017-05-08
  • 超越触控的手势交互 IxD案例

    超越触控的手势交互

    手势通常被认为是与屏幕和物体交互的自然方式,我们会谈论在移动设备屏幕上双指缩放地图,还有在电视前挥手切换到下一部电影。但这些手势真的那么自然吗?

    2016-07-18
  • 微信热点

    提升POS产品交互设计实践

    用户体验User Experience,简称UE/UX)ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。交互设计(Interaction Design,简称IxD)交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之...

    2018-02-09
  • 新版Material Design 官方动效指南 交互设计

    新版Material Design 官方动效指南

    在Material design的世界中,动效用一种优雅、流动的方式来描述空间关系、功能、和意向。

    2017-05-23
  • 5个关键词看小程序和App的UI设计异同 交互设计

    5个关键词看小程序和App的UI设计异同

    微信总喜欢在深夜推出一个大新闻,昨晚10点,小程序开放公测的消息一出,我公号的文章都推不出去了,一直显示系统繁忙,那得是多大的流量啊,心里暗想,能分我一点零头就好了,估计是我想多了!

    2017-05-16
  • 微信热点

    为你的App增加WiFi认证检测,让用户体验更加丝滑

    前言前段时间在上海坐地铁时连接了花生地铁WIFI,打开QQ音乐开始听歌,QQ音乐居然给了我一个"WIFI认证提醒"的弹窗,点击认证就跳转到了花生地铁WIFI的认证页,之后顺利联网成功,体验非常爽。作为一名iOS开发,不禁思考这个是怎么做到的呢?忘记WIFI重新连接后,打开手机里各个应用轮番测试一遍,发现QQ音乐、QQ、QQ空间三个应用都做了比较好的WIFI认证提示:成功提示.png而其它的大应用如微信、手淘、支付宝、钉钉、美团、点评、爱...

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

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