主页/ 电商学院/网站开发/企业网站按钮设计指南

企业网站按钮设计指南

归类:网站开发
没有一种设计是简单的,包括一个按钮。
如何为企业网站设计按钮呢?我们编写了如下指南。
 

企业网站建设



大胆和明亮

在过去,按钮通常是灰色或其他一些暗淡的颜色。但渐渐地,设计师和商人们理解了特定设计和概念背后的含义。所以,设计必须是粗体和明亮的格式。没有必要让每个主题都有粗体和明亮颜色的按钮。但是,它必须让用户想要点击按钮。
设计明亮按钮的动机是为了让用户更容易注意到它们。明亮的颜色往往会吸引人的眼睛,使人们容易发现。关于按钮的颜色,设计师需要进行实验和测试,例如,可以通过改变饱和度因子来改变按钮的颜色。这可能会导致转化率和点击率的增加或减少。

面积大一些

许多设计师忽略了使用大按钮这一原则。他们没有理解大按钮会吸引用户的大量注意力。在过去,设计师并不了解所有的营销理念。但如今,设计师们对市场营销及其对业务的影响有了充分的了解。因此,他们相应地设计控件和网站的其余部分。
此外,当使用动作调用按钮时,它们应该总是足够大,以迫使用户采取一些动作。如果按钮很大,它会让更多人注意到它。

颜色和主题匹配

当我们谈到颜色主题时,它并不局限于网站布局和它的颜色。但是颜色主题还包括按钮和其他用户交互元素和组件。以前的设计使用UI元素的颜色,包括按钮,类似于元素的其他颜色。但是现在,按钮总是用颜色对比来设计,以吸引用户和访问者的注意力。
例如,如果你在整个网站上都有蓝色的主题,那么在整个网站上都有一个黑色的按钮是不现实的。此外,它会获得错误的关注,可能会显得尴尬。在这种情况下,设计往往会在视觉吸引力上产生冲突。

颜色和主题对比

另一种理论是使用按钮的颜色来与网站的主题形成对比。如果你使用白色作为网站的主要背景,那么不要选择浅灰色或奶油色的按钮。相反,使用大胆的颜色,如黑色或蓝色,以突出白色。
对比是最强大的因素,让用户注意到哪里应用了对比。这也适用于您放在按钮上的文本。如果按钮颜色是灰色的,那么应该使用黑色的按钮标题。但是如果蓝色的按钮,使用白色的按钮标题而不是黑色。

注意细节

在设计大的东西时,注意小的细节总是明智的。这些微小的细节使你的设计伟大和反响良好。这也适用于网站按钮。有人会说,这是一个很小的元素,但却有很大的意义。因此,当您注意详细描述按钮及其用途时,您可以使您的按钮看起来很有趣。一个小的渐变因子引入了三维造型,良好的灯光效果可以改变按钮在网站上的显示方式。

别忽视了按钮状态

在设计按钮时,当对按钮执行不同的操作时,很明显会忘记或忽略按钮状态。大致上,按钮可以有活动、禁用、聚焦、悬停和选定状态。

按钮设计一致性

当你设计一个网站并谈论你的品牌时,你不仅应该与内容的基调或网站的颜色主题保持一致。但是在设计包括按钮在内的网站UI元素时,也应该保持一致性。
按钮也可以根据按钮背后的用途进行分类。例如,取消、停止和确认按钮应该是不同的颜色。就像你可以把取消按钮用红色,但确认用绿色或蓝色。
另一方面,按钮形状也会随着功能的变化而变化。例如,表单上的按钮不同于导航菜单上的按钮。一旦你确定了所有的按钮和它们的颜色和功能的用途,应该记录他们。

保持按钮的大小和宽度

当用户通过移动设备浏览网站时,如果一个按钮距离拇指很远,那么拇指可能无法触及按钮。对于小按钮,用较大的拇指或其他手指来点击或轻击屏幕上的按钮会变得很困难。不正确定义的对比度会让用户很难找到按钮。
0 喜欢
349 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解