按钮

如何才能做出优秀的设计?

很多年轻设计师往往在设计好一套作品后都会邀请大神点评一下他们的作品,刚好最近我在Facebook的设计博客看到一篇文章,很适合这个话题,现在分享给大家。在Facebook的校招中,我们和来自康奈尔的一名实习生进行了一次交谈。在我们简短的互动中,我很欣赏他身上的一些点,因为他是一个非常具有自我意识的人。他和许多刚参加工作的应届生一样,都很好奇,作为一个设计师需要什么样的能力,

金融类 App 交互与视觉设计规范二

本编主要详解移动端UI组件的交互与视觉规范UI组件交互与视觉设计规范按钮 Button按钮由文字和/或图标组成。按钮文字必须预示点击后的内容,且符合使用者的预期。按钮的文案应该把该操作说清楚,且不啰嗦。包含语意的按钮,例如「确认提交」比「确定」要好1)常规按钮按钮的设计应当和应用的颜色主题保持一致。关键操作按钮Call To Action button(下称CTA)当页面中

从Material UI得到的设计感悟

如果你读过Google的Material设计文档,你就会发现其对细节和深度的注重。在文档中你能学到很多东西。其中最为重要的一项,就是其证明了编写复杂视觉风格指南是完全可能的。尽管可能困难重重,但还是可能的。特别是对于Google复杂多样的产品组合来说。如果你想学习视觉设计,就应该认真研究一下Material设计是如何处理不同元素或要素的。Google的文档详细介绍了18种不

关于按钮的细节与运用

按钮几乎是每一个页面不可或缺的元素,对于按钮的认识基本停留在视觉层面,一个圆角矩形搭配一句文案就能拼凑成一个最基础的按钮。视觉是一个观察的切入点,但仅停留在视

Aure7.0实现动态“极验”效果(滑动验证)

“验证码”是一种很常见的东西,在很多网站的登录、注册、下单等业务操作时都会用到验证码。当然,验证码的形式也随着互联网、信息化的发展而变得多样起来,从最初的输入图中的文字到运算图中的数字再到最近坑的很火的123XX看图找物,样式层出不穷的验证码已经成为一个网站别样的“风景”,当然对于某一类的验证码大家的评价也是褒贬不一。我今天要跟大家分享的这一类验证码是本人认为见过的最好的一

单选按钮的用户体验设计

单选按钮作为表单系统的一个基本元素,它们被使用在当存在互斥的两个或多个选项而用户必须选择其中之一的时候。换句话说,点选某个尚未选中的单选按钮,之前的选择的哪一个就会恢复成未选中状态。正确的使用单选按钮会起到非常好的作用——它能够阻止用户输入错误的数据,因为它仅所显示的选项都是合法的,而且其本身有许多特性,比如能使用键盘切换并具有跨平台型。在这篇文章中,我们将概述从可用性测试

按钮组设计总结:按钮组排布时,是组合在一起好还是分开好?

本文主要是对按钮组的使用场景进行了一个简单的总结,enjoy~上周一个朋友问了我一个问题,按钮组排布的时候是组合在一起好还是分开好?这个问题当时就把我问倒了,因为我之前从来没有考虑过这个问题。为了回答这个问题,我对按钮组的使用场景进行了一个简单的总结,希望可以帮助到大家。 什么是按钮组?顾名思义,按钮组就是指两个或两个以上的按钮排布在一起。为了了解按钮组的使用场景,首先我们

【译】设计更好按钮的快速指南

脱水版1、矩形按钮是用户非常熟悉的按钮形状。使用其他形状的按钮,要注意保持一致性。阴影能使按钮凸显,容易被用户识别。2、按钮上的文字应该意义明确,能够告诉用户这个按钮能做什么,或者点击后会发生什么。3、APP按钮的位置最好符合平台的GUI指导书。web端产品按钮的位置最好通过测试来确定。4、触摸屏按钮最小10mmX10mm,再小手指很难按准确。鼠标操作的按钮,尺寸可以减小。

细节博弈!按钮的优先级选取与用户体验最佳实践

在网站和APP中的对话框通常会进行信息说明,并提供若干选项。最常见的选项数量通常是两个——一个选项优先级最高,为首选选项,而另外一个选项较少被选,为次要选项。(比如用户填写表单之后,结尾会提供两个按钮,一个为提交,另一个为取消)在今天的文章中,我们将这个最常见的用户体验场景作为探讨的对象,亦即“确认”和“取消”哪个按钮优先级更高。预防出错正如同Jakob Nielsen 谈

设计规范 | 详解组件控件结构体系:操作类

本篇文章是设计规范中的操作类,也是设计规范系列的第七篇,最近一直写这个系列,都写腻了,也没什么挑战性。继这个系列之后,我会写一些超有意思的文章,想想都好激动哦。由于涉及到操作类的组件控件实在太多太多了,我这里划分归类的是典型的同时和之前分组不重复。操作类一共含以下八类:底部操作列表 底部浮层视图 编辑菜单 底部工具栏 按钮 选择器 下拉菜单 文本框 依旧附上一张脑图,组件控