提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
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这次更新,整体具有一种流动的动态美。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册