小程序设计的7个注意事项

发布时间:2021-07-20浏览次数:1334 次
开发小程序切图的都知道,小程序端的UI设计与传动的移动端设计是存在很多区别的,小程序端有很多固定的设计规范,不能像移动端H5页面一样自由设计,但是很多UI设计人

开发小程序切图的都知道,小程序端的UI设计与传动的移动端设计是存在很多区别的,小程序端有很多固定的设计规范,不能像移动端H5页面一样自由设计,但是很多UI设计人员对此并不是很清楚,经常有人提交的小程序设计稿几乎就是移动端H5网页的设计稿,今天就来为大家整理一些常见的小程序端设计的注意事项:

一、设计稿宽度尺寸用750px

以往好多移动端设计师习惯于使用375px的宽度(一倍图)尺寸来设计移动端,但是在小程序端设计的时候,建议最好使用750px的宽度来设计,小程序端使用的尺寸单位是rpx,即设计小程序UI时,可采用iphone6作为视觉稿的标准,即使用二倍图。

小程序设计稿宽度尺寸多宽

当然你可能会问,一倍图就不能用于小程序切图了么?答案是:可以的,但是会多掉几根头发。

二、图标尺寸大小81px*81px,体积限制为41kb

小程序有很多自己的设计规范,比如底部的导航图标大小限制为81px*81px,体积限制为41kb。顶部topbar高度固定为128rpx等等。

三、视频限制较多

在小程序端使用视频等素材要注意,小程序对视频的支持并不是特别好,比如滚动组件里不能直接进行视频嵌入。

 

扫一扫,在手机上查看