服务热线 400-660-8066

重庆网站建设
首页 站内资讯

重庆网站建设

站内资讯
重庆网站建设 / 站内资讯 / 产品资讯 / 正文

企业网站按钮设计指南

来源: All文章
发布时间:2023-04-06 13:03:21

  没有一种设计是简单的,包括一个按钮。

  如何为企业网站设计按钮呢?我们编写了如下指南。

  大胆和明亮

  在过去,按钮通常是灰色或其他一些暗淡的颜色。但渐渐地,设计师和商人们理解了特定设计和概念背后的含义。所以,设计必须是粗体和明亮的格式。没有必要让每个主题都有粗体和明亮颜色的按钮。但是,它必须让用户想要点击按钮。

  设计明亮按钮的动机是为了让用户更容易注意到它们。明亮的颜色往往会吸引人的眼睛,使人们容易发现。关于按钮的颜色,设计师需要进行实验和测试,例如,可以通过改变饱和度因子来改变按钮的颜色。这可能会导致转化率和点击率的增加或减少。

  面积大一些

  许多设计师忽略了使用大按钮这一原则。他们没有理解大按钮会吸引用户的大量注意力。在过去,设计师并不了解所有的营销理念。但如今,设计师们对市场营销及其对业务的影响有了充分的了解。因此,他们相应地设计控件和网站的其余部分。

  此外,当使用动作调用按钮时,它们应该总是足够大,以迫使用户采取一些动作。如果按钮很大,它会让更多人注意到它。

  颜色和主题匹配

  当我们谈到颜色主题时,它并不局限于网站布局和它的颜色。但是颜色主题还包括按钮和其他用户交互元素和组件。以前的设计使用UI元素的颜色,包括按钮,类似于元素的其他颜色。但是现在,按钮总是用颜色对比来设计,以吸引用户和访问者的注意力。

  例如,如果你在整个网站上都有蓝色的主题,那么在整个网站上都有一个黑色的按钮是不现实的。此外,它会获得错误的关注,可能会显得尴尬。在这种情况下,设计往往会在视觉吸引力上产生冲突。

  颜色和主题对比

  另一种理论是使用按钮的颜色来与网站的主题形成对比。如果你使用白色作为网站的主要背景,那么不要选择浅灰色或奶油色的按钮。相反,使用大胆的颜色,如黑色或蓝色,以突出白色。

  对比是最强大的因素,让用户注意到哪里应用了对比。这也适用于您放在按钮上的文本。如果按钮颜色是灰色的,那么应该使用黑色的按钮标题。但是如果蓝色的按钮,使用白色的按钮标题而不是黑色。

  注意细节

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

  别忽视了按钮状态

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

  按钮设计一致性

  当你设计一个网站并谈论你的品牌时,你不仅应该与内容的基调或网站的颜色主题保持一致。但是在设计包括按钮在内的网站UI元素时,也应该保持一致性。

  按钮也可以根据按钮背后的用途进行分类。例如,取消、停止和确认按钮应该是不同的颜色。就像你可以把取消按钮用红色,但确认用绿色或蓝色。

  另一方面,按钮形状也会随着功能的变化而变化。例如,表单上的按钮不同于导航菜单上的按钮。一旦你确定了所有的按钮和它们的颜色和功能的用途,应该记录他们。

  保持按钮的大小和宽度

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

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr