有哪些按钮的设计方法?

发布网友发布时间：2022-07-04 22:07

共1个回答

热心网友时间：2023-11-25 00:43

按钮的不同分类如下：* 动作按钮* 常用按钮样式* 按钮的颜色和形状* 按钮状态和反馈* 标签按钮* 触摸屏按钮* 按钮的位置* 系统按钮* 总结动作按钮我们将分析按钮的层次结构和它们通信的语言。虽然有些按钮通熟易懂，但按钮操作不取决于它们的外观，而是取决于用户的行为。 1_1.行为召唤（CTA / C2A）在设计中行为召唤按钮通常会提示用户注册/立即购买等。在产品设计中如果强烈建议用户应该做的事情应该使用CTA按钮。行为召唤按钮对于CTA按钮，我喜欢使用圆形按钮，这样会更引人注目。 1_2.主要操作按钮虽然CTA按钮和主按钮看起来相同，但我喜欢将它们分开。主按钮应该是一个强大的视觉指示器，可以帮助用户完成他们的旅程。主按钮应该在用户可能想要“下一步”、“完成”、“开始”等的情况下使用。主要操作按钮对于主要操作，我喜欢使用实心按钮。 1_3.次要操作按钮从“返回”的辅助按钮到“下一步”的主按钮，或从“编辑”的辅助按钮到“保存”的主按钮。辅助按钮是我们为用户提供的主要操作的备选方案。主按钮旁边的辅助按钮的两种设计我更倾向于使用线性按钮或文本链接作为辅助按钮。 1_4.*按钮*按钮通常用于其他操作，可能暂时不是用户想要做的事情。比如“添加朋友”、“扫一扫”、“编辑”或“删除”之类的内容，前提是它们不是主要操作。不同形式的*按钮一般来说，人们会使用较小或较不突出的按钮样式。常用按钮样式下面我们将介绍常见的按钮样式，不同风格的按钮样式和他们的使用技巧。 2_1.实心按钮实心按钮是带有实心填充的按钮。一个实心按钮 2_2.线性和幽灵按钮线性按钮和实心按钮正好相反，一个没有填充的按钮 – 只是一个轮廓。虽然经常互换使用，但我更喜欢将线性按钮视为浅色（在白底下按钮的轮廓和文本颜色深一点更明显），将幽灵按钮视为深色（在黑底下按钮的轮廓和文本颜色浅一点更明显）。线性按钮（左）和幽灵按钮（右） 2_3.圆形按钮圆形按钮其边缘设置为最大圆角半径。圆形按钮 2_4.FAB（悬浮按钮）悬浮按钮是一种巧妙的设计模式，Google Material Design中更加受欢迎。虽然它们可能看起来像一个图标按钮，但实际上它们用在屏幕上的主要操作按钮。