这不只是一个按钮!

Button 作为互联网产品设计中最基础的控件之一,早前的功能大概只有两个:提交数据或发起响应。但随着技术的日新月异,有人开始打起了它的主意,于是乎在一些产品中出现了很多看上去是一个按钮,但其实不仅仅是一个按钮的按钮,听上去很拗口对不对?没关系,让我们耳听为虚眼见为实。

「…这个表面上是个大哥大,但你看,这里有一层白色金属网膜,实际上,它是一个刮胡刀…」为什么我想到了这个…囧。

Slack 将保存时的「状态提示」设计在了同一按钮中。

Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。

Arent & Pyke 巧妙地将进度提示设计在了提交按钮中。

Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换,并在按钮中加入了相应的图标用以识别。

Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。

Tidy 在进行「归档」和「添加至相册」操作时,会在顶部以同色的方式来标识所对应的操作按钮。

在 Tumblr 中某个用户时,「Follow」按钮会变为当前用户的头像并以一个小动画来作为成功的提示。

文章来源:UEDetail

作者:UEDetail

(0)

相关推荐

  • Fireworks如何制作一个按钮

    FW制作一个按钮(适合初学者) 效果图:   用("椭圆"工具)画出一个圆,用("圆角"矩形)画出一个圆角矩形,然后把矩形叠放在圆上面: 执行>>修 ...

  • Axure RP 8怎么制作一个按钮控制圆球运动的原型?

    Axure RP 8原型设计工具的元件库中有椭圆形,可以利用该元件设计出滚动的效果.而触发这个运动通过按钮单击事件实现,规定椭圆形的起始坐标,单击按钮后,将椭圆形移动到另一个新的坐标,具体实现如下: ...

  • 如何采用java语言对一个窗口添加一个按钮

    本实例,是采用eclipse软件建立一个窗口,在窗口中添加入一个按钮,然后显示出按钮的次数. 操作方法 01 打开eclipse软件,并且建立java一个工程,具体如下图: 02 声明,窗口类中的各个 ...

  • 电脑显示器只有一个按钮怎么调节屏幕亮度?

    电脑显示器只有一个按钮怎么调节屏幕亮度?买了一个显示器,但是屏幕太亮了,想要调节亮度,却发现,它只有一个按键,该怎么办呢?下面我们一起来看看设置方法,需要的朋友可以参考下 操作方法 01 1.我们先要 ...

  • 电脑显示器只有一个按钮如何调节屏幕亮度?

    电脑显示器只有一个按钮如何调节屏幕亮度?下面小编来教大家. 操作方法 01 我们先打开我们的电脑,然后我们点击电脑桌面左下角的开始按钮,弹出的界面,我们点击设置: 02 弹出的界面,我们点击系统: 0 ...

  • 点击一个按钮,从屏幕任何方向展开一个面板

    效果:APP中,点击一个按钮,从屏幕下方(上.左.右)展开一个面板(组件) 操作方法 01 1. 使用组件:弹出面板 2. 属性设置: 02 以上适用于贴紧APP边缘的面板或者组件,如下图 03 当这 ...

  • 在PowerPoint插入FLASH的一个片段的方法

    有时在PowerPoint中使用Flash,我们只需要Flash中的一个片段,而Flash却没有〔播放〕、〔暂停〕、〔快进〕等按钮,Flash文件也不能修改,这样使用Flash的效果就会大打折扣。如果 ...

  • Windows 8技巧:Xaml+C#开发第一个Metro Style应用程序的使用

    首先我们需要安装Windows 8以及VS2012,下载地址:http://msdn.microsoft.com/zh-CN/windows/apps/br229516/ 然后我们打开VS2012,选 ...

  • excel利用"宏"建立窗体命令按钮动画教程

    《Excel2003入门动画教程57、利用“宏”建立窗体命令按钮》。 演示动画 操作步骤 通过运行“宏”对话框调用宏不太方便,通过快捷键调用宏,如果宏多了又记不住,那我们不如在Excel表格中添加一个 ...