设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 大哥,这真的不只是一个按钮

大哥,这真的不只是一个按钮

UEDetail
2015-07-05
72016

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

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

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

button-01

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

button-02

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

button-03

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

button-04

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

button-05

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

button-06

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

button-07


上一篇
Mockplus 2.08发布计划

laobu   07/06

每个设计师都对客户撒过的20个谎言与真相

cyRotel   07/04

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com