电话

400 76543 55

iOS 11 vs 10: UI和交互全面对比分析

标签: 2024-11-19 

 

苹果早在 6 月份的WWDC全球开发者大会中介绍了iOS11 系统, 9 月我们终于收到了正式版的更新推送。经历了 11 代的大版本更迭的iOS依旧连结着活力与进步。跟手上用了一年的iOS10 比拟,iOS11 在UI和交互上有什么特另外改变呢?下面让我们一起来看看。(左边iOS 10,右边为iOS 11)

主屏幕

iOS 11 vs 10: UI和交互全面对比分析

左上角的导航有了明显的改变,从小圆点变为了经典的信号格模式,底部的Dock也去掉了APP的名称,应用名称字体加粗,相对更清晰易阅读。

iOS 11 vs 10: UI和交互全面对比分析

iOS 11 vs 10: UI和交互全面对比分析

控制中心的调整是iOS11 的最大亮点之一,用户可以自定义常用的功能块,而且可以通过3D Touch来调整亮度和音量,控制条也从横向变为竖向柱状,节约了控制中心的面积,布局更为合理,让人耳目一新。

图标icon

iOS 11 vs 10: UI和交互全面对比分析

有十个摆布有较大改动的图标别离是:地图、应用商店、时钟、相机、设置、通讯录、提醒事项、音乐、通讯录、备忘录和计算器等。其中地图、时钟、相机和通讯录的改动都是比较人性化和正常的,还有一些图标的改动相对较大。

iOS 11 vs 10: UI和交互全面对比分析

经典的App Store图标发生了重要的变革,原本的笔和尺子表达的是“工具”的素质,如今新的icon变为了三根圆棍,三角代表不变的结构,更多可能是强调App Store、开发者和用户之间的关系。

iOS 11 vs 10: UI和交互全面对比分析

而计算器图标的改变换为彻底,从扁平风格变得圆润,以实心圆为主,更多是让人推断是在向初代iPhone OS致敬。

还有其他的一些图标也进行了对应的改变,整体来说都是进行简洁化或者对比度加深,更加符合iOS11 的整体风格基调。

App Store

iOS 11 vs 10: UI和交互全面对比分析

App Store的新设计突出了卡片式的摆列方式,配以投影的大面积使用,提升了页面层次和对比。这样大胆的排版加强了App Store的设计感和艺术感,突出了层次和导航。

简单来说App Store将应用整个的风格都进行细致的归类,在归纳好一个主题之后在针对于用户各自的使用风格去进行保举,这背后蕴含的是苹果对于整个用户群体大数据的归纳整理,之后再定向推送相对应的内容,实在是一个非常不错的改变。

通知中心

iOS 11 vs 10: UI和交互全面对比分析

在新版的通知中,当我们从顶栏下滑后,配景不再使用玻璃虚化,跟锁屏界面一样,在上方保存时间和日期的信息;竖屏的情况下,时间和日期会呈现在界面左侧,右侧则放置通知信息,,设计风格与控制中心统一模块化设计风格,跟iOS10 比拟更为简练和大方,更加符合使用习惯,空间利用也更为合理。

解锁界面

iOS 11 vs 10: UI和交互全面对比分析

iOS11 中的锁屏界面的数字键酿成实心,这样的设计提高了界面的可读性,减少细框和细线对阅读的干扰和影响。

=====================================================

除了iPhone之外,iOS11 本次在iPad上的表示可谓是非常惊艳,特别是交互方面让iPad焕然一新。

iOS 11 for iPad 最大的变革是更新了一款全新的 Dock,类似于 macOS 上 Dock 的体验。首先,这个 Dock上最多可以摆放的 15 个应用,而且在 Dock 右边的分区会显示比来使用的 3 个应用,而正在 Handoff 中的应用会出现在 Dock 的最右边,Handoff 的应用会占用显示比来使用的 3 个应用的一个名额。

