美文网首页
创建令人愉快的按钮的6个步骤

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

作者: 集模小笔记 | 来源:发表于2020-08-04 18:31 被阅读0次

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

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

1.选择形状

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

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


2.选择一种颜色

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

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


3.应用生动的渐变

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


4.添加有吸引力的阴影

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


5.包含有意义的图标

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

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

6.应用动作

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

最后!

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

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


相关文章

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

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

  • spring工程创建

    2、步骤1:填入工程名称步骤2:下拉至底部选择Spring MVC Project步骤3:点击Next>按钮 创建...

  • 【微信小程序】返回顶部组件

    点击返回组件的按钮,返回至页面顶部。按照之前讲的组件创建步骤,创建组件 调用页面:

  • 轻松搞定随机抽击,随机点名

    创建VC,在VC的viewdidload中创建显示Label,和触发按钮,具体实现步骤如下: - (void)vi...

  • git 创建项目

    这一次是在网页上 可视化创建的 步骤一 注册用户,填写相关字段,项目名字,描述,创建按钮。 步骤二,ssh key...

  • flutter状态管理之Provide的简单使用

    场景:点击按钮,让页面上的数字+1,每点击一次就+一次步骤1:首先创建一个按钮和一个文本用来显示数字的变化: 步骤...

  • 使用阿里云OSS合理规范项目图片

    1、创建bucket 创建操作步骤 登录OSS 管理控制台。 单击左侧存储空间列表中的新增按钮+,或者单击页面右上...

  • tabBar的自定义

    如何添加tabBar中间的发布按钮? 步骤: 创建tabBarController 初始化子控制器 添加子控制器 ...

  • 如何在PhotoShop中创建动作

    步骤1、启动Photoshop并上传照片 步骤2、点击“创建新动作” 在某些情况下,有一个灰色的十字代替该按钮。“...

  • 使用Chrome将网页添加到桌面

    操作环境: Deepin 15.5 Chrome 步骤 打开需要创建快捷方式的网站 点击右上“自定义及控制”按钮 ...

网友评论

      本文标题:创建令人愉快的按钮的6个步骤

      本文链接:https://www.haomeiwen.com/subject/vqawrktx.html