鉴于用户可在PC端运用小程序,且有可能在不同的尺寸主视图下来进行切换,为了更好地确保小程序在不同的尺寸手机屏幕下的体验性顺畅友爱,我们提议开发者可根据用户运用设备和场景,自主对小程序来进行匹配。匹配建议响应式页面、搭配响应策略实现页面动态性布局。
采用响应式页面来进行界面设计
响应式页面具备规律,其原素宽高可运用百分数来进行呈现出,这一个特性让运用响应式页面设计出的页面与布局具备规律可循,进而提升 不同的屏幕分辨率下页面设置的统一性与可重复使用性。
制订小程序页面的响应策略
响应式是操作系统对外界变化的反应跟适用,即利用合理的方案设计搭配标准的技术来制订的变化策略。
响应式策略的制订能够让小程序在所有一个尺寸的手机屏幕上的运用体验性保持合理与衔接性。
开发者匹配设计指引
1.基本匹配原则
PC端显示屏尺寸相比于移动端具备较大的內容展示空间和呈现优势,比如可同一时间开启多个窗口、窗口可拖动、窗口可切换成不同的尺寸等。为了更好地提升 手机屏幕使用率,将手机屏幕变大带来的体验性增值最大化,在匹配过程中有如下体验性原则:
(1)主视图信息展示完整可读
在小程序主视图尺寸切换后,主视图信息应确保完整可读,不应该存在信息形变、缺失、屏幕分辨率下降等变化。
(2)主视图尺寸切换交互顺畅友爱
在小程序主视图增大后,可展现出更多信息;主视图切换过程应顺畅友爱,可采用适当手段对小程序布局来进行优化。
1万个想法不如1次的方案落地