由于用户可在PC端使用小程序,且有可能在不同尺寸视图下进行切换,为了保证小程序在不同尺寸屏幕下的体验流畅友好,我们建议开发者根据用户使用设备和场景,自行对小程序进行适配。适配推荐栅格系统、配合响应策略实现页面动态布局。
采用栅格系统进行页面设计
栅格系统具有规律性,其元素宽高可使用百分比进行呈现,这个特性让使用栅格系统设计出的页面与布局具有规律可寻,从而提高不同分辨率下页面布局的一致性与可复用性。
制定小程序页面的响应策略
响应式是系统对于外部变化的反馈跟适应,即通过合理的设计方案配合规范的技术来制定的变化策略。
响应式策略的制定能够让小程序在任何一个尺寸的屏幕上的使用体验保持合理与连贯性。
开发者适配设计指引
1.基本适配原则
PC端屏幕尺寸相对于移动端具有更大的内容展示空间和展现优势,例如可同时开启多个窗口、窗口可拖动、窗口可切换成不同尺寸等。 为了提高屏幕利用率,将屏幕变大带来的体验增值最大化,在适配过程中有如下体验原则:
(1)视图信息展示完整可读
在小程序视图尺寸切换后,视图信息应保证完整可读,不应出现信息形变、缺失、分辨率下降等变化。
(2)视图尺寸切换交互流畅友好
在小程序视图增大后,可展现出更多信息;视图切换过程应流畅友好,可采用适当手段对小程序布局进行优化。
猜你喜欢
- 购物返佣小程序,购物返佣小程序开发
- 社区拼团小程序能够给我们带来什么样的优势?
- 金融APP开发要注意哪些问题?
- 成都微信小程序开发、社区电商小程序怎样低成本玩转分销功能
- 四川省智慧景区小程序开发公司,四川省智慧旅游云平台项目
- 成都微信小程序从使用到分析快速解析
- 成都小程序开发业务(简介:成都小程序开发业务专家坐镇,实力强劲,助你打造优秀小程序)
- 开发一个成都小程序大概需要多少钱
- 成都小程序原生开发项目怎么做,小程序原生代码
- 成都小程序定制开发有哪些优势?
- 成都家政预约管理系统--提升家政服务业管理规范化
- 成都外卖小程序开发(成都外卖小程序开发详解)
- 小程序开发:怎样定制开发小程序商城?有什么好处
- 如何优化好 一个网站排名在搜索引擎首页
- 微信小程序连wifi开发,welink小程序开发