如何改进你的按钮设计。

今天,我们将谈论多年来一直是交互式UI设计中的主要按钮,你可能会认为按钮只是一个按钮,但它可以被制作成更多, 按钮设计比你想象的要复杂一点。 今天,我们将讨论什么是一个好的按钮。

给它一个形状

你希望你的按钮脱颖而出,但要做到这一点,你必须给你的按钮设计成一个可识别的形状。 它应该从页面上的其他内容中脱颖而出,并立即被识别为用户可以与之交互的内容。网上最常见的按钮形状不是一个圆圈,就像你会想象的那样。其实最安全的选择是使用矩形。但不是普通的矩形,而是带有圆边的矩形。 这些通常效果最好,因为它们足以引起人们的认可,但不足以破坏网站设计的流程。

如何改进你的按钮设计(图1)

如果你觉得有创意,你也可以使用一些不那么传统的东西,比如菱形、三角形,甚至定制形状,使这些易于识别的关键是在整个网站保持一致。他们会给它一个个人的触摸,这总是让用户更感兴趣。

如何改进你的按钮设计(图2)

使用阴影和高光

阴影在设计中有重要的作用,因为它们使物体看起来像是突出来的。每一个好的UI设计都需要突出于背景的元素,表明它们是可点击的。就像在现实生活中,笔记本电脑的键盘上有可以按下的按钮。与按钮的形状不同,阴影和高光在识别交互式按钮中扮演着非常重要的角色。

根据按钮的用途给它们贴上标签

从我们只使用播放、倒带、向前和停止按钮的时代起,我们已经有了很大的进步。它们曾经用大家都熟悉的符号来表示。今天,几乎不可能把一个符号放在每个按钮上,并期望人们记住它们。有那么多!好消息是,我们不需要这样做,因为我们可以选择简单地在按钮上写下它的含义。

如何改进你的按钮设计(图3)

信息可能不够清楚,在这种情况下,使用构象标签作为后续是没有错的,它解释了某个按钮的动作,这些需要给用户提供拒绝或接受按钮操作的选项。

把按钮放在可以找到的地方

用户永远不应该寻找按钮,把它们放在每个人都能找到的地方,最简单的方法就是把它们放在人们希望它们出现的地方。此外,在确定将它们放置在何处之前测试它们的位置也没有什么错,这方面的一个很好的例子是当您登录到任何给定的网站时,你总是输入你的名字和密码,登录按钮就在它下面,没有人会想到登录按钮会在其他地方。

如何改进你的按钮设计(图4)

使与按钮的交互更容易

考虑按钮相对于页面上其他所有内容的大小,确保按钮足够大,可以与之交互,但不要太大,以免影响页面的美观。研究表明,最佳尺寸为10mmX10mm。另一个需要注意的方面是两个可单击按钮之间的距离,给按钮一些呼吸的空间。您不希望任何人意外地单击了错误的按钮。

允许用户与按钮进行可视化交互

这个按钮看起来不错,但是如果它不像一个按钮,那么整个项目就没有意义了。当用户点击时,使按钮给出视觉反馈,这在两个方面有帮助。第一种方法是,它感觉更像一个按钮,这让每个人都很开心。第二种方法是让用户快速确认他们确实单击了按钮。

如何改进你的按钮设计(图5)

突出显示重要的按钮

按钮有不同的角色,从最小到最大。更重要的按钮应该很容易地与其他不那么重要的按钮区分开来,解决方案可以是使用不同的颜色,轮廓,或使更重要的按钮更大。

为了改进你的按钮设计,你需要了解:

一个按钮应该看起来像一个按钮;

按钮应该放在可以找到的地方

与按钮的交互需要简单

与按钮的交互应该提供视觉反馈

重要的按钮应该高亮显示

对于这样一个简单的概念,关于按钮肯定有很多需要了解的东西。虽然细节很小,但没有什么比按下一个好的按钮更令人满意的了。我们希望这些提示将帮助您设计按钮,为您的用户提供良好的体验。与你认为会从中受益的人分享这篇博客文章,通过每天浏览我们的博客,确保你随时更新最新的知识和灵感。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/219177.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月15日 11:42
下一篇 2023年2月15日 11:42

相关推荐

  • 网站优化需要注意的六大要素。

    网站排名优化对企业来说越来越重要,其最早源于国外的搜索引擎优化,即SEO。后来经过不断的发展进步,慢慢演变成为现在的网站优化。网站优化实质上就是对网站从各个细节方面进行精益求精、力求达到最完美、最理想的…

    2022年8月24日
    071
  • 企业要怎么选择SEO外包。

    1、独立的SEO优化职业者 SEO自由职业者往往就是“XX区域”+“SEO”的关键词方式或许“XXSEO参谋”、“XXSEO博客”之类,他们根本都是一个人在斗争,当然网站有必定的排名,公司可以选择,可是请注意别被卷钱跑了,必定要做…

    2022年8月24日
    061
  • 怎么样去借助外力来做好网站优化。

    一个网站内链做的好起到一个最顺畅的作用,给搜索引擎提供一个顺畅的途径。但是外链更重要,一个网站融入到整个互联网中,网站间的协作,站点间的协作是十分十分重要的,外部链接资源是十分重要的,一个网站内链做…

    2022年8月22日
    080
  • 如何估算网站关键词的优化难度。

    网站优化每个站长都知道,重要的是网站的关键词排名,所以重要的是在网站优化前选择关键词时关键词优化的难度。如果关键字优化的难度太高,就很难对关键字进行优化排名。所以很多老站长在选择这个关键词的时候都会…

    2022年9月5日
    074
  • 如何运用伪原创编写技巧。

    查找引擎喜爱原创的内容,不可能天天做到原创内容,除非是专业的写手,这个时分要学会做伪原创文章,仿制他人的文章,铲除格局,再从头排版,最初跟结束必定要自己写原创,针对原有的内容进行分段式处理,将原文里…

    2022年8月22日
    0110
  • 更准确的通过用户心理模型建设满意的网站。

    每个人都有自己的心理模型,最初网站建设想要一个什么样子,有哪些板块,颜色搭配是怎样的,这些都已经建立在了用户基础的心理模型之上。每个人对同样一个事物的理解方式是不一样的,所以我们需要多与客户进行沟通…

    2023年2月20日 SEO操作
    00
  • 网站优化从策划、跟进、监控每个细节都需要重视。

    网站优化是一个长期的过程,它从前期策划、网站建设、网站优化、外部链接发布、品牌建设等各个环节,每一个细节都非常重要,做好每一步工作,使网站发展更迅速,排名更持久。接下来我们一起看看吧。 一是网站前期策…

    2023年2月28日
    02
  • 搜索引擎优化如何使搜索引擎收录更多的页面。

    当搜索引擎收录站点时,经过一定的优化会包含更多的页面,我们可以看到此时包含的搜索引擎数量。如果你想提高搜索引擎的收录量,大量增加网站内容就是其中之一方法。我们应该做的是为搜索引擎的蜘蛛程序建立一个良…

    2023年2月21日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息