App体验—app store

APP名称：APP store

APP类型：应用商店

今天要体验的APP是iOS11系统的app store，在这个系统中据说App Store有一个全新的改版。

机智的我更新之前截图了旧版本的页面，下面是新旧版本的一些对比

Emmm……确实是全新的改版。从结构到视觉到交互都做了全新的改版。

一  产品结构变化

从【精品推荐+类别+排行榜+搜索+更新】变成【 today+游戏+app+更新+搜索】将游戏分离出来给了一个tab项层级变高，取消了排行的tab.

二 视觉变化

此次改版视觉比例很重，2017的开发者大会中用absolutely beautiful来表述此次的更新。

1.icon由线性变成面性图标

2.卡片式设计变多，卡片全是圆角。

3.为了增加层级，增加了大投影

4.圆角变多，和MD相比更柔和

5.大标题，文字的大小对比更明显，颜色对比更强烈。信息层级的区分更明显。

6.大封面，大banner，大的产品icon。

7.取消了所有的向右的icon，分割线选用不封口。

三  交互变化

新增了很多新鲜的交互。

1.在today页面详情页，点开以后原图片带动效直接放大进入详情页，向下拖拽关闭详情页，右上角的关闭按钮会根据底部的颜色有深浅的区分，翻到第二屏的时候底部会出现获取的小卡片。

2.列表上下滑动变成左右滑动

3.上滑页面，大标题缩小到nav bar上

4.但是很多“更多”点开以后无法收起来？？？ 很费解。

四  设计背后

对于这样的设计，在WWDC2017苹果也给出了设计背后的思路。

（视频地址：https://developer.apple.com/videos/play/wwdc2017/810/）

这次设计借鉴了现实生活中的Way finding去为iOS11做一个用户的导航，用大标题让用户能够清楚的知道自己所处的空间。

通过Typographic hierarchy去关注整体的层次，通过元素的设计创造鲜明的对比。例如通过加大文字的字号，字重，颜色的对比，然后对比更明显，层级更加的清楚。

视频中也一直在强调虽然对界面的元素做了很多的改变，但是苹果还是坚持内容为主的设计原则。

我已经在很多的app应用上看到了iOS11 的设计风格的应用。当然并不是所有的设计都适合这样的，视频中也有介绍了适合以及不是个用大标题导航的风格的不同情况，感兴趣可以自己去看视频了解下。

当一个新的设计风格出来我们该不该追，怎么去追，应该以什么样的心态看待。 我有自己的一些小想法。

首先不排斥新的东西也不盲目的去追，尽量的去知道风格变化背后的原因。我开始从事UI设计工作的时候，UI的设计风格已经从拟人转换到了扁平的风格，再过后从扁平风到添加阴影，渐变等的多元化风格再到现在的iOS11。其实每次风格的变化背后都有原因。

拟物化设计因为从按键过度到触屏用户的学习成本比较高，模拟真实的物体设计，可以降低用户的认知难度，到后期会发现，拟物化并不能高效的表达设计，扁平化风格也就随之出现了。扁平化的设计风格可以让设计师更加高效简介的的表达设计，并且用户的认知在这个时候已经成熟。再后来用户对视觉的要求开始变高，设计师开始在扁平的基础上去增加一些渐变阴影，让设计更有质感空间感，更加丰富。再到现在的iOS11引领的设计风格，其实是在用户的体验上进一步的去做完善。你会发现每一种不同的设计风格其实都是对当下阶段做的适配，去适配不同阶段的用户的需求。循序渐进，越来越完善的过程。就像人们在解决物质的需求以后，慢慢的回去追求精神的富裕。

在我们理解了这些风格背后的原因以后可以去结合自己产品的实际情况，选择性的去借鉴他们的设计风格以及理念。