【来一杯word】微信小程序项目需求分析及设计初稿

【来一杯word】微信小程序从零到上线

一、【来一杯word】微信小程序项目需求分析及设计初稿

---

---

前言

最近正在学习微信小程序项目的开发，准备自己开发一款查询单词的微信小程序，以达到巩固知识，练手的目的，无论最后是否可以顺利完成项目，希望在过程中可以学到知识！

---

一、需求分析、功能实现

项目名称:【来一杯word】
功能实现：

• 首页:实现在输入框输入单词，点击搜索，跳转单词详情界面，得到单词的详细信息；
• 单词详情页面：显示单词发音，单词释义，单词例句，等等；并且实现点击收藏icon，将单词加入到单词本中；
• 单词本界面：显示单词本列表（用户自定义添加，删除，修改，单词本），（暂时未实现，后期调整改变）
• 个人中心:(后期考虑功能)

1、界面设计

• 页面暂时简单设计，后期还会规范化，目前主要可以实现主要功能就可以了；
• 我使用的是Mastergo，这款设计工具，在网页中可以直接使用，里面有大量的模板可以借鉴，上手也比较容易，适合设计小白使用。

2.单位转换

有必要提的一下是小程序中rpx与px单位的转换

• 在设计中，设计稿一般是以px为单位这就需要我们注意在开发过程中进行单位转换
• 在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素
• 一般设计，都是以iPhone6为机型
• 1rpx = 0.5px

总结

以上，就是小程序需求机设计的简述，后续主要分享开发小程序遇到的一些问题。

• 【来一杯word】微信小程序icon图标的使用
• 占位
• 占位