iOS 11 最全面的设计通讯

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
7723 30 134 2017-06-25

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



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

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




交互和功能


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


  1. 重新设计的控制中心:控制中心由原来的三页改成一页,并采用了模块化的设计;3D Touch 在这里有了更多的用武之地,其中大滑块的操作交互值得学习;Image title
  2. 新增录屏功能:终于等来了 iOS 设备上的录屏功能,看到灵感时可以立马录制,不用再经历连接电脑使用 QuickTime Player 的繁琐步骤了;Image title
  3. 截屏功能强化:截屏后自动在左下角出现预览,点击可以直接进行图片标注,也可左滑关闭,又是一个设计师和产品经理的效率提升利器;Image title
  4. 相册可以直接播放 GIF 动画;Image title


延伸阅读




视觉


  1. 风格更统一的矩形视觉元素色块;Image title
  2. 去掉大量的分割线(圆形或直线),使用背景色块区隔;如解锁界面、计算器界面,大部分系统 icon 也由线框变成实心;Image titleImage title
  3. 全新的 Navigation Bar:超大的字重标题、去掉分割线、大面积阴影、留白等;Image title
  4. 字体上,利用不同字重来提高可读性,很多地方的重点文字内容得到加粗(如桌面 App 名称、设置选项等);Image title
  5. Apple 自家应用的视觉风格统一化:以 Apple Music 的改版为先,以 App Store 的改版为代表,新一代的视觉语言也越来越完善,可以期待近期版本迭代的优化和最终 Guidelines 的发布;Image title



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




App Store


  1. 资讯架构优化:主要体现在 Apps 和 Games 的分离,排行榜的弱化,新增的 Today 栏目提供了更多的媒体和编辑推荐属性等;Image title
  2. 产品界面的变化:主要提现在视觉部分的重心更突出(更大的 Icon、更多的演示视频、更少的文字描述),文字的使用需更加精炼和搭配(标题+副标题+描述+推广文案+更新说明),使用者评价的重要性提高等;Image title
  3. 搜索部分,主要强化了搜索关键字的能力(现在能搜索更多的字段),强化了屏幕截图和预览视频的能力,优化了文案显示的策略;Image title
  4. 更有人情味的应用推荐:在 Today 栏中你可以看到纪念碑谷为什么如此吸引人,以及对他们制作团队的采访等内容;Apple 将以更加媒体化的方式来对 Apps 进行更具个性化的推荐;Image title



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




Podcasts 播客


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




Notes 备忘录


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





延伸阅读
更強備忘錄 可以掃描文件了地址




Photos 相册


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




延伸阅读


Apple Design Videos  


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


Apple UI Design Resources


已经更新 iOS 11 的界面源文件,可以看看具体的字形字号间距阴影等参数(Sketch、Photoshop);Image title


2017 Apple Design Awards


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






本文参考链接





本文作者:梓非徐,饿了么UED资深交互设计师






全部评论:30

  • 冰heart

    2017-07-19 15:01

    其他还好就是计算器 打电话键盘 看着很别扭

  • CXXioHi

    2017-07-07 17:05

    @wanxiaojun: 考虑下全面屏 你就懂了

  • SunJack

    2017-07-06 11:45

    我只能说iPhone 越来越简单粗暴了 以前的美感呢

  • 741037033

    2017-07-04 12:26

    @清晨里的兔子: 我只是指苹果的这个设计,无关其他。

  • Wilson_UI

    2017-07-04 11:26

    怎一个乱字了得

  • 清晨里的兔子

    2017-07-03 11:31

    @741037033: 如果是这么说的话 那之前我们所注重的视觉上的设计用户情感这一块岂不是也可以用“习惯”而替代?

  • 741037033

    2017-07-03 11:20

    @清晨里的兔子: 只是因为不习惯而已,看多了就不累了。

  • 牛奶兑可乐

    2017-06-30 17:43

    @WillZheng: 不是 我是称赞ios能坚持自己的风格以此吸引用户,而不是迎合受众

  • WillZheng

    2017-06-30 15:03

    @牛奶兑可乐: 这是在黑ios吗?

  • daliiuk

    2017-06-30 11:55

    像老人机

  • 牛奶兑可乐

    2017-06-28 20:00

    IOS本来就不是走主流路线的,注重的是未来感,人家就骄傲,手机就这样界面就这样,不为用户而妥协的设计。

  • wanxiaojun

    2017-06-28 16:55

    下载的压缩文件显示已损坏~另外,iOS11的风格感觉会让人累死

  • daw001

    2017-06-28 11:57

    终于支持gif了

  • 文匆匆

    2017-06-28 10:17

    感谢分享

  • 绊脚石

    2017-06-28 09:39

    个人不喜欢这种靠左的加粗超大标题。

  • 渄湘

    2017-06-27 18:06

    这种大字的设计风格不是最早是wp系统上的么?现在ios跟着改了?

  • 清晨里的兔子

    2017-06-27 09:26

    感觉字体加粗加大排版上特别乱 就比如博客那一页 看得好累

  • Darren_熊

    2017-06-27 09:23

    可视化、可读性是提高了,可是有没有觉得没有那么有人情味了?现代主义的感觉,觉得并非主流人群所需要的,只是我不需要这样的设计。一方面产品需要传达更多的信息,需要有强大的承载力,另一方面有需要有可读性,这种矛盾需要的是定制化的方式解决,而非一概而论。这种设计对产品、设计的要求太高了,特别是中国的设计师,MD,英文搞那么大的字体看起来还好啊,方块字也搞那么大,没有人觉得很丑吗???

  • 黑白天堂

    2017-06-27 09:17

    我只知道······我的工作量又增加了

  • 哈库纳玛塔塔

    2017-06-26 23:05

    windows phone 、Android、iOS大合体!

  • Design_jzl

    2017-06-26 21:40

    这种风格属于什么风格啊

  • 饿了么UED

    2017-06-26 17:08

    @fenx: 谢谢提醒,已经修改

  • fenx

    2017-06-26 14:51

    相册可以直接播放 GIF 动画的配图和上边重复了

  • 启悟清影

    2017-06-26 14:44

    iOS的图标其实已经看腻了。

  • 草帽和拖鞋

    2017-06-26 13:09

    黑又粗的title不是已经过时了吗?iOS 开始跟风这个了??个人感觉很丑

  • 吱吱吖吖

    2017-06-26 11:54

    还蛮不错的 期待更新

  • 54歪猴

    2017-06-26 11:31

    @每当夏天我吹着温暖的风: 454213131

  • 发光的sai

    2017-06-26 11:31

    相册播放gif动画,截屏图片可编辑,大爱这两个功能

  • 每当夏天我吹着温暖的风

    2017-06-26 10:50

    总感觉IOS不是走好看路线的

  • BOBO1230

    2017-06-26 10:17

    可以

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票