北京快乐8预测网站:西安网站建设优秀品牌
致力为客户提供优质的网站建设服务

销 售 热 线:18502983551 报价咨询 客服QQ

如何通过网站按钮颜色的对比来引导用户

北京快乐8历史走势图 www.0chxv.com.cn 来源:西安奇才网络有限公司   2015-08-18 09:38:00

       你有没有过意外点错按键的时候?当用户没有被正确引导时往往会在模态窗口上做出错误的决策。很多模态窗口会在不明确不同行动区别的条件下就弹出来。

       不同按键之间明确的颜色对比能够引导用户进行正确的选择。确实明确的行动指示则会让用户困惑并降低他们的效率。这甚至还可能导致他们做出产生恶劣影响的错误选择。今天深圳网站建设-沙漠风就来分享一下关于网站设计中按钮颜色设计的相关技巧!

正面、中性和负面行动

所有的按键都从属于三个大类之下:

1 正面 —— 改变、发送、添加信息

2 中性 —— 不做改变、返回屏幕(比如“取消”)

3 负面 —— 删除、重置、阻止信息

        一个模态窗口上的几个按键通?;峒珊眉父鲂卸?。为了让用户能识别出它们之间的区别,每个按键的颜色对比是我们不可忽视的论题。

       正面行为需要最高的对比度

       正面行动时在模态窗口上最常见的一类。用户需要知道那个行为能帮助他们完成任务。你应该给这类行动按键最高的颜色对比度来帮助用户去达成目的。放在它旁边的其它任何中性或负面行动按键应该具有较低的颜色对比。

如何通过按键颜色的对比来引导用户

       要想达到最高的对比度,给你的正面行为按键填充上一个冷色以及白色的文字。所谓冷色就是蓝、绿和紫色等那些看着较为舒缓的颜色。而此类实色上的白色文字会比普通一般的黑字更加出挑些。

        在正面行动旁边的中性或负面行动按键不应该被填充颜色。如果你那么做了会导致所有的按键之间的颜色对比变得太过相近。反之,如果只让它们显示边框则能较好地凸显正面行为按键。

         当负面行为按键拥有最高的对比度时

         相较正面行动,负面行动不应该具备更高的对比度。正面行动往往使用频率更高且更安全,而对于负面按键,我们要确保用户不会因为误点而出错。但是如果只有负面和中性两种行动存在时,我们应该赋予负面行动更高的对比。

如何通过按键颜色的对比来引导用户

        在这个案例中,你应该给负面行动按键填充上暖色。所谓的暖色就是指红、橙、黄等略刺眼的颜色。当用户看到它时,他们自然会明白点击之前要三思。

       赋予中性行动最低的对比度

       中性行动永远不会在一个模态窗口里单独存在,它总是会和正面或负面行动成对出现。它应被赋予最低的颜色对比以不干扰到另外两者。

如何通过按键颜色的对比来引导用户

 

 

       黑色边框对于用户识别来说已经足够了。无填充颜色让用户的注意力不会从正面或负面行动上移开。

但注意了,不要灰化边框+字,不然用户很可能会误认为这是一个禁按(disable)的按键。再怎么样他们也需要按键能和背景有所区别开来。

       结语

       如果颜色对比明晰的话,正面、中性和负面行动可以一块出现。它们之间的对比越是清楚,用户就能越快地完成任务。颜色在界面上扮演着非常重要的角色——不仅仅是美感,页同样是能引导用户行动的一种强力工具。

标签:按钮 颜色 用户

上一篇:抓住响应式网站核心 提升企业网站交互性能

下一篇:色彩心理学!颜色对网站设计的重要性

返回列表

网站建设知识

品牌创意网站建设 企业官方网站建设 上市公司网站建设 B2C电子商务网站建设
大型门户类网站建设 专题活动网站(MINISITE) 全方位网站运营代理

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

预算

3-5万 5-8万 8-10万 10万以上需招投标
验证码

  • 全国政协委员、福耀集团董事长曹德旺做客人民网 2019-02-22
  • “黑洞”边缘的冥思者 2019-02-22
  • 说说世界杯与中国的交集 2019-02-21
  • 专家谈当前市场预期 信心持续攀升预期比较乐观 2019-02-21
  • 用奋斗书写浓墨重彩的人生 2019-02-20
  • 嗯,你又赢了······哈哈哈哈······ 2019-02-20
  • “我们家的报国故事”征集活动 2019-02-19
  • 让端午文化多一些日常呈现 2019-02-19
  • “ONE NIGHT 给小孩”北京站探访 周迅刘雯共奏可爱“交响曲” 2019-02-18
  • 主人遗弃、行业混乱 狗的问题其实是人的问题 2019-02-17
  • 热门楼盘趁势而入迎热销 红六月正式上线 ——凤凰网房产天津 2019-02-16
  • 贸易战打败的是经济理论家,不是中美两国经济。 2019-02-15
  • 【波士通达奔驰车型报价】波士通达奔驰4S店车型价格 2019-02-14
  • 广州市第十五届人大常委会第十一次会议第二次全体会议 2019-02-14
  • 湿地旅行地中国国家地理网 2019-02-13