您当前的位置: 首页 > 知识百科 > 如何使用微信小程序ui框架?

如何使用微信小程序ui框架?

时间:2023-07-01 14:05 阅读数:128 人阅读 分类:知识百科

  前面小编已经介绍了微信小程序ui设计工具的使用以及小程序ui设计规范,今天要给大家讲解的是微信小程序ui框架,其中包括了加载ui的一些事项。

  ① 启动页加载

  小程序启动页是小程序在微信内一定程度上展现品牌特征的页面之一。本页面将突出展示小程序品牌特征和加载状态。启动页除品牌标志(Logo)展示外,页面上的其他所有元素如加载进度指示,均由微信统一提供且不能更改,无需开发者开发。

  ② 页面下拉刷新加载

  在微信小程序内,微信提供标准的页面下拉刷新加载能力和小程序样式,开发者无需自行开发。

  


  ③ 页面内加载反馈

  开发者可在小程序自定义页面内容的加载样式。建议不管是使用在局部还是全局加载,自定义加载样式都应该尽可能简洁,并使用简单动画告知用户加载过程。 开发者也可以使用微信提供的,统一的页面加载样式,如图中例所示。

  ④ 模态加载

  模态的加载样式将覆盖整个页面的,由于无法明确告知具体加载的位置或内容将可能引起用户的焦虑感,因此应谨慎使用。除了在某些全局*操作下不要使用模态的加载。

  ⑥ 局部加载反馈

  局部加载反馈即只在触发加载的页面局部进行反馈,这样的反馈机制更加有针对*,页面跳动小,是微信推荐的反馈方式。例如:

  


  ⑦ 加载反馈注意事项若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。

  载入过程中,应保持动画效果 ; 无动画效果的加载很容易让人产生该界面已经卡死的错觉。

  不要在同一个页面同时使用超过1个加载动画。

  ⑧ 结果反馈

  除了在用户等待的过程中需予以及时反馈外,对操作的结果也需要予以明确反馈。根据实际情况,可选择不同的结果反馈样式。对于页面局部的操作,可在操作区域予以直接反馈,对于页面级操作结果,可使用弹出式提示(Toast)、模态对话框或结果页面展示。

  ⑨ 页面局部操作结果反馈

  对于页面局部的操作,可在操作区域予以直接反馈,例如点击多选控件前后如下图。对于常用控件,微信设计中心将提供控件库,其中的控件都已提供完整操作反馈。

  ⑩ 页面全局操作结果——弹出式提示(Toast)

  弹出式提示(Toast)适用于轻量级的成功提示,1.5秒后自动消失,并不打断流程,对用户影响较小,适用于不需要强调的操作提醒,例如成功提示。特别注意该形式不适用于错误提示,因为错误提示需明确告知用户,因而不适合使用一闪而过的弹出式提示。

  ⑪ 页面全局操作结果——模态对话框

  对于需要用户明确知晓的操作结果状态可通过模态对话框来提示,并可附带下一步操作指引。

  ⑫ 页面全局操作结果—结果页

  对于操作结果已经是当前流程的终结的情况,可使用操作结果页来反馈。这种方式最为强烈和明确的告知用户操作已经完成,并可根据实际情况给出下一步操作的指引。

  现在你了解微信小程序ui框架的相关信息了吗?如果还有什么不明白的地方,欢迎留言与小编进行探讨,想要获取更多相关资料请关注微信小程序素材网。

  

  关于微信小程序开发框架,微信小程序框架搭建

  小程序是什么框架?微信小程序框架详解

  微信小程序ui设计工具怎么使用?