在这种情况下,我们不是在谈论西装的纽扣,也不是那些将裤子连在一起的纽扣。今天我们将讨论作为互动中基本元素的按钮。您可能认为按钮只是一个按钮,但它可以变得更多。按钮的设计变得比您想象的要复杂一些。今天上海 WordPress 网站制作公司将讨论什么是一个好的按钮。
按钮应该看起来像一个按钮
线上,按钮充当视觉提示,有助于增强多用户体验。为了让多用户获得完整的体验,他们不必猜测按钮的位置。如果您真的希望访问者点选该按钮,它应该看起来像一个可以按下的按钮。这是您需要做到的:
1. 给它一个形状
您希望您的按钮脱颖而出。要做到这一点,您必须给您的按钮一个可识别的形状。它应该从页面上的其他内容中脱颖而出,并立即被识别为多用户可以与之互动的内容。信不信由您,网上最常见的按钮形状不是一个圆圈,就像您可能想象的那样。您最安全的选择是使用矩形。但不是普通的矩形,而是带有圆边的。这些通常效果最好,因为它们足以引起人们的认可,但不足以破坏 WordPress 网站设计的流程。
如果您觉得有创意,您也可以使用不那么传统的东西,比如菱形,三角形,甚至是自定义形状。使这些易于识别的关键是在整个网站中保持一致。 个性风格,这总是让多用户更感兴趣。
2. 使用阴影和亮点
阴影在设计中起著重要作用,因为它们会让它们看起来像弹出一样。每个好的 UI 设计都需要突出背景的元素,同样在《5 个更好的网站导航技巧》也一样适用。这表明它们是可点选的或不可点选的。就像在现实生活中一样,例如,膝上型电脑的键盘上有可以按下的按钮。除了按钮的形状外,阴影和高光在识别互动式按钮方面起著非常重要的作用。
3. 根据目的标记按钮
当我们使用的唯一按钮是播放、倒带、前进和停止时,我们进化了很多。他们过去常常被每个人都熟悉的符号所代表。今天,几乎不可能有这么多在每个按钮上放置符号并期望人们记住它们。好讯息是我们不需要这样做,因为我们可以选择简单地在该按钮上写下它的含义。
可能会发生讯息不够清晰的情况。在这种情况下,将构造标签作为后续行为并没有错,这解释了某个按钮的动作。这些需要为多用户提供拒绝或接受按钮操作的选项。
将按钮放在可以找到的位置
上海 WordPress 网站制作公司认为多用户永远不应该寻找按钮。放置它们的方式让每个人都能找到它们。最简单的方法是将它们放在人们期望的位置。此外,在确定放置它们的位置之前测试它们的位置没有任何问题。一个很好的例子就是当您登入任何给定的网站时。您始终输入您的姓名和密码,登入按钮就在其下方。没人会指望登入按钮在其他任何地方。
轻松与按钮互动
考虑按钮相对于页面上其他所有内容的大小。确保按钮足够大以便与之互动,但不要太大以至于影响它在页面的美观。研究表明,最佳尺寸为 10mmX10mm 。 要记住的另一个方面是两个可点选按钮之间的距离,给按钮一些呼吸空间。您不希望任何人不小心点选错误的按钮。
允许多用户以可视方式与按钮互动
按钮看起来不错,但如果它不像按钮那样,整个专案毫无意义。当多用户点选时,使按钮给出视觉反馈。这有两个方面的帮助:第一种方式是,它感觉更像是一个按钮,这让每个人都开心;第二种方式是它让多用户快速确认他们实际点选了按钮。
突出显示重要按钮
按钮具有不同的角色,从最小到主要。更重要的按钮应该很容易区分在任何其他不重要的按钮之间。解决方案可能是使用不同的颜色,概述,或使更大更重要的按钮。
总结摘要
为了改进您的按钮设计,您需要了解:
按钮应该看起来像一个按钮;
按钮应放在可以找到的位置
与按钮的互动需要很容易
与按钮的互动应该提供视觉反馈
应突出显示重要按钮
对于这样一个简单的概念,肯定有很多关于按钮的知识。虽然细节很小,但没有比按下好按钮更令人满意的了。希望这些技巧可以帮助您设计能够为您的多用户提供良好体验的按钮。