火星网校
设计按钮你该知道些什么(7个基本规则)
发布时间：2024-04-03 09:02:01 浏览量：184次
按钮是交互设计的基本元素。在用户和系统操作过程中起到非常重要的作用。这次我们来聊聊创建有效按钮所需了解的七个基本原则。
1. 让按钮看起来像按钮
用户使用软件界面交互时，用户需要立即知道什么是“可点击”，什么点不了。
使用适当的视觉符号（如大小、形状、颜色、阴影等）让元素看起来像一个按钮。视觉符号具有重要的信息价值。
如果缺少清晰的交互，用户为纠结哪些是“可点击” 哪些是“不可点，那么我们设计的再炫酷都没用。用户体验太差是没办法留下用户的。
不要假设你的用户界面中的某些东西对你的用户来说是显而易见的
在许多情况下，设计师故意不将按钮识别为交互元素，因为他们认为交互元素对用户来说是显而易见的。
为您的按钮使用熟悉的设计
以下是大多数用户熟悉的几个按钮示例：
不要忘记空格
不仅按钮本身的视觉属性很重要。按钮附近的空白数量使用户更容易（或更难）理解它是否是交互式元素。留白。
2. 将按钮放在用户希望找到的位置
按钮应位于用户可以轻松找到或期望看到的位置。不要让用户寻找按钮。
尽可能使用传统布局和标准 UI 模式
按钮的常规放置提高了可发现性。使用标准布局，用户将很容易理解每个元素的用途。
3.用它们的作用标记按钮
带有通用或误导性标签的按钮可能会让您的用户感到沮丧。
用户应该清楚地了解单击按钮时会发生什么。一些比如不可逆操作或存在风险的操作时的界面与其使用“确定”标签，不如使用“移除”。这将清楚地说明此按钮对用户的作用。此外，如果“移除”是一项具有潜在危险的操作，您可以使用红色来强调突出这一事实。
4. 适当调整按钮大小
使主要操作按钮更加突出。增加它的大小（通过使按钮变大，使它看起来对用户更重要）并结合使用对比色来吸引用户的注意力。
5.注意顺序
按钮的顺序应该反映用户和系统之间对话的性质。
6.避免使用过多的按钮
如果提供的选项太多时，就会变得无从下手。
7. 提供交互的视觉或听觉反馈
当用户单击或点击按钮时，他们希望用户界面会以适当的反馈进行响应。根据操作类型，这可能是视觉或音频反馈。当用户没有任何反馈时，他们可能会认为系统没有收到他们的命令，并会重复执行该操作。这种行为通常会导致多次不必要的操作。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
