新手必看 | UI界面尺寸大全

主要观点总结

文章介绍了移动端原生APP设计、小程序和H5设计以及桌面端网页和程序设计的画布分辨率标准。针对移动端原生APP设计，文章指出应使用最新的官方组件库中的分辨率作为设计标准，并针对iOS和Android系统分别给出了推荐分辨率。对于小程序和H5设计，建议使用微信官方定义的小程序分辨率或更小尺寸的H5画布进行放大适配。桌面端网页设计则更注重从最小或较小的尺寸进行设计，创建画布时可根据定宽型和响应式网页的特点进行选择。桌面端软件的设计没有固定标准，但复杂软件通常会限制最小宽高。

关键观点总结

关键观点1: 移动端原生APP设计

使用最新官方组件库中的分辨率作为设计标准，iOS推荐使用393*852或402*874，Android推荐使用412*958。

关键观点2: 小程序和H5设计

使用微信官方定义的小程序分辨率或更小尺寸的H5画布进行放大适配，推荐使用375*812的画布。

关键观点3: 桌面端网页设计

设计更注重从最小或较小的尺寸开始，创建画布可根据定宽型和响应式网页的特点选择尺寸。推荐使用1280*620以及1440*800的单屏尺寸作为固定尺寸设计的参考。

关键观点4: 桌面端软件设计

显示区域由软件自身决定，固定尺寸和动态尺寸均存在，复杂软件通常限制最小宽高在800、600像素。

免责声明