打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
微信小程序颠覆传统应用的技术开发

  小程序已经发布了一段时间了,小程序设计需要注意的一点是,小程序不是APP,嵌入式的响应式H5网页 ,所以小程序的特点就是“轻快” ,既然是嵌入式手机端网页的设计,就要把这里设计好,既要结合微信客户端的操作使用规范,又要结合网页端的设计使用规范了。这里拿大神牛举例子。

  因为页面在交互的时候要尽可能考虑到重点突出

  所以对页面的设计来说也一定要够简单和直接

  不妨试试Metro design的一些设计思路

  1、明确直接

  2、减少干扰

  3、从哪儿来回哪儿去

  设计细节:

  导航栏可以有颜色的自定义

  页面内导航,设计规范,颜色对比

  加载页由微信统一提供-只需要提供logo即可

  页面下拉刷新加载样式有“深浅”两种,另外可自定义

  页面加载反馈简洁为主

  局部加载的用户体验

  字体规范

  微信内字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 10(pt)

  主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑;

  www.dashenniu.com

  • 分享到



热门关注

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
7条好的web设计的准则
+++网站设计方案
微信小程序|基本页面设置
让微信小程序和页面界面 UI 统一:WeUI 前端样式库
常见的网页界面设计规范问题
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服