工具下载
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
参考资料
w3cSchool 学习(Swift模式, JS, CSS, HTML等)
https://www.w3cschool.cn
CSS布局介绍
https://segmentfault.com/a/1190000011358507
flex布局介绍
https://github.com/laizimo/zimo-article/issues/13
在线调试网页
https://jsfiddle.net/s6xzvk3f/1/
微信小程序官方源码
https://developers.weixin.qq.com/miniprogram/dev/demo/demo.zip
https://github.com/Tencent/weui-wxss.git
小程序的初衷
将线下和线上的场景服务相连接，侧重于更轻量化的使用体验。
用户体验分析
五要素：表现层、框架层、结构层、范围层、战略层
其中战略层是了解产品目标及需求的基础，范围层、结构层和框架层是内容的架构、布局及整合，表现层是产品最终的呈现模式。
CUBI用户体验模型
1、视觉设计 - - 清晰、合理且简洁：字体、色彩、排版、功能点分布
2、交互设计 - - 优先性、一致性、满意度：用户优先、功能设置（聚焦核心功能）、信息框架、逻辑一致
3、使用流程 - - 流程布局的合理性、操作使用的便捷性、操作高效性、支付安全性
图片发自简书App
e.g.,加快识别关键信息识别 - - 稍大字号、对比度高的色彩
轻量化购买体验？？传统app七个环节：注册-登陆-选购-下订单-支付-订单查询-货物签收
