ios11和iphoneX UI设计规范

ios11和iphoneX UI设计规范

Apple最近发布了ios11系统，iPhone8，iPhone 8 Plus，iPhone X等，但是Internet上的设计规格分散，因此自进入该行业以来的两年中，我得出了一些结论. 设计界的同事们会有所帮助. （如果有错误，请指出）！

iOS 11

iOS 11是Apple开发的操作系统. 在北京时间2017年6月6日凌晨1: 00，WWDC（苹果全球开发者大会）在加利福尼亚州圣何塞的McEnli会议中心举行，iOS 11正式发布.

2017年9月，随着新iPhone的发布，iOS 11的正式版进行了更新和升级. 2017年9月20日，iOS 11的正式版发布了. 添加的特定功能包括: QR码扫描，欺诈信息识别，拼音键盘和上海方言语音识别等. 其中，QR码扫描还支持“扫描码解锁” Mobike.

动态效果

Dock可以出现在任何应用程序的界面上，只要它是从屏幕底部绘制的即可. 长按一个应用程序图标，可以将其拖动到正在使用的应用程序上.

也就是说，两个应用程序将同时显示在屏幕上. 再次拖动应用程序的边缘，界面将演变为1: 1、1: 2拆分屏幕. 此操作过程中有一些细节，例如，拖动应用程序边框，具有较大接口的应用程序边框将在边缘向内收缩-这告诉您即将收缩，而另一个应用程序将出现在隔壁.

动态特效

例如，在录制屏幕时，单击它，您会看到从3到1的倒计时. 单击时，电池图标将变为，用于打开省电模式. 在更多情况下ios11状态栏图标素材，长按图标将进入第二页，例如屏幕亮度调整. 这样可以更直观地看到亮度变化.

锁屏界面

Apple Music在锁定屏幕上占据的空间较小. 它成为显示歌曲标题和控制按钮的卡. 最初，音乐将占据整个锁定屏幕，并且某些第三方应用程序还将在此处显示滚动歌词. 现在看起来很新鲜.

搜索顺序

在Spotlight中键入关键字，然后是推荐关键字，，SMS内容等的下拉菜单. 在此下方是与此关键字相关的应用程序. 在iOS 10上，此顺序相反. 并且，Spotlight始终位于主屏幕的左侧，即放置各种插件的界面.

模块更改

Apple Music在控制中心有点特殊. 如果按住，则不仅会在盒子上看到正在播放的歌曲的名称，还有暂停和前后按钮ios11状态栏图标素材，还会在右上角看到一个小信号图标. 在这里，您可以切换使用的蓝牙设备（例如AirPods）和各种立体声. 相反，在iOS 10中的蓝牙设备之间切换时，您还需要在设置中找到“蓝牙”并逐一检查.

拖动图标

将多个图标同时拖动到一个文件夹中，这也是效率提高的体现. 如果要将多个应用拖到一个文件夹中，则可以长按iOS 11上的一个图标，然后同时单击其他应用. 同时将其中几个拖到目标文件夹中. 手机上也支持此操作.

相关用户界面

I. 图标

寻求比较进展

iOS 10 VS iOS11

2PX线性图标

功能: 1.未选中时，图标以2px线框形状显示，并且所选当前页面以填充形式显示

2. 设计，语言一致性，图标精致轻巧.

面部图标

功能: 将2 PX线性图标替换为轻巧的面部图标，该图标以更加圆润的外观显示，从而使整体更具亲和力.

第二，字体

iOS 11粗体标题

粗体

功能: 粗体，大字体像素，醒目的标题（只是在开玩笑: 典型的老人设计）

平面设计的优点: 在平面设计中，文本布局会影响信息级别显示的清晰度. 通过比较文本的大小，粗细，颜色等，可以建立清晰的信息等级，而无需过多的装饰元素.

三，设计元素

圆角，梳理，投影元素

特征: 圆角半径的增加使用户的视力更轻，更柔和；卡设计贯穿界面的图形布局，并在调节图形内容方面发挥作用. 投影元素的添加使设计元素更加独立和醒目，并强烈吸引了用户的注意.

四，在界面布局中保留空白

特征: 标题文本包含具有图片和描述性元素的一组元素，并且这些组元素和该组元素之间有很大的空隙.

优点: 在设计元素和元素之间保持足够的间距，以减少不必要的装饰性块元素，这些元素可用于区分层次关系并简化界面和功能.

支持设备

iphone5s及以上5s

ipad air / air2及以上

第六代ipod touch

iPhone X

iPhone接口规格

在不同型号上升级iOS 11的有效展示

iPhone X规格

如果找不到摘要，请检查上一期

如果还有其他问题，请建议大家鼓励！ ！ ！

如果让您感到麻烦，可以执行以下设计: ↓

（老人设计，开个玩笑）

资源共享

在Photoshop中下载iPhone X UI设计模板，在百度云磁盘中下载Sketch:

PS链接: 密码​​: lb6y

草图链接: 链接: 密码​​: c7bs

愿我和我的同事们在设计的道路上走得更远；选择一件事并永远忠诚！

设计无极限...

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/shouji/article-210041-1.html