这个按钮不简单

Slack 将保存时的「状态提示」设计在了同一按钮中。Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。Arent & Pyke 巧妙的将进度提示设计在了提交按钮中。Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换,并在按钮中加入了相应的图标用以识别。Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。Tidy 在进行「归档」和「添加至相册」操作时,会在顶部以同色的方式来标识所对应的操作按钮。在 Tumblr 中关注某个用户时,「Follow」按钮会变为当前用户的头像并以一个小动画来作为关注成功的提示。

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

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

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

这个按钮不简单

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

这个按钮不简单

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

这个按钮不简单

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

这个按钮不简单

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

这个按钮不简单

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

这个按钮不简单

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

这个按钮不简单

更多细节设计请访问 uedetail.com,也可关注新浪微博 @uedetail 与我交流。

 

转载微信公众号:appsolution

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/32503/

(0)
CatherineCatherine
上一篇 2017-06-05 13:34
下一篇 2017-06-05 16:44

相关推荐

  • 交互设计,应该从哪学起?

    交互设计行业感觉很火嘛,我也很有兴趣,甚至想转型做交互设计,需要具备什么条件吗?什么职业都可以转型做交互设计吗?网络上很多培训内容都太宽泛,我到底该学什么呢?想职业转型,想拿到高薪,想提升生活品质,如果只是停留在“想”,永远都不会获得成功。不如从今天、从此刻开始,开启你的交互设计之路,从职业规划到求职面试,本课程带你走上职场进阶的坦途。课程139课时,超过1500分钟,800MB课程资料,全面讲解交互设计知识!商业实战案例,1年私人顾问...

    2018-01-30
  • 无论屏幕多大,拇指驱动的重要性不会递减

    本文着重介绍了为什么大拇指非常重要,通过我们如何抓住不同大小的屏幕来说明“拇指规则”。

    2017-05-28
  • 我的设计流程|学会这3招,跟反复改稿Say No!

    设计师要想摆脱反复改稿的噩梦,自身就必须要更加专业以及见多识广,要么你能选择去跟一群专业的人共事,要么是你能用你的专业引导或配合别人按你的思路走。

    2017-05-15
  • 实时信息交互技术

    源标题:微信也爱用的实时交互 作者:stella 公号:SS工作室 实时技术把刚刚发生的信息传递给用户,于是有了whatsapp,有了米聊,火了微信。但是它是如何提高产品的用户体验,并满足用户期待的呢? 几年前,像低延…

    2016-06-01
  • 移动视觉与交互设计10项法则自查表

    转自:设计夹(ID:sezign)英文:medium译者:孙怡娜Photo by Medium近年来,移动手机风靡全球。用户们也已经习惯依照一定的法则在移动端获取信息。在这个微渺的事物就可以定胜负的世里,开发者们需要去了解并迎合…

    2017-08-01
  • [译]UX设计之复选框和开关按钮

    当设计表单时,交互设计师常常不得不面对一个问题,就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然,我们都有可能遵循某种既定的规则。无论如何,在做出这个选择时我们都应该牢记…

    2016-06-30
  • SEO营销之浅谈用户体验

    好的产品不是做出来的,而是改出来的。任何一个产品都不可能一招致胜,都需要不断的打磨,改进,尝试过失败之后,才能更为光彩的进入用户的视野。在这个反复修改的过程中,大家提到最多的词恐怕就是“用户体验”了,没有之一。今天,山哥就来跟大家交流一下我对“用户体验”的理解,希望各位看官手下留情。什么是用户体验标准定义:人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应。通俗讲法:这个东西好不好用,用起来方不方便。总的来说,用户体验是用户...

    2018-03-23
  • 广告与用户体验如何共存?

    今天给大家分享的是来自UI中国会员-海舟Ocean关于广告营销相关设计的一些经验总结。最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体...

    2018-04-20
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • 用户体验十大原则

    李达康1分钟前谁给你的权利,一天啥正事不干就想着玩手机。什么是用户体验?Spring有人说是有用性,就是说需求是真实的可用性,功能可以满足用户的需求满意度,情感方面,向产品整个的一个品牌评价可找到性,用户能找到他们需求的东西可获得,用户能够方便地完成操作、达到目的可靠性,让用户产生信任价值性,产品要为投资人产生价值,转化为金钱有人说是Steve Krug 在《点石成金》这本书里,提到的用户体验包括几个方面:有用性:能否帮助人们完成一些必...

    2018-02-27