如何改进你的按钮设计。

今天,我们将谈论多年来一直是交互式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年10月31日
    024
  • 针对SEO,选择虚拟主机与云服务器区别。

    哪个更容易优化网站、虚拟主机或云服务器的搜索引擎优化?这是很多企业主和站长特别关心的问题,也是一个特别头疼的问题;可以说是为了更好的站点SEO优化,不惜一切代价;今天就和大家都说,云服务器和虚拟主机的特…

    2022年7月1日
    0156
  • 揭开快速提高搜索引擎优化排名的秘密。

    一、影响内容包含的因素 1、新站(通常,优化后3个月内的站称为新站) 新网站本身不受搜索引擎的信任。因此,如果新网站发表文章,迟早不会收录,这是正常的。只要文章的内容质量有保证,迟早会被收录,或者可能被…

    2023年2月20日
    00
  • 网站过度优化的几个误区。

    1、标题关键词叠加堆砌 现在百度出了针对标题优化的规则,这种规则是为了更好的提高用户体验,方便搜索引擎识别网页主题,不允许标题关键词叠加堆砌,首页的标题是品牌词+定位语,其中定位语包含关键词,栏目页或分…

    2022年7月1日
    0124
  • 【外链资源】汇集2019年高质量外链发布资源大全。

    这是一个外推比较集中,而且资源比较丰富的平台,不管你想要的,就可以给你推进多元化外链发布平台包括分类信息导航网,还是医疗外推平台,或者是其他类型网站,这个平台可算是应有尽有,那么这个平台叫什么呢?网址…

    2022年9月3日
    082
  • seo公司深究百度规则充分利用优化资源提高网站排名。

    近年来,我国SEO优化行业蓬勃发展,竞争日趋激烈,造就了众多SEO学者,但真正能担当SEO优化重任的SEO人并不多。在这里为大家分享SEO的核心知识,帮助大家有效提高网站的关键词排名。 1、 优质链接诱饵 在一个网站开…

    2023年2月25日
    00
  • 网站SEO优化需要注意什么。

    关于网站优化的技巧,相信很多站长们都可以说出几点,但是由于细节太多,可能谁都不能一下说全,今天点瑞网就针对这个关于seo优化的技巧专门说一下,希望对大家有所帮助! 在做SEO教程的过程中,需求大局考虑对网站…

    2022年8月24日
    0112
  • B2B网站。

    在做B2B网站,运营和推广时,由于网站架构的复杂性,如果不能有效处理页面结构之间的关系,很容易造成很多问题。 而对于B2B行业站来讲,我们时常会遇到的一个问题就是:资讯页收录的问题  ​ 那麼,如何解读B2B网站…

    2022年8月20日 SEO操作
    086

联系我们

QQ:951076433

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