iOS 13 和“iOS 12”的屏幕截图对比

今年秋天iOS 13将正式发布。虽然我期待体验新功能和新设计,但我一直在使用iOS 12我很好奇它将如何演变。

Ryan Burnett,UX 设计师从 UI/UX 角度来看iOS 13和”iOS 12” 截图对比许多公开既然我在做,我就给大家介绍一下!

共享表的 UI 已进行了重大修改,底行现在可以垂直滚动。

iOS 13现在,当显示共享工作表时,屏幕底部的“取消”按钮已被删除,并在右上角添加了“☓”按钮。

此外,第二列中的“复制”和“添加到主屏幕”等项目已更改为垂直滚动 UI,而不是水平滚动。

UI 已更改,以便与应用程序配合使用的功能在顶部显示为应用程序图标,而 iPhone 内的功能在底部显示为链接。

iOS 13Safari 共享表添加了一个标题,将底部的“取消”按钮移至右上角的 X,使用 SF 符号将第二行从水平图块更改为文本和图标的垂直列表,并将“更多...”替换为“管理...”#iOS12到132/16pic.twitter.com/h4I2BxbSPx

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

Safari 阅读器显示已更改,包含多种功能

当您点击 Safari 左上角的阅读器按钮时,它将切换到阅读器视图。iOS 12“ 曾是。

iOS 13除了切换到阅读器视图之外,您还可以访问隐藏工具栏、显示桌面站点和网站设置等项目。

此前,可以通过长按右上角的刷新按钮切换到显示桌面站点。iOS 13然后,将出现复制 UI。

iOS 13Safari 阅读器图标替换为“AA”图标,其中包含“显示阅读器视图”、“隐藏工具栏”、“请求桌面网站”和“网站设置”。点击并按住刷新图标现在可提供“复制”UI#iOS12到133/16pic.twitter.com/8o5iTRR1sT

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

Safari 书签 UI 很容易看到

iOS 12”,书签页面有一个基于蓝色的 UI,iOS 13它有一个黑色的底座,顶部的按钮已经变成了三维的。

您还可以看到,显示书签页面时的UI已更改为覆盖正在显示的屏幕的卡片式UI。

iOS 13Safari 书签使用 SF 符号显示书签、阅读列表和历史选项卡之间增强的对比度#iOS12到134/16pic.twitter.com/q2bRUQwPzF

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

改进截图标记功能,现在支持网页全屏截图

iOS 13用于标记屏幕截图的屏幕已更新,该工具的用户界面变得更加真实,更容易查看。

此外,在网页截图时,还新增了将整个页面与屏幕显示区域同时截图的功能。

iOS 13标记屏幕的工具有颜色和更多细节。有一个新的全页屏幕截图选项(世界各地的用户体验设计师都很高兴)#iOS12到135/16pic.twitter.com/gLOvVLeLg5

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

音量 UI 移至屏幕边缘

调节音量时显示的 UI 现在显示在屏幕左边缘,而不是屏幕中央。

iOS 13音量条出现在屏幕左上角,而不是占据整个屏幕#iOS12到136/16pic.twitter.com/QmbzbSpc4U

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

位置信息的获取变得更加严格

应用程序获取位置信息变得更加严格。

iOS 12”,只有两个选项:“允许”和“不允许”。iOS 13从现在开始,您可以进行详细设置,例如“仅在使用应用程序时允许”、“仅允许一次”和“不允许”。

pic.twitter.com/0HITCE0vJi

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

推出“查找我”应用程序,该应用程序集成了“查找我的朋友”和“查找我的 iPhone”应用程序

iOS 12在``中,有两个不同的应用程序,``查找朋友''和``查找iPhone''。iOS 13现在,一款名为“Find My”的应用程序将发布,该应用程序集成了这些功能。

iOS 13“查找我的”应用程序在底部选项卡栏上具有“朋友和设备”功能,并提供更具吸引力的入门体验#iOS12到138/16pic.twitter.com/SRdkoNZ27q

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

“快捷方式”应用程序的用户界面也进行了部分更改。

iOS 12当我启动“快捷方式”应用程序时,出现的屏幕是“库”,但是iOS 13现在是“我的快捷方式”。

“创建快捷方式”按钮也发生了变化。

iOS 13快捷方式将“库”更改为“我的快捷方式”,并在浅蓝色背景的“创建快捷方式”按钮之间提供更高的对比度。现在,使用 SF 符号将 + 符号括在蓝色圆圈中#iOS12到139/16pic.twitter.com/pJKxUruYCL

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

消息应用程序默认显示搜索栏。

iOS 13“消息”应用程序标配有一个输入字段,可让您搜索整个消息,并且新按钮与标有“消息”的按钮放置在同一行。按钮本身也已更改为蓝色圆形按钮。

iOS 13消息默认显示搜索,提供“更多”符号,并且“新”符号现在使用 SF 符号括在蓝色圆圈中#iOS12到1310/16pic.twitter.com/LRzxSrsGOD

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

“消息”应用程序在新的消息创建屏幕上使用卡片状用户界面

iOS 13现在,当您创建新消息时,您可以看到 UI 已更改为卡片状 UI,覆盖了您当前正在查看的屏幕。

“地图”应用中的“常用项目”现在可以分类

iOS 13“地图”应用程序添加了一个功能,允许您对“常用项目”进行分类,以及一个名为“收藏”的功能。

iOS 13消息应用程序使用新的卡片设计来传达新消息。这看起来也像是巧妙地隐藏了凹口#iOS12到1311/16pic.twitter.com/rnAh2U9EO4

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

“地图”位置信息页面的UI已部分更改。

iOS 13地图隐藏罗盘符号,扩展“收藏夹”以包括“家庭”、“工作”和“添加”,然后是新的“收藏集”,其中包括“我的地点”和“新收藏集……”#iOS12到1312/16pic.twitter.com/lV1052BJzH

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

更改“照片”应用程序的标题以创建带有渐变的边框

iOS 13“照片”应用程序将得到显着增强,但应用程序的用户界面也将进行部分更改。

屏幕顶部的固定标题现在是透明的,创建带有渐变的边框。屏幕顶部是显示照片的日期、选择多张照片的按钮以及放大/缩小照片网格显示的按钮,屏幕底部是允许您按年、月、日或全部切换照片显示的按钮。

iOS 13地图位置具有更粗、更大的标题,用“⭐ 4.0”评级替换标准五星级符号,用“添加到...”替换“网站”和“收藏夹”,并将副标题从粗体黑色更改为普通灰色#iOS12到1313/16pic.twitter.com/qVTxw4YlJq

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

“照片”应用的分享表变成了卡片式UI

与其他共享表一样,照片应用程序共享表已更新。

iOS 13照片打破了标准标题惯例,在标题上放置了渐变背景(现在为白色),位于照片网格上的“选择”和缩放 (+/-) 按钮旁边。有一个新的二级标签栏,其中包含“年”、“月”、“天”和“所有照片”#iOS12到1314/16pic.twitter.com/WCsTslUb8q

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日

iOS 照片共享表使用新的卡片设计,在标题下添加选项链接,将“取消”替换为 X 符号,将第二行从水平图块更改为使用 SF 符号的垂直文本和图标列表,并将“更多”替换为“管理”#iOS12到1315/16pic.twitter.com/5z9pwtDlvK

— 瑞安·伯内特 (@ryanburnett)2019 年 7 月 8 日