iOS 11 最全面的设计通讯为了让大家都能了解到 iOS 11 在设计领域带来的变化，饿了么 UED 的同学进行了深度

iOS 11 还处在开发测试阶段，各种 Bug 和不稳定阻碍了大家的体验，饿了么UED的同学们也仅有几台测试机在体验中。

为了让大家都能了解到 iOS 11 在设计领域带来的变化，我们进行体验并参阅媒体评测，以汇总评论的方式给大家带来这篇文章，如有遗漏或错误还请指正。

交互和功能

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

1. 重新设计的控制中心：控制中心由原来的三页改成一页，并采用了模块化的设计；3D Touch 在这里有了更多的用武之地，其中大滑块的操作交互值得学习；&amp;amp;amp;lt;img src="https://pic4.zhimg.com/v2-f6dd6c8fd9d5acc61354037c5e95cfcf_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic4.zhimg.com/v2-f6dd6c8fd9d5acc61354037c5e95cfcf_r.png"&amp;amp;amp;gt;

2. 新增录屏功能：终于等来了 iOS 设备上的录屏功能，看到灵感时可以立马录制，不用再经历连接电脑使用 QuickTime Player 的繁琐步骤了；&amp;amp;amp;lt;img src="https://pic2.zhimg.com/v2-3bca889b012ff288436fde100474f595_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic2.zhimg.com/v2-3bca889b012ff288436fde100474f595_r.png"&amp;amp;amp;gt;

3. 截屏功能强化：截屏后自动在左下角出现预览，点击可以直接进行图片标注，也可左滑关闭，又是一个设计师和产品经理的效率提升利器；&amp;amp;amp;lt;img src="https://pic4.zhimg.com/v2-a7eaf2ea2d4676fcedb9f968285ddefb_b.gif" data-rawwidth="320" data-rawheight="570" data-thumbnail="https://pic4.zhimg.com/v2-a7eaf2ea2d4676fcedb9f968285ddefb_b.jpg" class="content_image" width="320"&amp;amp;amp;gt;

4. 相册直接播放 GIF 动画；&amp;amp;amp;lt;img src="https://pic2.zhimg.com/v2-aaa22922fd8129133e7fcd9209b35861_b.gif" data-rawwidth="320" data-rawheight="570" data-thumbnail="https://pic2.zhimg.com/v2-aaa22922fd8129133e7fcd9209b35861_b.jpg" class="content_image" width="320"&amp;amp;amp;gt;

延伸阅读
你可能还不知道的 iOS 11 新变化
 What’s new in iOS 11? Hands-on with 100+ features and changes [Video]

视觉

1. 风格更统一的矩形视觉元素色块；&amp;amp;amp;lt;img src="https://pic4.zhimg.com/v2-f27657c88c9e8ae659fc7a9be90d8b77_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic4.zhimg.com/v2-f27657c88c9e8ae659fc7a9be90d8b77_r.png"&amp;amp;amp;gt;

2. 去掉大量的分割线（圆形或直线），使用背景色块区隔；如解锁界面、计算器界面，大部分系统 icon 也由线框变成实心；&amp;amp;amp;lt;img src="https://pic4.zhimg.com/v2-5e7aec119afdaad43f68834bd595d047_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic4.zhimg.com/v2-5e7aec119afdaad43f68834bd595d047_r.png"&amp;amp;amp;gt;

3. 全新的 Navigation Bar：超大的字重标题、去掉分割线、大面积阴影、留白等；&amp;amp;amp;lt;img src="https://pic2.zhimg.com/v2-759ec24100a5a5621c80bdf77d089471_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic2.zhimg.com/v2-759ec24100a5a5621c80bdf77d089471_r.png"&amp;amp;amp;gt;

4. 字体上，利用不同字重来提高可读性，很多地方的重点文字内容得到加粗（如桌面 App 名称、设置选项等）；&amp;amp;amp;lt;img src="https://pic2.zhimg.com/v2-14ed71a104e56e833c076e66ba989a35_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic2.zhimg.com/v2-14ed71a104e56e833c076e66ba989a35_r.png"&amp;amp;amp;gt;

5. Apple 自家应用的视觉风格统一化：以 Apple Music 的改版为先，以 App Store 的改版为代表，新一代的视觉语言也越来越完善，可以期待近期版本迭代的优化和最终 Guidelines 的发布；&amp;amp;amp;lt;img src="https://pic4.zhimg.com/v2-c1dc409c67885667707da3d179c141d3_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic4.zhimg.com/v2-c1dc409c67885667707da3d179c141d3_r.png"&amp;amp;amp;gt;

延伸阅读
iOS 10 vs 11：完整 UI 比較分析

App Store

1. 资讯架构优化：主要体现在 Apps 和 Games 的分离，排行榜的弱化，新增的 Today 栏目提供了更多的媒体和编辑推荐属性等；&amp;amp;amp;lt;img src="https://pic4.zhimg.com/v2-ade18797abdd1af25b44a2cbdafd14eb_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic4.zhimg.com/v2-ade18797abdd1af25b44a2cbdafd14eb_r.png"&amp;amp;amp;gt;

