UI设计中的IOS14设计规范

　　你了解UI设计的规范吗?

　　很多新人在开始做移动端UI设计的时候，对界面的尺寸规范不是那么清楚，很多时候都是凭借自己的感觉和经验去设计，导致做出来的页面总是不那么尽如人意，从而一遍遍修改，拉低了工作效率。

　　那么，今天我就跟大家聊一聊，设计规范的那些事!

　　什么是设计规范?

　　通俗来说，设计规范是围绕在某种风格或者大型设计项目下形成可视化、数据化的标准，针对相对独立的体系建立的统一遵守条款。

　　UI设计规范是基于用户界面而制定的一套可复用设计库，也是为了方便设计师、开发和测试人员共同协作，而遵循的规律和法则。

　　iOS设计规范

　　每个设计平台有不同的设计规范，今天先说常用的iOS设计规范。iOS 与其他平台不同，主要是清晰、顺应、纵深三大原则。

　　9月17日，苹果正式发布了iOS 14的新版系统，这次较大的亮点，便是iPhone桌面UI新增“小组件”功能，让原本规规矩矩的 iPhone主页发生了很大的变化;更进一步的如果你足够敏锐，就一定会第一时间想到小部件是需要 UI 进行设计的。

下面我们着重来看一下新增的几个章节。

　　启动

　　规范导航：应用框架_2.1启动

　　这里注意把启动 (Launching) 和启动页 (Launch Screen) 区分开来，启动指的是应用启动的整个过程，而不单单指启动页面。

　　iOS对应用启动的要求就两个：快速，无缝。

　　快速指的是利用启动页面来缓解用户的等待感，甚至可以设计一张与应用首页差不多的启动页，骗过用户的认知。

　　无缝则指的在启动的过程中不要请求设置信息、不要要求评价、不要显示授权许可和免责声明，总之，不要打断用户在启动过程中的体验。

　　苹果铅笔

　　规范导航：用户交互_3.2苹果铅笔

　　苹果铅笔作为 iPad 的杀手级配件，其硬件灵敏度、功能完善度和对 iPadOS 的集成度都已经达到了很高的水准。其中，开发者可以利用 Apple Pencil 触控的三层纬度即高度 (Altitude)、压力 (Pressure) 和方位角 (Azimuth) 来设计一套优异且完善的手写交互体验。还可以自定义双击笔身的功能，让 App 和 Apple Pencil 更加契合，让用户在 iPadOS 当中流畅的工作。

　　而且值得一提的是，新的 iPadOS14 已经支持 Apple Pencil 全局手写输入，不需要再呼出那个半屏高的键盘来打字了。

　　游戏控制器

　　规范导航：用户交互_3.9游戏控制器

　　其实 iPadOS 刚刚出来就已经支持了游戏控制器 (游戏手柄)，这一章节主要旨在指导移动游戏开发者 (或者游戏UI/UX设计师) 如何利用游戏手柄，来带给用户最好的游戏体验。

　　指针

　　规范导航：用户交互_3.13指针

　　iPadOS13.4 以及 iOS13.4 版本引入了动态的指针效果，苹果依然在原有的指针交互上更进一步做出了更多的改变，比如说高亮、抬升、悬浮三种内容效果，以及随内容效果而无缝变形的指针形状。

　　这里值得 UI 设计师注意的重点概念，UI设计中的IOS14设计规范https://www.aaa-cg.com.cn/ui/2709.html叫做元素的命中区域 (hit regions)，这个区域可以帮助指针进行磁吸定位，并定义指针变形的边界，所以在做 iPadOS 的适配时需要格外注意元素的 Padding。

　　小部件

　　规范导航：系统功能_4.11小部件

　　作为此次 iOS14 更新的重点，小部件的设计要点还是相当多的。简而言之，除了之前概述中提到的三种尺寸之外，对于设计师来说更重要的是利用图形、图片、文字和排版设计出一个有重点、实用且优美的小部件。iPhone 用户头一次可以这么大程度地自定义自己的桌面，所以小部件的设计如何设计得出彩又不浮夸，对设计师来说也是一种考验。

　　官方给出了小部件的标准 Padding，为 16pt，更紧凑的为8pt。我们也制作了一份小部件边距模版。

　　侧边栏

