一站式SaaS应用服务平台  |  服务热线:400-0033-166
万商云集 - 一站式SaaS应用服务平台

小程序示例丨小程序开发项目的相关设计规范

2020-06-24 09:44:42 阅读(83 评论(0)

互联网头部流量平台都在力推自己的小程序,对于中小企业而言,小程序不仅是流量共享的入场券,更是零售、餐饮、建筑等各类行业目前最贴近用户使用习惯,满足客户消费体验,升级企业服务质量的利器。


小程序示例丨小程序开发项目的相关设计规范

图片来源于网络



企业在选择进行开发小程序之后,可以了解小程序开发项目的相关设计规范,掌握基本的设计规范常识之后就可以分析开发公司提供的小程序示例,以此来判断这家开发公司是不是自己想要的。


1、关于尺寸:小程序的开发尺寸是rpx,可以实现手机多种屏幕尺寸。小程序经过编译之后,rpx要进行换算,换算是以375个物理像素为基准,这里不深入了解,设计稿尺寸375px或750px一般都没问题。


2、关于菜单:官方的小程序菜单是全局性质的,位置固定,开发公司不可以进行自定义设置,只能选择深浅颜色配比。所以在设计的时候需要提前预留位置,可以有交叉元素但是不能冲突。常见的菜单状态是,全局菜单、调用录音、获取地理位置。


3、关于导航:导航的背景可以自定义图片和颜色并可设置透明度,但注意在二级设置中添加返回键。


4、关于标签:标签有顶部标签和底部标签,数量一般设置在2-5个。顶部标签可以自定义设置颜色和样式,还可以设置X轴滑动;底部标签有不同形状的设计,圆形、方形、高矩形和宽矩形。


5、关于内容:小程序内容和APP内容设计大同小异。需要注意的是,弹窗的优先级并不是最高的;页面视频也不会沿着X轴移动。


6、关于加载样式:进入小程序如果加载时间比较长,需要提供取消操作,用进度条显示进度;加载界面应该设置动画效果,避免被误认为卡死。


7、关于操作结果反馈:图标提示适用于轻量级成功反馈,自动消失并不打断操作流程;文字提示适用于解释当前状态和不严重的错误,同样自动消失不打断操作。


以上就是小程序开发项目的相关设计规范,下面给出几个万商云集小程序示例(可访问链接,手机扫描进入小程序),供大家分析参考。


1、妙香泉陈醋BAT小程序(https://www.iwanshang.cn/case-201911793.html)


小程序示例丨小程序开发项目的相关设计规范

 

2、重庆民宿排名BAT小程序(https://www.iwanshang.cn/case-201911792.html)


小程序示例丨小程序开发项目的相关设计规范

 

3、重庆舒适家居BAT小程序(https://www.iwanshang.cn/case-201911791.html)


小程序示例丨小程序开发项目的相关设计规范

 

万商云集一站式SAAS应用服务平台,提供商城网站建设企业网站建设、微信、百度和支付宝小程序开发等服务,如果您对小程序开发有任何需求或疑问,可以点击在线咨询,将有专业人员为您服务。

我想咨询类似产品
未经允许不得转载,或转载时需注明出处

点击获取方案