iOS 11 最全面的设计通讯

iOS 11 还处在测试阶段，各种 Bug 和不稳定阻碍了大家的体验，饿了么UED的同学们也仅有几台测试机在体验中。为了让大家都能了解到 iOS 11 在设计领域带来的变化，我们进行深度体验并参阅媒体评测，以汇总评论的方式给大家带来这篇文章，如有遗漏或错误还请指正。

交互和功能

iOS 11 添加了大量实用的功能，也对之前的一些交互进行了变更，这里挑选对设计师来说最有必要了解的几条内容。

重新设计的控制中心

控制中心由原来的三页改成一页，并采用了模块化的设计；3D Touch 在这里有了更多的用武之地，其中大滑块的操作交互值得学习；

新增录屏功能

终于等来了 iOS 设备上的录屏功能，看到灵感时可以立马录制，不用再经历连接电脑使用 QuickTime Player 的繁琐步骤了；

截屏功能强化

截屏后自动在左下角出现预览，点击可以直接进行图片标注，也可左滑关闭，又是一个设计师和产品经理的效率提升利器；

相册可以直接播放 GIF 动画；

延伸阅读：

你可能还不知道的 iOS 11 新变化

Hands-on with 100+ features and changes [Video]

视觉

风格更统一的矩形视觉元素色块；

去掉大量的分割线（圆形或直线），使用背景色块区隔；如解锁界面、计算器界面，大部分系统 icon 也由线框变成实心；

全新的 Navigation Bar：超大的字重标题、去掉分割线、大面积阴影、留白等；

字体上，利用不同字重来提高可读性，很多地方的重点文字内容得到加粗（如桌面 App 名称、设置选项等）；

Apple 自家应用的视觉风格统一化：以 Apple Music 的改版为先，以 App Store 的改版为代表，新一代的视觉语言也越来越完善，可以期待近期版本迭代的优化和最终 Guidelines 的发布；

延伸阅读

iOS 10 vs 11：完整 UI 比較分析

App Store

资讯架构优化：主要体现在 Apps 和 Games 的分离，排行榜的弱化，新增的 Today 栏目提供了更多的媒体和编辑推荐属性等；

产品界面的变化：主要提现在视觉部分的重心更突出（更大的 Icon、更多的演示视频、更少的文字描述），文字的使用需更加精炼和搭配（标题+副标题+描述+推广文案+更新说明），使用者评价的重要性提高等；

搜索部分，主要强化了搜索关键字的能力（现在能搜索更多的字段），强化了屏幕截图和预览视频的能力，优化了文案显示的策略；

更有人情味的应用推荐：在 Today 栏中你可以看到纪念碑谷为什么如此吸引人，以及对他们制作团队的采访等内容；Apple 将以更加媒体化的方式来对 Apps 进行更具个性化的推荐；

延伸阅读

iOS 11 的 App Store 大变样，对我们有什么影响？

Podcasts 播客

重新设计的播客应用已经使用了统一的视觉语言和交互；

Notes 备忘录

新版备忘录功能越来越强大了，新增扫描文档、置顶单条笔记、笔记中插入表格、插入涂鸦、协同编辑、锁定等；

延伸阅读

更強備忘錄 可以掃描文件了地址

Photos 相册

Live Photo 支持制作循环、来回播放的视频，支持生成长曝光图片，自定义封面等；相册中可以播放 GIF 图片；照片滤镜选择从九宫格变成了横向选择；

相关阅读

Apple Design Videos  

涵盖本次 WWDC 上有关设计的视频内容，包括设计技巧、设计沟通、设计方法论和设计原则等；

Apple UI Design Resources

已经更新 iOS 11 的界面源文件，可以看看具体的字形字号间距阴影等参数（Sketch、Photoshop）；

2017 Apple Design Awards

发布会结束后即发布了本年度的设计大奖，一共包含 12 款游戏和应用，建议大家都试玩一下；

本文参考链接

Apple iOS 11 Preview

你可能还不知道的 iOS 11 新变化，第一弹

WWDC 没提到的 20 个实用功能

iOS 11 初体验

更強備忘錄 可以掃描文件了

iOS 11 的 App Store 大变样，对我们有什么影响？

iOS 11 为 iPad 带来了什么新功能？

The 6 best new features in iOS 11

What’s new in iOS 11? Hands-on with 100+ features and changes

Apple Design Videos

Apple UI Design Resources

2017 Apple Design Awards

作者：梓非徐，饿了么UED资深交互设计师

文章作者系 @梓非徐