Chrome App – 习惯了单手操作

最后更新于:2022-04-01 02:52:37

![document/2015-08-30/55e31f4bd8bf2](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-30_55e31f4bd8bf2.png) #### <span style="color:red">Chrome App</span> - 当你在页面上做下拉手势时,顶部会出现3个操作菜单,默认中间是刷新,移动到左边手势是添加标签,移动到右边是关闭此标签。 > 想想在越来越大屏幕的时代,单手操作永远是个话题,但是真正有多少App在用心做呢?
';

Tumblr – 简约LOGO中有多彩

最后更新于:2022-04-01 02:52:34

![document/2015-08-30/55e288c473acf](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-30_55e288c473acf.gif) #### <span style="color:red">Tumblr(汤博乐)</span> - 当你鼠标移动到Tumblr的logo时,白色logo透明窗口中会随机出现彩色动画。这仿佛表现出Tumblr的另一个理念:轻博客中也会有更很精彩内容! --- [Tumblr](http://www.tumblr.com)(中文名:汤博乐)成立于2007年,是目前全球最大的轻博客网站,也是轻博客网站的始祖。Tumblr(汤博乐)是一种介于传统博客和微博之间的全新媒体形态,既注重表达,又注重社交,而且注重个性化设置,成为当前最受年轻人欢迎的社交网站之一。雅虎公司董事会2013年5月19日决定,以11亿美元收购Tumblr。 --- 顺便提一下它的实现方法: 1. logo是一个SVG对象(SVG简单说就是一个矢量图,本质是XML文本)。 2. 然后用SVG中的pattern元素创建一个纹理去填充。 3. 纹理包含是gif的image元素,每次鼠标离开logo就随机换一张gif图片。
';

Whatsapp – 贴心的电量提醒

最后更新于:2022-04-01 02:52:32

![document/2015-08-29/55e18721b3440](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-29_55e18721b3440.png) #### <span style="color:red">WhatsApp</span> - 在你网页版和手机版同时登录的时候,如果你手机电量过低时网页版会给你一个贴心的提醒:手机电量不足!这时恐怕你会立即插上充电了吧。 > 图片中文字上方是手机端,看到已经只有8%的电量了。 > 文字下方是Web端的提醒。 > 做前端或者做产品的同志们可以去玩玩WhatsApp的Web端,极简的Material Design设计风格,虽然没什么特别,但是真的很耐看。 > 这点贴心的功能不知道微信做了没,下次试一下^_^... --- WhatsApp网址:[web.whatsapp.com](http://web.whatsapp.com)
';

Facebook – 世界的地球

最后更新于:2022-04-01 02:52:30

![document/2015-08-29/55e137ecd4f90](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-29_55e137ecd4f90.png) #### <span style="color:red">Facebook</span> - 根据你的位置,不同地区的人访问Facebook会显示不一样的地球。 > 第一幅图是用日本代理访问Facebook > 第二幅图是用美国代理访问Facebook
';

Facebook Messenger – 赞也可以更有趣

最后更新于:2022-04-01 02:52:28

![document/2015-08-28/55e0831f9aff4](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e0831f9aff4.gif) #### <span style="color:red">Facebook Messenge</span> - 感叹一下:啊...原来赞还能这么玩!右下角的赞按钮,只要长按时间越久就越大,按太久还会爆掉...蛮有趣的。顿时让我想到小时候玩得街机游戏-拳皇:爆气。 > 看图还不能了解什么,再放个视频,视频更有趣还带有音效。 > [http://v.youku.com/v_show/id_XMTMyMTg4OTU2MA==.html](http://v.youku.com/v_show/id_XMTMyMTg4OTU2MA==.html) --- Facebook Messenger - 是Facebook官方聊天工具,允许客户进行聊天、接收通知并从电脑桌面上阅读新鲜事。
';

Youtube – 刚刚好的进度条

最后更新于:2022-04-01 02:52:25

![document/2015-08-28/55e02fb87b7b0](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02fb87b7b0.png) #### <span style="color:red">Youtube</span> - 在youtube.com上所有的链接切换,顶部都会有一条红色的进度掉显示,这种一点点改变体验非常棒,我再也不会特意去触碰多次某个操作了。现在普遍体验是:点击了页面没反映或者出现白屏。特别在网络不稳定的情况下,我甚至都再怀疑我是否点中,于是会再去点击或刷新。
';

网易云音乐 – 它在跟我们互动

最后更新于:2022-04-01 02:52:23