　　规范导航：UI栏_7.3侧边栏

　　不得不说，iPadOS 正朝着 MacOS 大跨步前进，从之前的支持鼠标、游戏手柄，到现在引入 MacOS 应用经典的侧边栏，再到这次 WWDC20 展示出的运行在 A12Z 上的 MacOS Big Sur，我们似乎可以看到 iPad/Mac 融合正在逐渐从未来，向现实走来。

　　下拉菜单

　　规范导航：控件_下拉菜单

　　我们可以注意到苹果的下拉菜单，也会有主屏快捷操作菜单的影子——左边标题，右边符号。不过鉴于现在国内 APP 早就用上了自己设计的下拉菜单，以后估计也不太会去向官方靠拢，这一趴看看交互原则就好，具体设计还是各玩各的。

　　结尾

　　更新介绍就到这里结束了，实际上本次规范更新的幅度并不大，尤其是对 iOS 来说，但依然涵盖了几个比较重要的点比如小部件。希望各位对官方规范保持最新的理解，在工作中游刃有余。因此，您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息，请给我点个关注，我之后还会发包含有关在该领域工作的更多相关文章。

UI设计中的IOS14设计规范相关推荐

UI设计中网页的设计规范总结
很多刚入行的UI设计师开始接触网页端UI设计的时候,对于基础的界面尺寸规范可能会有一定的模糊认知,导致做出来的页面往往会感觉不是那么和谐,却也不知道怎么去完善和改进. 对于大多数的刚入行者来说,如果不 ...
UI设计中的按钮设计规范
已经有很多朋友催我更新设计规范的文章了,今天我就先来一篇,关于按钮设计规范的,后面会陆续更新其他控件内容.严格来说,按钮包括很多种,比如普通按钮.图标按钮.文字按钮.开关按钮等等. 但我觉得根据这样的 ...
html5中按钮尺寸设计,UI设计中的按钮设计规范
原标题:UI设计中的按钮设计规范已经有很多朋友催我更新设计规范的文章了,今天我就先来一篇,关于按钮设计规范的,后面会陆续更新其他控件内容.严格来说,按钮包括很多种,比如普通按钮.图标按钮.文字按钮. ...
UI设计中的标签设计规范
每个平台都会存在标签,我们可以根据自身平台属性,打造一套属于自己的标签体系,今天我就把UI设计中的标签设计规范分享给大家.(今天我们仅讨论不可点击标签,也就是展示型标签): 1.理解标签作用 2.整理 ...
怎么让jsp中的按钮置灰不能使用_UI设计中的按钮设计规范
已经有很多朋友催我更新设计规范的文章了,今天我就先来一篇,关于按钮设计规范的,后面会陆续更新其他控件内容.严格来说,按钮包括很多种,比如普通按钮.图标按钮.文字按钮.开关按钮等等. 但我觉得根据这样的 ...
UI设计中图标设计规范是什么
图标是UI设计中的点睛之笔,更是赋予了UI设计灵魂.很多小伙伴留言说不会做图标设计,所以今天胡老师今天谈谈图标设计. 图标是 UI 设计中必不可少的组成.通常我们理解图标设计的含义,是将某个概念转换成 ...
UI设计中异常状态设计总结
当用户停留任何一个界面,进行任何一个操作都可能发生异常状态.如果接到每个需求都去制定一次异常状态,这样的后果可能会使得产品的不同模块.不同流程,异常状态都不一致.全局规范性被破坏,同时设计师的效率也降 ...
UI设计中配色设计攻略
不知道有没有小伙伴跟我一样在做页面配色时会很痛苦呢,很多时候都是凭感觉去配色.最近研究了一下配色方法,今天我就针对UI设计中配色设计攻略进行简单的说明,希望能帮助到一部分小伙伴. 有个有趣的研究成果 ...
在UI设计中如何正确使用颜色
在我们进行UI设计时,颜色往往是我们表达理念重要的一点,但也是我们常常会忽视的一点.颜色其实如同语言一样,我们可以通过颜色的变化组合,来表达不同的情绪. 正确使用颜色不单能让我们吸引到客户,也能更好地 ...

UI设计中的IOS14设计规范

UI设计中的IOS14设计规范相关推荐

最新文章

热门文章