使用软件：即时设计

学习目的：了解常用的设计尺寸、字体规范以及间距方面的知识，并利用现成的设计规范作为参考对象，再结合即时设计自动布局、样式以及组件等功能，高效的搭建一套 APP 界面

设计尺寸

设计画布尺寸的重点是在宽度的选择上，一般设计的时候是采用一倍稿，选择宽度为 375 的画布尺寸，也就是 iPhone X 的尺寸 375*812，但是，随着时代的发展，自从 iOS15 上线后，在苹果系统官方组件库中，组件的尺寸调整为 390 的宽度，设计稿的尺寸也改为 390*844；

无论是用 375 还是 390 做设计，都需要注意的是，还是需要根据工作中的实际项目和团队同事共同沟通后使用，选择适合的设计尺寸才能高效的完成工作，所有的设计规范都是只是起到一个引导作用。

文字

通过文字不同的形态也能提现出信息的层级感，以下为 iOS 系统的文字规范，可参考使用。

字号 / 字重

字号的选择上一般用在按钮上的字号用 44pt、小文字用 12pt、正文文本用 14pt+ 和标题用 20pt+ 。

规范要求最低 8pt 空白或边距，这将有足够留白空间，使得布局更容易扫描和文本更具可读性。

间距

全局边距，页面内容到屏幕边缘的距离。常用的全局边距有32px、30px、24px、20px 等偶数值，但是屏幕与左右内容的间距不要小于 16PX，间距太小会影响文字正常显示。

自动布局

Powered by Froala Editor