主要观点总结
文章介绍了移动端原生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像素。
文章预览
最近画布的问题又多起来了,所以更新一篇新的画布分辨率列表用于参考,不要再被这些简单的问题束缚了。 移动端 APP 画布定义 移动端 APP 指的是安装在移动设备系统上的原生 APP 应用,不是移动端的网页或在微信里运行的小程序。 面对原生 APP 设计,我们要考虑两个关键问题 —— 系统和机型。系统就是指面向 iOS 还是 Android,机型则是在对应系统阵容中具体应用的设备类型是哪个。 在移动端项目中,如果要同时开发和上架 iOS、Android 系统,那么通常以 iOS 端的设计为标准来适配 Android 系统。仅面向 Android 系统开发的应用,才会直使用 Android 相关的规范创建画布。 国产手机虽然都有自己深度定制的系统,但它们本质上都是 Android,使用相同标准即可。即使是“独立”的鸿蒙,在界面的应用上也和 Android 对齐,所以也不用额外考虑。 而在 iOS 端,
………………………………