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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
Flickr for iOS的20处小细节
0.0°
2014-04-29 自译外文 经验/观点 原作者: BrainLovin 举报 13671 67 28 7

Flickr for iOS上周进行了重大升级,这次重设计令人印象深刻,无论你是设计师还是摄影师,都能从中获取某种启发。Yahoo的这次针对Flickr的升级做的很赞,可以从点滴细节中看出,Yahoo的设计师花了很大心思。

关于Flickr for iOS,有以下几处细节值得注意:

 1.隐现的搜索栏

 

 搜索栏的交互效果做的不错,自然,且令人愉悦。下拉的交互效果非常流畅,此处的交互设计非常的“有礼貌”:渐渐出现,丝毫不带突兀感。

 2.下拉刷新

 

 这里不得不称赞一下Flickr的设计师!下拉刷新的动效非常有创意,让人欲罢不能。和大多数应用千篇一律的下拉刷新相比,Flickr的立马就脱颖而出了,而且还顺带点了一下题——Flickr的Logo。

 3.磨砂玻璃

 

 如果你觉得iOS7的磨砂玻璃设计是行业标杆,那么来看看Flickr的吧。细腻、精致、玻璃效果+高度逼真的色彩。作为相片应用,视觉效果尤为重要,这一部分的设计为整款应用增色不少。

 4. 查看评论

 

这里我动画捕捉的不是很到位——我强烈建议各位自己下载这款应用去玩一玩(中国地区用户需要更换美区账户)。Flickr的二级视图打开动效,整体看来非常一致——非常漂亮的模糊+弹出效果感觉很棒(可能也会有人被吓一跳)。这一点还成,但是不算完美,相信他们会在下一版本中让效果更加平滑。

 5. 收藏

 

收藏这个小动效为整体体验锦上添花,增加了应用整体的趣味性。

 6. 关注

关注的这个按钮小动效也很不错。充满愉悦性,而且响应迅速,丝毫没有迟缓感。

7. 来回穿梭的下拉刷新

 

当我第一次看到这里的小效果时,我大喊“卧槽,牛逼”——我爱上了这种动效,这比传统的下拉刷新复杂多了,但是更能让用户感受到愉悦,我反复提及的“愉悦”二字,正是这一版FLcikr的使用体验。

8. 编组

 

 如果你不注意,可能会忽略了此处的小细节——当你第一次点击编组标签时,会出现一个用户图标,与此同时周围的小气泡开始弹跳

9. 二级视图

 

下面这张图展示了当点击子视图的效果,也是不完美,但是有亮点,能看出是良心设计,期待他们下一次的改良。

 10.搜索功能

 

 这种过小的细节很容易被忽视,但是决定伟大和普通的就是这种小细节,注意当分类标签改变时,搜索栏中得文本也相应改变。

 11. 照相

 

Flickr上的照片一度非常高质,很多都是专业设备拍摄的,而现在,更多人喜欢用手机记录生活。Flickr这次重点关注了这一点,新的相机界面非常精致、简单、易用

下面的GIF展示了动态滤镜的添加,从右到左的弹性动效非常顺畅,选中的滤镜会略高。

12. 摄像/拍照模式切换

 

注意切换时小圆圈的旋转,以及按钮颜色的变化。

13. 拍照

 

当我第一次拍照时,我惊异于动效的流畅,以及弹性十足的过渡(比方说拉出键盘+模糊)滑动、回弹、模糊,三种效果结合的很紧密。

14. 相片编辑

 

快捷、高速响应的交互,编辑工具很好用,相片调整非常方便。

15. 更多滤镜效果

 

当你拍完照片后,还可以再次编辑滤镜,打造双重效果。

注意添加滤镜时,滤镜卡片中渐现+滑动+渐隐的交互效果太巧妙了。微交互正流行,这种小处的动效太能让用户感到设计感了。

16. 更多编辑选项

 

点击屏幕底部的三个小点,会获取更多编辑选项,滑动效果不错。至于为什么这些选项没有显示在拍照界面的主视图中,应该是有原因的,估计涉及团队当时抉择了很久吧。

17. 状态改变

 

这是Flickr全局性的动效,在这个Gif中,我先是调出了已存在的相册,然后返回到拍照界面,转场非常流畅,而且迅捷。

18.照片标签信息

 

Flickr严格遵循了整体设计语言中得“模糊”,同时还能让照片的标签信息更清晰,交互上也愉悦用户。

19. 个人页

 

继续保持着全局性的模糊效果,子导航的切换顺畅自如。

20. 流畅的评论

 

无障碍的输入,输入信息后内容上移的效果很自然。Flickr这次更新,整体具有一种流动的动态美。

更新:2014-04-29

收藏

67人已收藏

MartinRGB

http://www.MartinRGB.com

  • 234

    作品

  • 1.7w

    粉丝

  • 413

    关注

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

    猜你喜欢

      2014-04-29 自译外文 经验/观点 原作者: BrainLovin 举报 13671 67 28 7

      Flickr for iOS的20处小细节

      0.0°

      你确定要举报Flickr for iOS的20处小细节

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年04月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      28
      67
      7

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

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

      登录

      手机号

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

      登录
      第三方账号登录