交互设计必会题-按钮 #界面设计-今日头条

　　交互设计笔记分享：按钮。

　　在国外待了这么久才知道按钮的原理，在上一节中专注于更大的背景问题，现在将从宏观到微观来看看按钮。这些微小的组件是用户界面设计中最重要的元素之一。

　　首先问问自己是什么让按钮成为按钮？几乎任何东西都可以是按钮，按钮只是一个独立的交互式对象，可以点击或与之互动，但只有当用户知道它是一个按钮时才可以用作按钮。换句话说，如果它不仅仅是一个形状，有各种视觉指示符，让用户知道按钮就是按钮，而不仅仅是形状。

　　这些熟悉的形式的好处是用户立即知道这是一个按钮，因此没有任何记忆，也没有浪费时间，因此熟悉的表单称为快速表单，可以立即识别为界面的一部分。

　　来看看有哪些视觉特征让我们知道按钮就是按钮，而不仅仅是形状？按钮有多种形式，它们可能不具备所有这些特征，但是它们可能至少有其中一两个。

　　·但当你使用按钮的用户界面设计师，如果正在设计一个按钮，首先要考虑的事情之一应该是什么尺寸，这关系到它的使用方式。按钮的大小必须清晰可见，但它的尺寸也需要能够容纳一根手指或者光标，可以轻松的点击或单击它。太大的按钮会占用太多的屏幕空间，太小的则难以激活。

　　·还应该考虑按钮的形状，它的作用是什么？上面需要有标签吗？它会出现在什么屏幕上？它会被什么触动？如果是手指或光标，这可能意味着不同的形状，有些形状更经济，并且作为一组使用效果更好，而其他形状可能是更好的容器。

　　·用于必须位于其上的符号或图标，可以考虑一下颜色如何与一组按钮配合使用，它是否用作按钮特定功能的指示符，或者它是一个更大的总体系统的一部分。让用户知道按钮就是按钮的常见策略，是给予它某种维度，让它感觉像必须按下或与之交互的。

　　·3为物体，这通常是通过错式化效果来完成的，使用阴影和高光来创建假维度识别按钮的一个关键方面界面。这是它们在屏幕中放置的位置，通常包含在窗户或酒吧内的某个区域内，或者我们认为具有互动性或专门用于导航的空间。因此让我们更详细地了解其中一些想法。

　　·首先看一下大小，按钮及其与光标或手指的关系。按钮的大小与与其交互的事物有关，所以你可以想象手机上的一个按钮的大小与尖端有关系。您的手指和计算机屏幕上的光标大小与光标的大小有关。按钮的大小也与屏幕的尺寸和屏幕的分辨率，它还可能取决于界面中有多少其他元素。

　　·按钮的形状可以通过一些不同的考虑因素来确定。I的形状可以根据流行的惯例来确定，圆角矩形一度很流行，但现在圆形按钮更加普遍，这反映了从优先考虑计算机屏幕到优先考虑手持设备的变化。

　　·按钮形状可能与文本有关系，坐在它上面或者必须坐在上面的图标或图像，但它也可能表示某种功能，某些形状意味着某些事物。所以当我们看到这组符号时，我们知道什么，它们的功能是没有任何文本标签，我们也认识到这组的功能形状作为一个集合，因为我们知道它们的含义。

　　这里的方块只有当它坐在旁边玩的时候才意味着停止、暂停、快进和快退。所以我们不仅仅考虑个人的形状，我们正在考虑这些形状如何作为系统的一部分发挥作用。

　　·颜色可以以同样的方式发挥作用，它可以是一个单独的标志，某种活动，但它也可以作为更大系统的一部分。因此例如即使我们不更改标签，只需为按钮着色，也许可以暗示一个按钮将启动绿色按钮，而红色的可能会阻止某些事情。

　　·早期的一个常见惯例，界面设计是为了给按钮营造立体感，让它们看起来像是可以受到物理压迫的。这是一个非常常见的策略，因为它可以帮助人们建立联系，在它们熟悉的数字世界和模拟世界之间。这个策略感觉有点过时或者有点现在已过时，以被替代。

　　通过使用投影来创建维度，一个漂浮在表面上并引起人们注意的按钮。我们在屏幕上放置按钮的位置也可以一个，让我们知道它们是导航系统一部分的能指。例如当我们将这些按钮放在外边缘并放在它们的身边，真的不再感觉像纽扣了，它们也不再作为一个整体工作，因为它们之间的距离太远了。

　　因此如果用户知道它是按钮，那么几乎任何东西都可以是按钮。作为用户界面设计师，这是你的工作，让用户知道该形状是一个按钮，你必须让他们知道，如果他们不做任何工作都必须是用户立即了解的。

　　您的设计决策非常重要，因为按钮通常用于创建操作，所以给他们贴上标签很重要，显然因为他们会产生一些效果。你最不想要的就是一个模棱两可的按钮，因为你可以删除，删除或毁掉对某人来说非常重要的东西。

　　由于我们的模拟和数字生活日益交织在一起，您在界面上的操作通常可以在现实世界中产生操作，所以有很大的责任。用户界面设计者可以创建完全准确的按钮，使用精确且准确的语言来标记您的按钮，确实可以提供帮助，但有时言语不起作用，您将需要使用图像、符号或图标。

　　因此作为UI设计师，你的部分工作就是让用户知道该按钮是一个按钮，但也让他们确切地知道该按钮的作用。您可以把按钮想象成路标，您希望能够轻松找到它们，您希望能够非常快速地获取该信息，但您也希望在不需要它们时能够忽略它们。