ios11 and iphoneX UI设计规范

Posted 2021-04-24 设计的舍

iOS 11

是苹果公司研发的操作系统。北京时间2017年6月6日凌晨1点， WWDC（苹果全球开发者大会）2017在加州圣何塞麦克恩利会议中心召开，苹果系统ios 11正式亮相。正式版iOS 11在2017年9月份随着新品iPhone的发布推送更新升级。2017年9月20日，iOS 11正式版发布。

一、图标

在比较中寻求进步

iOS 10 VS iOS11

iOS 10-2px线性图标特点：

1.未选中时图标是以2px线框形展现，选中后的当前页以填充形态展现

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

iOS 11-面性图标特点：

用轻量化的面性图标代替2 PX的线性图标，以较为圆润的外观展现，使整体更加具有亲和力。

二、字体

iOS11粗体标题特点：

粗体，且字体像素大，标题醒目（=老夫设计=）。在扁平化设计中的优点：在扁平化设计中文字排版影响着信息层级展示的清晰与否，通过文字的字号、字重、颜色等的对比去建立清晰的信息层级，而不用太多的装饰元素。

三、设计元素

圆角、卡片化、投影元素特点：圆角弧度的增大让用户的视觉更轻快，柔和；卡片式设计贯穿在界面各个图文排版中，起到了规整图文内容的作用。投影元素的加入，令设计元素更加独立醒目，强有力的抓住用户的注意力。

四、界面布局中的留白

特点：大标题文本包含一组带有图片和描素的元素，组元素和组元素之间保持较大的间距。
优点： 设计元素和元素之间保持足够的间距，可以减少用来区分层级关系的不必要装饰块元素，使界面简洁、干练。

iPhone X

iPhone界面规范

iPhone X规范

不同机型升级iOS 11效果展