![document/2015-08-28/55e02f826c8bd](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02f826c8bd.jpg) #### <span style="color:red;">网易云音乐</span> - 云音乐的朋友圈不是用来晒的而是用来听的,这就会带来个问题:很难提起我的发帖兴趣,并不是不想发而是不知道发什么。而云音乐以一种主题的方式推送给用户,如果主题很恰打动我心,我会毫不犹豫点击【立即参与】。用了这么久云音乐,几个动态全是这种形式发出去的。
';

Apple Developer – 出错是为了得到更多

最后更新于:2022-04-01 02:52:21

![document/2015-08-28/55e02f2bd0c32](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02f2bd0c32.png) #### <span style="color:red;">Apple Developer</span> - 当访问苹果开发者网站出现404错误时,苹果并不是简单的把404页面做的很漂亮、有个性,而是它明白你多数情况是因为某个链接收藏太久,这个链接已经失效了,但是这时候你的目的性是很强:就是为了找到某个开发文档,这时出现了搜索框在你面前,你肯定已经跟我一样迫不及待要去搜索了,反而获得了更多知识。
';

百度图谱 – H5中有关系

最后更新于:2022-04-01 02:52:18

![document/2015-08-28/55e02ec8c8487](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02ec8c8487.jpg) #### <span style="color:red">百度图谱</span> - 通过知识图谱梳理关系,更加一目了然,并且百度把HTML5发挥的很棒。(这种形式可用在家族关系、公司组织、影视人物关系等...) 图谱官网:<a href="http://tupu.baidu.com/" target="_blank">tupu.baidu.com</a>
';

Chrome – 无网络的恐龙时代

最后更新于:2022-04-01 02:52:16

![document/2015-08-28/55e02ea0dc149](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02ea0dc149.png) #### <span style="color:red">Chrome</span> - 当无网络的情况下打开网页,它会出现一个恐龙界面(仿佛告诉你,你已经回到恐龙时代了),当你在这个界面按下空格,就会出现一个简单、容易上手、好玩的小游戏。
';

Chrome – 似乎它懂你的复制

最后更新于:2022-04-01 02:52:14

![document/2015-08-28/55e02e75339ec](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02e75339ec.png) #### <span style="color:red">Chrome</span> - 当你复制好内容,打开Chrome浏览器,鼠标右键粘贴的时候,Chrome似乎能懂你现在想要干什么,当你复制的是URL格式的链接,它会出现【粘贴并转到】,其他情况都当做关键字去搜索【粘贴并搜索】。
';

Pinterest – 更聪明的过渡加载

最后更新于:2022-04-01 02:52:12

![document/2015-08-28/55e02e3e774ad](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02e3e774ad.jpg) #### <span style="color:red">Pinterest</span> - 在图像被加载之前,背景会根据图片的色调挑选颜色,而不是随机的挑选的颜色,它的色彩到图片加载完毕的时候过渡非常自然。 --- Pinterest - 堪称图片版的Twitter,网民可以将感兴趣的图片在Pinterest保存,其他网友可以关注,也可以转发图片。 采用的是瀑布流的形式展现图片内容,无需用户翻页,新的图片不断自动加载在页面底端,让用户不断的发现新的图片。
';

Basecamp – 会与你对话的注册表单

最后更新于:2022-04-01 02:52:09

![document/2015-08-28/55e02dc9459da](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e02dc9459da.jpg) #### <span style="color:red">Basecamp</span> - 当你输入正确的时候,漫画男人会给你一个很大的笑脸并指引现在所在的地方,但当你输入错误的时候,他会瞪大眼睛给你一个惊讶的表情,嘴巴似乎在讲:Enter a valid email --- Basecamp - 是37signals公司旗下的一款非常流行的基于云服务的项目管理软件。以简单易用和颠覆性的创新而出名。 Basecamp提供了消息板,待办事宜,简单调度,协同写作,文件共享。而不是甘特图,炫丽的曲线图,和繁重的电子表格。
';

Yelp – 使用emoji来搜索

最后更新于:2022-04-01 02:52:07

![document/2015-08-28/55e01e9f7e2ab](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e01e9f7e2ab.png) ![document/2015-08-28/55e01eb74d539](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/document_2015-08-28_55e01eb74d539.png) #### <span style="color:red">Yelp</span> - 可使用emoji表情来搜索,并不需要你输入文字,更形象的搜寻。 --- Yelp - 是美国著名商户点评网站,创立于2004年,囊括各地餐馆、购物中心、酒店、旅游等领域的商户,用户可以在Yelp网站中给商户打分,提交评论,交流购物体验等(简单来说就是国外的大众点评 - *PS:大众点评2003年4月成立于上海*)
';