Advertisement

移动端UI遵循相关标准

阅读量:

在移动端UI设计初学阶段, 很多人常常对于界面的尺寸规范不够熟悉, 实际操作中常依赖个人直觉与经验来绘制界面, 却缺乏清晰的整体概念, 结果往往难以达到预期效果。本文归纳总结了iOS系统界面设计中常见的一些尺寸规范及技巧, 如控件间距设置、适配性处理、标注使用、截图管理等内容, 设计者无需严格执行这些规范, 但对于这些基本规范仍需掌握并灵活运用。

目录

请稍等

##一、界面设计尺寸及栏高度

目前主流的 iOS 设备主要包括 iPhone SE(4 英寸)、iPhone 6s/7/8(4.7 英寸)、iPhone 6s/7/8 Plus(5.5 英寸)以及 iPhone X(5.8 英寸)。这些设备均采用了 Retina 视网膜屏幕,并根据分辨率的不同进行了区分:其中 iPhone 6s/7/8 Plus 和 iPhone X 的分辨率是 3 倍率,而其他型号为 2 倍率。无论是栏高还是应用图标,在提供给开发人员的切片大小上,前者始终是后者的1.5倍,并分别以@3x和@2x的形式命名文件名;程序则会根据不同的分辨率自动加载对应的@3x或@2x切片。

![超全面的移动端UI 设计规范整理汇总](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/9LvBtiFbHuXNOVWAm3ogkJ5ClQGR.j

全部评论 (0)

还没有任何评论哟~