在网站设计中,除了网站布局、架构等大框架的设计之外,还需要注重许多细节的地方,注重细节设计,才能让你的网站更加完美,更加耐用。而网站的细节设计,最常见的是图片及功能按钮的设计。今天,深圳市星翼创想网络科技有限公司就先来跟大家讲讲按钮的设计细节,教你如何通过巧妙设计按钮的颜色,吸引更多潜在客户。相信很多用户,许多读者都曾经意外点错按键,然后在没有被正确引导时往往会在模态窗口上做出错误的决策。然而,要解决这个方法,其实很简单,只需要利用不同按钮之间运用不同的明确的颜色来区分,从而引导用户进行正确的选择。确实明确的行动指示则会让用户困惑并降低他们的效率。这就大大地增强了网站的用户体验,不会让用户在网站里转得头晕。
正面、中性和负面行动
我们将所有的按键分为三个大类之下:
1 正面 —— 改变、发送、添加信息
2 中性 —— 不做改变、返回屏幕(比如“取消”)
3 负面 —— 删除、重置、阻止信息
一个模态窗口上的几个按键通常会集成好几个行动。为了让用户能识别出它们之间的区别,每个按键的颜色对比是我们不可忽视的论题。
提示正面行为的按钮需要最高的对比度
正面行动时在模态窗口上最常见的一类。用户需要知道那个行为能帮助他们完成任务。你应该给这类行动按键最高的颜色对比度来帮助用户去达成目的。放在它旁边的其它任何中性或负面行动按键应该具有较低的颜色对比。
要想达到最高的对比度,给你的正面行为按键填充上一个冷色以及白色的文字。所谓冷色就是蓝、绿和紫色等那些看着较为舒缓的颜色。而此类实色上的白色文字会比普通一般的黑字更加出挑些。
在正面行动旁边的中性或负面行动按键不应该被填充颜色。如果你那么做了会导致所有的按键之间的颜色对比变得太过相近。反之,如果只让它们显示边框则能较好地凸显正面行为按键。
当负面行为按键拥有最高的对比度时
相较正面行动,负面行动不应该具备更高的对比度。正面行动往往使用频率更高且更安全,而对于负面按键,我们要确保用户不会因为误点而出错。但是如果只有负面和中性两种行动存在时,我们应该赋予负面行动更高的对比。
在这个案例中,你应该给负面行动按键填充上暖色。所谓的暖色就是指红、橙、黄等略刺眼的颜色。当用户看到它时,他们自然会明白点击之前要三思。
赋予中性行动最低的对比度
中性行动永远不会在一个模态窗口里单独存在,它总是会和正面或负面行动成对出现。它应被赋予最低的颜色对比以不干扰到另外两者。
黑色边框对于用户识别来说已经足够了。无填充颜色让用户的注意力不会从正面或负面行动上移开。 但注意了,不要灰化边框+字,不然用户很可能会误认为这是一个禁按(disable)的按键。再怎么样他们也需要按键能和背景有所区别开来。 建议 如果按钮的颜色对比明晰的话,正面、中性和负面行动可以一块出现。各种分类的按钮之间的对比越是清楚,用户就能越快地完成浏览,按着你预设的步骤完成你想要他做的事情。因此,按钮的颜色在网站设计上扮演着非常重要的角色,颜色的搭配不仅仅是为了突出美感,巧妙利用颜色设计,能引导用户向着你预设的行动去浏览网站,是一种强力吸睛工具。所以星翼创想建议大家,在做网站设计的时候,千万不要忽略这个细节,做好这一步,能让你的网站更进一大步。
文章转载请保留网址:http://www.iswweb.com/news/solutions/1502.html