小程序设计的7个注意事项
开发小程序切图的都知道,小程序端的UI设计与传动的移动端设计是存在很多区别的,小程序端有很多固定的设计规范,不能像移动端H5页面一样自由设计,但是很多UI设计人员对此并不是很清楚,经常有人提交的小程序设计稿几乎就是移动端H5网页的设计稿,今天就来为大家整理一些常见的小程序端设计的注意事项:
一、设计稿宽度尺寸用750px
以往好多移动端设计师习惯于使用375px的宽度(一倍图)尺寸来设计移动端,但是在小程序端设计的时候,建议最好使用750px的宽度来设计,小程序端使用的尺寸单位是rpx,即设计小程序UI时,可采用iphone6作为视觉稿的标准,即使用二倍图。
当然你可能会问,一倍图就不能用于小程序切图了么?答案是:可以的,但是会多掉几根头发。
二、图标尺寸大小81px*81px,体积限制为41kb
小程序有很多自己的设计规范,比如底部的导航图标大小限制为81px*81px,体积限制为41kb。顶部topbar高度固定为128rpx等等。
三、视频限制较多
在小程序端使用视频等素材要注意,小程序对视频的支持并不是特别好,比如滚动组件里不能直接进行视频嵌入。
- CSS伪类selection的应用和使用说明
CSS的伪类::selection用于在用户选中文字时设置高亮样式,在前端切图工作中使用较为高频。默认的CSS选中文字时的样式为蓝色背景白色字体。在一些个性化的
- 切图匠祝大家端午安康
一年一端午,一岁一安康夏色倚青艾,粽香礼佳人端午,祈平安,愿健康切图匠祝所有新老客户、朋友家事平和,花朝月夕多胜意,愿人间芳华,岁岁年年常安康!
- 如何将设计好的Sketch、Psd设计图如何转Html页面
将设计好的PSD设计稿转换为前端可访问的HTML页面,是网页制作过程中,继设计之后的一个重要环节,相信对于很多对前端切图不是很了解的UI网页设计人员来讲,这确实
- CSS伪类selection的应用和使用说明
CSS的伪类::selection用于在用户选中文字时设置高亮样式,在前端切图工作中使用较为高频。默认的CSS选中文字时的样式为蓝色背景白色字体。在一些个性化的
- web前端切图是什么?
一句说web前端切图,就是将PSD等UI设计稿使用前端技术转为HTML+CSS的前端页面,成为可在浏览器中打开,并可供其他人浏览访问的页面。 有朋友可能存在疑
- 切图匠祝大家端午安康
一年一端午,一岁一安康夏色倚青艾,粽香礼佳人端午,祈平安,愿健康切图匠祝所有新老客户、朋友家事平和,花朝月夕多胜意,愿人间芳华,岁岁年年常安康!
- 小程序设计的7个注意事项
开发小程序切图的都知道,小程序端的UI设计与传动的移动端设计是存在很多区别的,小程序端有很多固定的设计规范,不能像移动端H5页面一样自由设计,但是很多UI设计人
- 移动端网页H5页面UI设计注意事项?
在做web前端切图时,会见到不同设计师设计的各种各样的设计稿,也经常会见到,有些设计人员交付的移动端PSD设计稿存在很多问题,比如说界面尺寸特别宽,但是缩小之后