5月22日,Twitter正式宣布获得了下拉刷新的技术专利,这项专利是在一年前提出的,虽然公司一再说明此项专利只用于保护自己,不会用来发起诉讼,但无疑这还是对行业来说是一个威胁。
下拉刷新这个操作最早由Tweetie创始人洛伦•布里切特(Loren Brichter)发明,到现在已经非常广泛地在各种应用中使用,Sparrow、Facebook、新浪微博、甚至是iOS原生系统也都在使用这种方 式。有理论认为,下拉刷新是一种适用于按照从新到旧的时间顺序排列feeds的应用,在这种应用场景中看完旧的内容时,用户会很自然地下拉查找更新的内 容,因此下拉刷新就显得非常合理。
随着下拉刷新这种方式的不断演变,下拉刷新已经跳出基础功能,成为一种表现品牌、表现设计感的元素,本文主要介绍几款有意思的下拉刷新。在收集过程 中发现,有一些应用是把应用类型巧妙地融合到了下拉刷新中;有很多应用的下拉刷新都是渗透了品牌元素,包括logo的颜色、icon的形状等等,另外还有 一些就比较特别,是结合整个应用的风格去做了一些创新。因此本文把有趣的下拉刷新分为了三类来介绍。
第一类:与应用类型相关
大家可以猜下这个应用是做什么的,这是一个叫Cheeze的应用,下拉时,界面会出现一个小老鼠,再往下拉小老鼠会掏出一个相机,松手之后咔嚓一下拍照。
根据老鼠的动作,我想很容易联想到这是一个照片分享应用。这样的下拉刷新设计,一方面传达了这个应用的核心价值,另一方面也对品牌有了更深刻的印象,非常有趣。
第二类:与品牌元素相关
当看到一只蓝色的小鸟,大家会很自然的想到Twitter;看到一个戴红色围巾的企鹅,大家会很自然地想到QQ;看到黄色中间带Z的星星,大家也会想到QQ空间,这就是品牌的力量,在下拉刷新这个设计点上,有很多应用在坚持做自己的品牌推广。
下图是Flickr的下拉刷新,下拉时,首先出现Flickr水印,松手loading时,玫红色和宝蓝色圆圈开始转动,相信Flickr的用户对这两个转动的小圈圈再熟悉不过。
再下面是Google的两个例子,它们都是围绕Google品牌色的黄红绿蓝来做文章,当然不知道是不是因为是由不同部门分开设计开发的原 因,Google+和Gmail的下拉刷新在形式上稍微有点差别,个人觉得Google+的四条彩带相对而言稍显夸张,比较喜欢Gmail里面折纸一样不 停翻转的圈圈。
嗡嗡是蚂蜂窝出品的旅行分享应用,在下拉时候会出现一只振翅的小马蜂,第一次进来还搭配有马蜂嗡嗡的声音,生动有趣。
想去是一个主推设计师市场的电商导购类的网站,设计一直比较别致,非常对设计师胃口,这里给的图不是下拉刷新而是加载更多,与品牌相关度比较高,觉得很有趣所以也就贴进来了。Loading过程中会有一条鱼蹦出来,想去logo就会像一条鲨鱼游动着追逐小鱼,特别可爱。
第三类:特立独行,我有我姿态
在手机侧,各种层出不穷的小应用满足着形形色色各种垂直化的需求,在设计方面大家也是想方设法去做一些创新,希望自己能够在各种应用中脱颖而出,下拉刷新也就自然而然成为了一个展现自己个性的地方。
Tumblr一直是一个勇于创新的应用,从向上滑动写操作按钮可以快速出拍照、向右滑动快速进入写说说界面、多图支持自由拖动编辑等种种小细节的精 心设计都可以看出来,各种尝试令人眼前一亮。在下拉刷新这一块,Tumblr采用了iOS比较系统的方式,创新点在loading时,有三个小方块呼吸态 跃动,这三个跃动的小方块贯穿了Tumblr整个应用的刷新操作,比较有意思。
Twittelator是Twitter的一个第三方应用,整个应用把纸张的概念贯彻得非常好,写操作是用一个动画飘出来一张纸,下拉刷新这里也采用了展开折纸的效果。
Timehop是一个可以整合自己各个平台老照片的应用,能够很方便地跟朋友们分享你的那些美好时光,没有研究过为什么他们的下拉刷新会出现一个表情俏皮、朝大家招手的恐龙,但是第一次看到的时候就觉得特别可爱有趣。
网易应用中心的下拉刷新用了一个方块在页面上从左往右滚动,根据网速不同,方块滚动的速度会有差异,还挺特别的,如果网络不给力或者刷新成功的提醒,都会 有一个方块从屏幕右侧倒下来给出提醒。虽然不知道是不是技术问题,方块在滚动过程中会有一点点锯齿,但这总的来说也算是一个特别的刷新尝试。
总的来说,下拉刷新这一部分的细节设计,可以是传达产品价值、推广品牌理念的一个机会,精心做一些特别一点的设计,就可以让大家记住你。所以,我们 可以在以后的产品设计中,把握好产品大方向的同时,兼顾一些这种小细节设计,把我们的品牌元素和产品价值的东西能够成为产品的一些小亮点,让我们的应用能 够在精致的路上,越走越好~
相关推荐
Taurus 可以实现有趣的下拉刷新动画。 标签:Taurus
android十几种场景很厉害的下拉刷新
android 下拉刷新动画, android 下拉刷新动画 android 下拉刷新动画
FlyRefresh有趣的下拉刷新动画.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
使用弹性动画让刷新变的更有趣。 GitHub地址:https://github.com/PoisonousMilk/PMElasticRefresh 博客讲述实现分析:http://ayjkdev.top/2016/05/08/pmelasticrefresh-achieve/ 支持PoisonousMilk组织,请来一...
有趣的下拉刷新,下拉之后是一个小飞机飞出去,飞机飞回原处刷新完成。
有趣好玩的下拉刷新库, 你还记得小时候打的黑白掌上游戏机么? Preview FunGame 更新内容 2016-07-28 当后台线程没有执行完毕的时候,松开手指,下拉刷新控件会回滚到游戏区域高度的位置,用户任然可以继续玩游戏...
作者Hitomis,源码FunGameRefresh,实现思路简单,有趣好玩的下拉刷新库, 你还记得小时候打的黑白掌上游戏机么?
前段时间项目中用到了下拉刷新功能,之前在网上也找到过类似的demo,但这些demo的质量参差不齐,用户体验也不好,接口设计也不行。最张没办法,终于忍不了了,...大家可以参考这篇文章:有趣的下拉刷新,下面我贴出一
实用且有趣的源码,适合毕设,课设,仅供参考
实用且有趣的源码,适合毕设,课设,仅供参考
最近10几天都在学习小程序的开发,遇到了一些问题和笔记有趣的东西,今天总结了一下,和大家分享 1.小程序中的template模块使用 在一个月黑风高的夜晚,我突然发现一个很有意思的东西,那就是template模块,它可以将...
最近10几天都在学习小程序的开发,遇到了一些问题和笔记有趣的东西,今天总结了一下,和大家分享 1.小程序中的template模块使用 在一个月黑风高的夜晚,我突然发现一个很有意思的东西,那就是template模块,它...
下拉刷新、上拉加载更多 显示动态GIF图、高斯模糊背景 侧滑菜单 Realm数据库使用 ViewPage嵌套滑动 提供常见的干货资源获取,支持分类查看,同时提供搜索功能,保留搜索记录。如果仅仅是这样,那么它仅仅又是一个...
BreakOutToRefresh使用SpriteKit将可玩的迷你游戏添加到下拉菜单中以刷新表视图中的视图。 在这种情况下,迷你游戏是BreakOut,但在该空间中可能会出现很多其他迷你游戏。 书 如果您喜欢这个存储库,并且想还给我...
SpringView是一款提供了上下拖拽功能的组件,可以高度定制,实现各种下拉\拉画效果,demo中实现:仿阿里旅行、仿美团、仿QQ下拉刷红包、仿acfun等,完全兼容ListView、RecyclerView、ScrollView、WebView等源码控件...
SpringView是一种提供上下拖放功能的功能,可以高度定制,实现各种下拉\拉画效果,在演示中实现:仿阿里旅行,仿美团,仿QQ下拉刷红色信封,模仿acfun等,与源控件(例如ListView,RecyclerView,ScrollView,...
控制项所有控件都在GUI下拉菜单中。MIDI 插入MIDI控制器,然后刷新页面。 代码自动连接到第一个可用的MIDI控制器。 更改CC选择器,以将控件连接到所需的参数。 ccIdentifier仅显示您上次转动哪个旋钮。 它还可以显示...
如果进程列表没有正确反映当前的进程状态,可以点刷新按钮刷新列表。对于一些不能在运行中改变速度,或者在运行中改变速度会发生异常的游戏,请先设定好想要的速度,然后用除了第一种方法之外的方法启动游戏。 ...