恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Google for iOS的交互细节
0.0°
2014-05-30 自译外文 经验/观点 原作者: Brain Lovin 举报 5814 39 14 2

原文地址: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最著名的交互细节,可能是因为当用户上手这款应用时,用户教学便会向用户展示如何移除卡片

只需左/右滑动手势,即可从列表中清除一张卡片。简单、轻量、直观。

更新:2014-05-30

收藏

39人已收藏

MartinRGB

http://www.MartinRGB.com

  • 234

    作品

  • 1.7w

    粉丝

  • 413

    关注

  • MartinRGB.com
  • Icon Freebie - Code
  • 实验系列II —— Music App For Tv/Pad
  • Private Trainer 引导页实现
相关标签
移动应用界面

    猜你喜欢

      2014-05-30 自译外文 经验/观点 原作者: Brain Lovin 举报 5814 39 14 2

      Google for iOS的交互细节

      0.0°

      你确定要举报Google for iOS的交互细节

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年05月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      14
      39
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录