[s1e3]超详细！3小时从0开始开发一个GitHub客户端

公众号【国民程序员】回馈粉丝福利： 现金红包和送书活动火热进行中，点击参与！

我的新书《Android App开发入门与实战》已于2020年8月由人民邮电出版社出版，欢迎购买。

书籍详情请见：https://blog.csdn.net/ddnosh/article/details/107666187

作者：国民程序员
项目视频：https://www.bilibili.com/video/BV1vz4y1C7cC/
项目资料：微信搜索 【国民程序员】，回复 “github”
转载请保留此引用，感谢！

导语：

最近收到本书《Android App开发入门与实战》的一些读者的反馈，希望书籍最后章节的GitHub客户端实战开发环节能否单独拿出来讲解一遍，最好能通过视频形式展示出来。于是这段时间把GitHub客户端开发教程重新整理了一遍，并录制成视频。

这是第3篇，这篇我们主要根据上一篇提出的需求，用原型图展示出来。

微信搜索 【国民程序员】，回复 “github”，即可获取本项目源码和后续完整的实战文章教程。

一、原型图

1. 原型图简介

原型图也叫低保真图，可以理解为就是线框图、草图，它的作用是让人对App的形态有一个初步的整体印象，更重要的一点是它还可以有交互功能，模拟真实App的交互体验感觉。

上一篇中我们已经整理好了需求文档。不知道大家有没有注意到，我们在上一篇中提到过，产品经理不可能用XMind脑图作为需求交付物给到开发人员，但是我们今天这里提到的原型图倒是可以作为需求文档给到开发人员。

扫描二维码关注公众号，回复： 12071552 查看本文章

2. 原型图绘制

接下来我们按照需求文档的要求，一个一个地将需求文档转换为原型图。
首先，我们导入Axure的移动开发组件库（文后有下载方式），这是一套专门为绘制移动端App的原型图组件，比如有模拟手机样式的界面、导航栏、底部菜单、对话框、手势、图标等。

二、本章资源和工具下载

这里提供本文使用的Axure8版本下载，关注公众号：国民程序员，直接回复：axure，即可获取下载地址，下载地址还包括附带赠送"移动开发组件库"，导入后样式如下：

导入方法：找到左侧Libraries导航栏，点击旁边的
选择：Load Library…

感兴趣的朋友可以查看下一篇博客：[s1e4]超详细！3小时从0开始开发一个GitHub客户端

想要获取本实战项目后续完整文章教程和视频内容，请在微信搜索 【国民程序员】，回复 “github”即可。

欢迎关注我的技术公众号：国民程序员，我们的目标：输出干货

1. 每天分享原创技术文章
2. 海量免费技术资料和视频学习资源
3. 分享赚钱门道，带领程序员走向财务自由