City Guides引领新的交互方式

City Guides 包含世界上最具活力的城市 — 伦敦、纽约、巴黎、罗马的城市信息,由美国国家地理协会推出,应用本身免费,但里面包含付费部分,可以购买更多内容和服务。

免费部分包括每个城市近50个的 “DID YOU KNOW”、天气信息、高清图片、汇率转换、距离测量等。收藏夹可以保存你看到感兴趣的城市信息或图片。

付费部分包括可以创建和共享你的行程,看到更多的精彩图片,还可以看到更多鲜为人知的秘密哦。

City Guide 有很多设计的亮点:

1. 交互新颖流畅,细节完美

流动的横屏切换动画效果,让人以为是在看一个城市的画卷般流畅,不徐不缓,娓娓道来。

IMG_8303

地图标记画面。像一个精美的信息可视化图表,而且会根据你的移动,调整圆圈的位置。只要标记在当前画面中,内容会随着位置转动,如果移动画布外,则会自动收起。

IMG_8307

添加至我的最爱的方式俏皮又不失稳重。

IMG_8320

2. 布局方式创新

上下结构的布局方式,让厌倦了左右侧边栏方式的小编眼前一亮。

IMG_8304

3. 视觉设计精致

视觉细节做的非常到位。图中的设置开关是不是比系统自带的开关要清楚的多~会避免很多的误操作。

IMG_8325

天气的显示界面。温度每个小时更新一次,手指左右滑动便可查看前后时间的温度、湿度等,而且精度竟然可以达到分钟。

一天的温度范围用漂亮的渐变色告诉你温度的高低。当然,越偏蓝的颜色表示温度越低了~

IMG_8324

小编在试用这款 App 时,时不时会惊叹它带给我的惊喜,不管是交互的创新还是视觉的细节做的无比到位。

当大家还在不停的抄袭上一个交互神话时,City Guides 已经准备引领下一个交互巅峰了。

想要更流畅的体验吗?

下载最美应用客户端
关注「最美应用」微信公众帐号

小美微信号zuimei47
加小美微信号,来跟小美聊天啦~
高清截图
展开更多截图

说City Guide是我见过的最有创意的App也不为过,这些创意体现在每一个交互的细节。侧边栏变成了底边栏、添加收藏时的动画、页面滑动时内容出现的效果、可视化的统计信息……每一个细节都可以拿来当做案例来学习。如果要挑一些缺点的话,许多地方的可点击性不够明确大概算是一个。但瑕不掩瑜,City Guide是一款非常值得业内人士和爱好者把玩的App。

之前在ui设计网看到一些界面的设计图,被那深色的地图吸引了,但始终找不到这个软件的名称。直到在最美应用里面才看到。这个软件也是我最喜欢的,喜欢它的配色,喜欢它的交互动画。即便内购很贵,地图不多,还是偶尔打开一下,体验那顺滑的感觉

1.动画很炫,开场动画很炫,过场动画也很炫;2.我们习惯了左右侧边栏,但city guides将导航放在了底部,通过向上弹出的方式进入二级页面,二级页面可上下滑动查看当页更多,左右滑动切换页面。这是city guides创新的一点,但使用起来略显混乱,如果有更明显的隐喻就更好了。3.采用卡片式设计,尤其较深的层级使用弹出的卡片展示,层级清晰、简约清爽;4.信息可视化做的很好,线条的视觉元素设计,在深色的背景上使用多种色彩高亮显示,一目了然。比如天气页面,单独提出来做成一个App都很不逊色现有天气应用;5.内购好讨厌!一个城市就要30块钱!比收费App更坑。

  • |

1. 作为一个功能较多的城市旅游手册类的应用,City Guides 将众多的功能整合在抽屉中,通过滑动或者点击进行功能见的切换,扁平化了功能层级,同时巧妙的配合手势的操作,大大减少了用户的操作步骤。2. 对于不同语言背景的游客来说,语言障碍在旅行中是常会遇见的,City Guides 将大量的城市基本信息已可视化的形式展现,提高了游客浏览信息的效率,也减少了信息误解的可能。3. City Guides 在操作中更多的考虑使用手势操作,并且在页面转场和数据显示中大量的使用有趣的动画,不仅使操作和反馈更加贴近用户的自然操作体验,也在愉快的旅行中也带来了更多的细节上的惊喜。

  • |

1、天气界面的交互和视觉都很让我惊艳,行云流水般。2、STATISTICS 界面数字跳跃效果很活泼,就像那些数值都是刚刚生成、新鲜出炉的。3、交互真的做的非常棒~~可惜很多都是需要付费才能查看更多的,Photos 才让我查看4张图,也太少了。如果有中国区的数据,可能会考虑花5刀买下完整版,可惜这四个城市,我短时间可都去不了啊~~

  • |
  • 1
评论
×
最美应用
免费
查看