APP178手游网
全部
您的位置:APP178手游网 > 综合新闻 > 微信小程序设计指南 微信小程序ui设计规范汇总

微信小程序设计指南 微信小程序ui设计规范汇总

时间:2016-11-04 18:11:21 作者:游戏厂商 来源:APP178手游网整理 我要评论

  模态加载

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

微信小程序设计指南 微信小程序ui设计规范汇总16

  局部加载反馈

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

微信小程序设计指南 微信小程序ui设计规范汇总17

  加载反馈注意事项

  若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。

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

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

  结果反馈

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

  页面局部操作结果反馈

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

微信小程序设计指南 微信小程序ui设计规范汇总18

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

  弹出式提示(Toast)适用于轻量级的成功提示,1.5秒后自动消失,并不打断流程,对用户影响较小,适用于不需要强调成功状态的操作提醒。特别注意该形式不适用于错误提醒。

微信小程序设计指南 微信小程序ui设计规范汇总19

< 1 2 3 4 5 6 7 8 >

网友评论
  • 新游榜
  • 总排行