IOS11和IOS10的UI对比分析

《IOS11和IOS10的UI对比分析》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、I0S11和IOSIO的UI对比分析苹果早在6月份的WWDC全球开发者大会中介绍了iOS11系统，9月我们终于收到了正式版的更新推送。经历了11代的大版本更迭的iOS依旧保持着活力与进步。跟手上用了一年的iOS10相比JOS11在UI和交互上有什么特别的改变呢？下面让我们一起来看看。（左边iOS10,右边为iOS11）主屏幕E)Q)□*一(3二一■■600@0一□□UI设计左上角的导航有了明显的改变,从小圆点变为了经典的信号格模式,底部的Dock也去掉了APP的名称,应用名称字体加粗，相对更清晰易阅读。V-J

2、ui设计亠/-•■■<-JUI设计控制中心的调整是iOS11的最大亮点之一，用户可以自定义常用的功能块，并且可以通过3DTouch来调整亮度和音量,控制条也从横向变为竖向柱状,节约了控制中心的面积,布局更为合理，让人耳目一新。图标icon◎◎◎◄■■I.o.o◄■■ITTSO!OTSO!NODIUI设计有十个左右有较大改动的图标分别是：地图、应用商店、时钟、相机、设置、通讯录、提醒事项、音乐、通讯录、备忘录和计算器等。其中地图、时钟、相机和通讯录的改动都是比较人性化和正常的，还有一些图标的改动相对较大。UI

3、设计经典的AppStore图标发生了重要的变化，原本的笔和尺子表达的是〃工具〃的本质，如今新的icon变为了三根圆棍,三角代表稳定的结构,更多可能是强调AppStore、开发者和用户之间的关系。UI设计而计算器图标的改变更为彻底,从扁平风格变得圆润,以实心圆为主,更多是让人推断是在向初代iPhoneOS致敬。还有其他的一些图标也进行了对应的改变，整体来说都是进行简洁化或者对比度加深，更加符合iOS11的整体风格基调。AppStoreWO4*“・TodayoWelcometotheAll-NewAppStore

4、!■••A.-一r■■■厂夕、■Xc1cL•，・j1r-J亍」—■$uWMmDbwiVWMataMAim<★QUISH-ARPStore的新设计突岀了卡片式的排列方式，配以投影的大面积使用「提升了页面层次和对比。这样大胆的排版加强了AppStore的设计感和艺术感，突出了层次和导航。简单来说AppStore将应用整个的风格都进行细致的归类”在归纳好一个主题之后在针对于用户各自的使用风格去进行推荐，这背后蕴含的是苹果对于整个用户群体大数据的归纳整理,之后再定向推送相对应的内容，实在是一个非常不错的改变。通知中心

5、Recent•9：41Monday.Axw6UI设计在新版的通知中,当我们从顶栏下滑后，背景不再使用玻璃虚化，跟锁屏界面一样，在上方保留时间和日期的信息;竖屏的情况下，时间和日期会呈现在界面左侧，右侧则放置通知信息,设计风格与控制中心统一模块化设计风格，跟iOS10相比更为简练和大方，更加符合使用习惯，空间利用也更为合理。解锁界面•0t41v<•HTouch10orPasxodoI0ooo①「3:V•••J(4)•••/J/（V）Ox.■TouchK)orEnterPMtcode00o0123•••45

6、6・•・•••7f8■”0ui设计iOS11中的锁屏界面的数字键变成实心，这样的设计提高了界面的可读性，减少细框和细线对阅读的干扰和影响。除了iPhone之夕卜，iOS11本次在iPad上的表现可谓是非常惊艳，特别是交互方面让iPad焕然一新。iOS11foriPad最大的变化是更新了一款全新的Dock,类似于macOS上Dock的体验。首先，这个Dock上最多可以摆放的15个应用,并且在Dock右边的分区会显示最近使用的3个应用z而正在Handoff中的应用会出现在Dock的最右边，Handoff的应用会占

7、用显示最近使用的3个应用的一个名额。全新的Dock采用了底部上划呼出的交互方式，替代了之前的控制中心，更加值得一提的是,在已经打开一个应用的情况下，我们从屏幕底部呼出Dock并打开一个应用，将其拖到界面上后，这个应用就会在界面右侧以悬浮窗口的形式呈现。UI设计全新的Dock与悬浮窗口结合的模式解决了iOS10中分屏状态下只能通过上划滑动应用列表翻找应用的情况。跟iOS10中的SlideOver最大的差别在于zSlideOver打开的应用是无法操作的，而现在你可以在操作悬浮窗口的同时对主应用进行交互和操作，极大

8、地提高了使用体验。UI设计AppSwitcher新版任务切换中心对笔者最大的感受,莫过于终于可以不再用力双击Home键呼岀了，在上划呼出Dock后继续从屏幕下方滑就可以打开AppSwitcher。整个过程非常丝滑顺畅，不仅减轻了突然切换到物理操作的不适感，也增强了系统整体的使用沉浸感。想要回到主屏的话也不用点击Home键，轻点AppSwitcher的空白区域即可。UI设计Drap&Drop文件拖拽这