按钮

Aure 教程：按钮的启用和禁用设计

原型中常要用到按钮的禁用和启用，比如常见的：输入手机号获取验证码的获取按钮，在未输入内容前按钮不可点，输入按钮后，可点击获取按钮获取验证码。那我们本文就一起来看看按钮的启用和禁用设计。如下图： 首先，我们来看看效果没有输入内容前，按钮灰色不可点，输入内容后，按钮变亮，表示可以点击。 设计步骤（1）设计好元件：输入框+按钮。（2）设置按钮的属性： 点击交互样式中的选中，在
Axure教程 2018年08月16日

按钮设计的七大原则

按钮是交互设计中必备的元素，它在用户和系统的交互中承担着非常重要的作用。在本文中，我将分别介绍创建有效按钮必须要知道的七项基本原则。一、按钮就是按钮当涉及到与用户界面交互时，用户需要立即知道什么是“可点击的”，什么不是。设计中的每一个项目都需要用户进行解码，一般来说，用户解码需要的时间越多，可用性就越差。但是用户如何理解某个元素是否具有交互性呢？他们靠以前的经验和视觉符号来
用户研究 2018年05月15日

关于 CTA 按钮的 8 条建议

UI 页面通常由许多不同的元素组成，它们中的每一个元素都在用户体验的效率提升以及 App 的转换方面扮演着重要作用。即使像按钮这样的小部件也需要得到关注，以便它能够实现预期目标。什么是 CTA 按钮？CTA 全称 Call-To-Action ，它是 Web 和 App 上的关键 UI 元素，例如购买，联系，订阅等，其主要目的是引导用户采取某些行动，使页面提升转化。用户的引
用户研究 2018年05月10日

学习JS遇到的问题

关于document.body.innerHTMLtitdiv{width: 30px;height: 30px;font-size: 12px;color: # fff;background: red;line-height: 30px;text-align: center;position: absolute;}window.onload=function(){var
业界 2016年07月06日

Sketch 基础教程 5- 对齐及分布工具详解

本期教程介绍对齐及分布工具的使用，并利用对齐元素制作一个简单页面。更多优质教程 请关注 “一稿过”/// 开场白 ...上一篇我们学习了如何用布尔运算制作一个微信Icon，本次我们来学习一下如何使用对齐工具快速制作一个页面。/// 现在开始 ...我们先来了解一下对齐工具在Sketch中的位置，具体见下图。这八个按钮的图示非常明显，大家一看就知道具体怎么用。但是有些细节如果
产品 2016年11月30日

Aure 技巧：按钮互斥效果的 3 个步骤

本文仅适用于具有一定Axure使用经验的用户阅读。Axure中经常会设计几个按钮或几个菜单的互斥选择效果，互斥效果有两种方式可以实现：1） 可以通过点击事件控制选中当前点击的按钮或菜单，并取消选中其它按钮或菜单； 但这种方式由明显的缺点，如果后续有增加了按钮或菜单，需要将之前每一个按钮或菜单的用例全部修改一遍，工作量很大而且很容易搞乱。2） 通过对按钮分组实现。 这种方式可
Axure教程 2016年11月28日

Sketch 基础 3- 按钮的形式与状态

本期教程里我们将介绍如何用Sketch快速的制作出按钮的不同状态。开场白 ...上一篇我们学习了如何制作一个简单的Sign Up页面，本次我们来学习一下页面中的按钮。你真的了解按钮么？按钮的各种形态都是什么？我们一起来学习吧！/// 现在开始 ...1.首先从形状上区分可以分为：直角、圆角、异形和幽灵按钮。每种按钮的作用不同：a）直角按钮是最常用的，因为棱角鲜明，所以按钮附
产品 2016年11月18日

那么，一个高转化率的按钮应该如何设计？

编者按：聊到按钮的设计，我们有太多的话要说。确认按钮在左边还是右边，幽灵按钮到底可靠不可靠，阴影的存在到底合理不合理，等等等等。但是今天不聊这些，我们来聊一下，如何设计一个高转化率的按钮：我们常常会揪住某个设计细节不放，深入讨论直到透彻。这样的探究并非毫无意义，因为即使是最细小的细节也可能会让近乎完美的设计毁于一旦。所以，今天的文章我们继续深入到设计的细节当中，探讨按钮的设
产品 2016年10月25日
加载更多