iOS 11 最全面的设计通讯

从零开始学运营,10年运营老司机带路,2天线下集训+1年在线学习,做个优秀的运营人。了解详情

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资深交互设计师

本本文来源于人人都是产品经理合作媒体@饿了么UED,作者@梓非徐

打赏也是一种认可
4人打赏
评论
有话不说憋着难受!
  1. 谢谢

    回复
  2. 受教了啊,更新的速度真快

    回复
  3. 受教了

    回复
  4. 不错,饿了么ued越来越棒le

    回复
  5. 可以的

    回复