全新的Dock采用了底部上划呼出的交互方式,替代了之前的控制中心,更加值得一提的是,在已经打开一个应用的情况下,我们从屏幕底部呼出Dock并打开一个应用,将其拖到界面上后,这个应用就会在界面右侧以悬浮窗口的形式呈现。

iOS 11 vs 10: UI和交互全面对比分析

全新的Dock与悬浮窗口结合的模式解决了iOS10 中分屏状态下只能通过上划滑动应用列表翻找应用的情况。跟iOS10 中的Slide Over最大的不同在于,Slide Over打开的应用是无法操作的,而现在你可以在操作悬浮窗口的同时对主应用进行交互和操作,极大地提高了使用体验。

iOS 11 vs 10: UI和交互全面对比分析

App Switcher



相关文章: 提升产品转化率的4个小技巧!  广告联盟赚钱项目推广赚佣金的方法介绍  最常见也最有效的4个社交app推广方式  如何利用百度联盟让网站实现流量变现赚广告费?  如何用手机赚钱?最容易赚钱的10个手机赚钱项目送给你!  腾讯广告联盟的结算方式和流程是什么样的?  网站想通过推广联盟广告赚钱,但是网站流量太少该怎么办?  网站关键词排名不稳定怎么办?注意这五点!  新手应该怎样通过广告联盟赚钱?  网页优化怎么做有利于提升网站排名?建议从这8个方面入手!  惊掉下巴!趣头条严查广告联盟代理商,*广告也敢放!  如何做走路赚钱型APP推广赚钱?  做广告联盟之前要了解的3个准备工作和5个专业名词术语!  贴吧引流转化日赚500的玩法介绍!  网上怎么赚钱?分享5个网上赚钱的方法!  利用热门网络小说截流赚钱项目的操作方法  广告联盟平台哪个比较靠谱,该如何选择?  2021年值得做的5个副业赚钱项目,不要错过!  提高引流推广转化率的五个方法!  分享一个冷门但是暴利的网络赚钱项目  没本钱怎么在手机一天赚500?“趣闲赚”分享推广做任务赚钱玩法介绍  联盟赚钱行业内经常遇见的三个大坑!别掉里面了!  如何做app推广赚钱?不用网站也能日赚100+的方法!  广告营销的6大要素,效果翻倍!  想在广告联盟上接单赚钱,这些qq引流技巧你必须掌握!  百度广告推广怎么做比较好?有哪些推广方式?  目前主流的app推广方法中,app推广费用大致需要多少?  广告点击赚钱的原理是什么?如何通过点击广告赚钱?  联盟营销是什么?如何通过联盟营销赚钱?  app运营精细化如何做?这三个核心指标务必明确!  新手怎么在家做网络淘金赚钱?  利用百家号引流赚钱的6个步骤!  四个网络引流赚钱的实用干货知识  联盟是什么?广告联盟是如何推广赚钱的?  新手所必须了解的推广赚钱的5大主流推广方式!  广告联盟上的网赚形式有哪些优势?  推荐两个低门槛且暴利的短*网赚项目  从0到日入1000+的广告联盟赚钱教程  如何鼓励联盟营销的伙伴来推广我们的商品以及服务?  教你如何从seo优化的角度提升网站流量,值得借鉴!  网站主动引流推广赚钱该怎么做?这6个方法简单又实用!  弹窗广告非常烦?教你4种快速关闭弹窗广告的方法!  竞价广告该如何投放,有什么技巧可借鉴的?  app引流的8种“邪恶”推广方法,效果异常的好!  APP有效拉新推广需要哪些问题?  网上接单哪个平台比较靠谱呢?网上接单赚钱的平台哪个好?  全自动日付广告联盟赚钱项目该怎么做?  推广巧妙利用微博引流,效果事半功倍!  2020年最新引流方法利用微信小程序引流变现!  广告推广赚钱怎么做?国内有哪些靠谱的广告联盟? 

推荐新闻