2. 产品界面的变化：主要提现在视觉部分的重心更突出（更大的 Icon、更多的演示视频、更少的文字描述），文字的使用需更加精炼和搭配（标题+副标题+描述+推广文案+更新说明），使用者评价的重要性提高等；&amp;amp;amp;lt;img src="https://pic2.zhimg.com/v2-6301ffc9b46062d9b45d30a9231e9785_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic2.zhimg.com/v2-6301ffc9b46062d9b45d30a9231e9785_r.png"&amp;amp;amp;gt;

3. 搜索部分：主要强化了搜索关键字的能力（现在能搜索更多的字段），强化了屏幕截图和预览视频的能力，优化了文案显示的策略；&amp;amp;amp;lt;img src="https://pic3.zhimg.com/v2-955ca7b0da31e55a32499884f74ead16_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic3.zhimg.com/v2-955ca7b0da31e55a32499884f74ead16_r.png"&amp;amp;amp;gt;

4. 更有人情味的应用推荐：在 Today 栏中你可以看到纪念碑谷为什么如此吸引人，以及对他们制作团队的采访等内容；Apple 将以更加媒体化的方式来对 Apps 进行更具个性化的推荐；&amp;amp;amp;lt;img src="https://pic2.zhimg.com/v2-4e18430c1fa2d7a25647393abccad4e1_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic2.zhimg.com/v2-4e18430c1fa2d7a25647393abccad4e1_r.png"&amp;amp;amp;gt;

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

Podcasts 播客

重新设计的播客应用已经使用了统一的视觉语言和交互；&amp;amp;amp;lt;img src="https://pic4.zhimg.com/v2-d82a384dd8c35d4fac3b0a597edcc4bb_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic4.zhimg.com/v2-d82a384dd8c35d4fac3b0a597edcc4bb_r.png"&amp;amp;amp;gt;

Notes 备忘录

新版备忘录功能越来越强大了，新增扫描文档、置顶单条笔记、笔记中插入表格、插入涂鸦、协同编辑、锁定等；&amp;amp;amp;lt;img src="https://pic1.zhimg.com/v2-e03e3f70432a018aff9fdb7415b0b4e0_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic1.zhimg.com/v2-e03e3f70432a018aff9fdb7415b0b4e0_r.png"&amp;amp;amp;gt;

延伸阅读
iOS 11預覽（三）：更強備忘錄可以掃描文件了

Photos 相册

Live Photo 支持制作循环、来回播放的视频，支持生成长曝光图片，自定义封面等；相册中可以播放 GIF 图片；照片滤镜选择从九宫格变成了横向选择；&amp;amp;amp;lt;img src="https://pic1.zhimg.com/v2-9f66528907aaef6b33e6d20dfed40a90_b.png" data-rawwidth="1420" data-rawheight="1220" class="origin_image zh-lightbox-thumb" width="1420" data-original="https://pic1.zhimg.com/v2-9f66528907aaef6b33e6d20dfed40a90_r.png"&amp;amp;amp;gt;

延伸阅读

Apple Design Videos

涵盖本次 WWDC 上有关设计的视频内容，包括设计技巧、设计沟通、设计方法论和设计原则等；&amp;amp;amp;lt;img src="https://pic1.zhimg.com/v2-e9f4518d7415cdebeafe1597c6b7d338_b.png" data-rawwidth="1000" data-rawheight="558" class="origin_image zh-lightbox-thumb" width="1000" data-original="https://pic1.zhimg.com/v2-e9f4518d7415cdebeafe1597c6b7d338_r.png"&amp;amp;amp;gt;

Apple UI Design Resources

已经更新 iOS 11 的界面源文件，可以看看具体的字形字号间距阴影等参数（Sketch、Photoshop）；&amp;amp;amp;lt;img src="https://pic2.zhimg.com/v2-f22eefe5c872b310e27955ee64f68285_b.png" data-rawwidth="1000" data-rawheight="499" class="origin_image zh-lightbox-thumb" width="1000" data-original="https://pic2.zhimg.com/v2-f22eefe5c872b310e27955ee64f68285_r.png"&amp;amp;amp;gt;

2017 Apple Design Awards

发布会结束后即发布了本年度的设计大奖，一共包含 12 款游戏和应用，建议大家都试玩一下；&amp;amp;amp;lt;img src="https://pic3.zhimg.com/v2-bbab7dcbe765fef5116ffe267d7c7f56_b.png" data-rawwidth="1000" data-rawheight="414" class="origin_image zh-lightbox-thumb" width="1000" data-original="https://pic3.zhimg.com/v2-bbab7dcbe765fef5116ffe267d7c7f56_r.png"&amp;amp;amp;gt;

参考文献

另外，饿了么 UED 正在寻找各类交互和视觉设计大牛，欢迎自荐或他荐 🙌