提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
原文地址:http://blog.brianlovin.com/design-details-google-search-for-ios
翻译:MartinRGB
设计细节:iOS上的谷歌搜索
iOS上的谷歌搜索似乎没有多少用武之地,但当你打开这款应用时,你会发现设计师很用心,这款应用值得一用。Google的设计史比较不堪回首,但是经历了漫长的磨合、改造,企业也渐渐有了自己的设计文化、设计语言。这款应用设计之精美令人印象深刻。虽然Google Search的使用率不像YouTube、Gmail那样高,但是,每天肯定会有数以百万的人使用这款应用。
下面是iOS上谷歌搜索的一些细节:
1. 翻转的Logo(夜间)
冬奥会题材的Google Logo翻转为纯白色的Google Logo。当你自下而上拉动卡片式,就会得到这种动效。
还有一点值得注意,开始时,底部是有一堆堆叠的卡片。当你上拉时,就会扩大-逐渐过渡为单张卡片,上下依次排列的布局。
2. 反转(夜间)
采取了与1.完全相反的交互,此时此刻,“Logo的翻转动效”这一视觉元素非常明显。更令人印象深刻的是,整体一气呵成的动效配合,注意顶部的状态栏,当反转动效完成后,立即会转换成Google账户菜单栏。
3. 日间
在白天,标头背景又变了,你注意到了吗?
4. Logo渐隐
连续等了好几天,终于等到Google使用标准Logo了!取而代之的不是翻转,而是渐隐!
标准Logo逐渐缩小、颜色渐隐,变为纯白色Logo,于此同时,刚好与背景形成了对照,提高了可读性。
5. 小回弹
当打开浏览器视图时,搜索结果会从右边弹出来,但是当窗口接触到屏幕左边时,会有小回弹的动效(这里截图不是很好,不是很明显,你可以下载一个自己看看)
6. 关闭浏览器
这个细节体现了谷歌设计师很重视交互设计。当你关闭搜索结果窗口时。窗口没有按原路返回(向右再弹回去,这是常用的解决方案),而是向下坠落,“从屏幕中掉下去”
我喜欢这个细节,两个原因:1.非常精细的小细节,动效很快,一般人很难察觉。2.与”按原路返回相比“,这种动效更让人“安心”。因为“按原路返回”,也就是向右弹走的动效,用户也可以理解为“暂时隐藏”;而这种动效,用户很清楚的可以知道,这是“关闭”,这回让用户感觉更舒服。
7. 移除卡片
我认为这可能是Google Search最著名的交互细节,可能是因为当用户上手这款应用时,用户教学便会向用户展示如何移除卡片
只需左/右滑动手势,即可从列表中清除一张卡片。简单、轻量、直观。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册