创建令人愉快的按钮的6个步骤

2020-08-04  本文已影响0人  集模小笔记

没有按钮,就没有现代的交互式UI。 它们是每个数字解决方案的基本组成部分。了解如何改善按钮的样式并以完美的样式使用户满意。

这是增强您的设计的快速提示系列中的下一个教程。阅读第一部分。

1.选择形状

按钮可以是实心按钮,也可以是带有笔触的幻影按钮,但是选择形状是创建更好按钮的第一步。这可以是一个尖锐的矩形或圆形的。它可以是圆形的,也可以与某些独特的形状混合。

建立一个适合项目风格的项目很重要。


2.选择一种颜色

通常,主按钮会获得品牌的原色。但是,请记住,按钮必须指明其用途,因此选择颜色可能取决于上下文。

如果您对选择正确的音色有任何疑问,请始终与用户进行小型研究。


3.应用生动的渐变

如果项目品牌允许,请考虑应用美观的渐变。因此,按钮看起来非常现代。渐变使按钮弹出!


4.添加有吸引力的阴影

阴影总是保证更好的承受能力。多亏了他们,每个UI元素都可以作为交互式对象感到更加自然。


5.包含有意义的图标

图标是可选的,但它们有助于识别按钮执行的操作。想想简单的“ x”或“ +”是识别按钮用途的最快方法的次数。

始终使用简单的符号。图标附近的标签是必须的,因此用户将能够确认他们的假设。

6.应用动作

将鼠标悬停并在按钮上按状态,然后对其进行动画处理。用户的思想要求立即反馈他们执行的操作。有趣的动作设计可能会带来欢乐。

最后!

这6个快速简便的步骤将使您的按钮样式更上一层楼。当你应用简单的技巧,重复并调整它们到你的项目中时,您会注意到工作质量如何提高。

如果你觉得本教程有用,请与他人分享,以使你的朋友知道如何改善其UI!


上一篇下一篇

猜你喜欢

热点阅读