280 5 d网微信项目手机app产品说明

1. 微信项目手机APP页面
设计说明
备注：下列App图片都是用小米2S设计和测试
的，请调节为不同屏幕尺寸自动适应。
1

2. 引导下载页
图片 说明
• 这是手机扫描二维码后出现的
页面，引导用户在浏览器中下
载“我的网”APP。
2

3. 首次登录前引导图片1
图片 说明
三项功能广告语更改为：
• 微信收藏电脑看
• 查看收藏风云榜
• 分享信息就赚钱
3

4. 首次登录前引导图片2
图片 说明
无
4

5. 首次登录前引导图片3
图片 说明
• 登录按钮默认微信帐号登录。
5

6. 确认登录页
图片 说明
• 默认直接调取微信的昵称，头
像等公开的信息。如果去掉
勾 ，则登录按钮变为灰色，
呈无法登录状态。
6

7. “我的收藏”页
图片 说明
1) 登录后默认首先进入“我的收
藏”页
2) “分享”按钮点击之前是灰色
的，点击后，如图所示，呈录
色，其他页面同样参照此处。
3) 344/99：这个数字表示，广告
位点击量/广告阅读量。
4) 收益：表示本篇文章经分享所
获得的收益。单位：元。
5) 页面中的文章字体参数：标题
为加粗34像素，正文30像素。
7

8. “我的收藏”页-标签
图片 说明
• 这是隐藏的子菜单，点击出现
“标签”和“删除”按钮，可
在当前文章执行添加标签或删
除操作。
8

9. “今日热点”页
图片 说明
1) “分享”和“收藏”按钮前的
图标点击之前是灰色的，点击
后，如图所示，呈录色。
2) 344/99：这个数字表示，广告
位点击量/广告阅读量。
3) 收益：表示本篇文章经分享所
获得的收益。单位：元。
4) 文章字体参数：标题为加粗34
像素，正文30像素。
9

10. “今日热点”页-标签
图片 说明
• 这是隐藏的子菜单，点击出现
“标签”和“举报”按钮，可
在当前文章执行添加标签或举
报操作。
10

11. 添加标签页
图片 说明
• 点击 “标签”按钮出现添加标
签界面。
11

12. “本周热点”页
图片 说明
1) “分享”和“收藏”按钮前的
图标点击之前是灰色的，点击
后，如图所示，呈录色。
2) 344/99：这个数字表示，广告
位点击量/广告阅读量。
3) 收益：表示本篇文章经分享所
获得的收益。单位：元。
4) 文章字体参数：标题为加粗34
像素，正文30像素。
• “本周热点”和“今日热点”
页面设置是一样的。都比“我
的收藏”多了个“收藏”按钮。
12

13. 右侧下拉列表页
图片 说明
• 点击右上角图标出现下拉菜单。
13

14. “分享赚钱”子菜单页
图片 说明
• 这里是“分享赚钱”的子菜单
页。下面分别有三个菜单的详
细图解。
14

15. “选择广告”页
图片 说明
• 此处为自由选择广告进行分享
赚钱的页面。
15

16. “收益统计”页
图片 说明
• 这里显示“本周”分享的信息
数据。
• 信息数：分享了的文章数量。
• 点击数:广告的点击数。
• 浏览数：广告的阅读数。
• 收益额：“本周”进行分享信
息获得的总收益。
• 账户余额：经分享获益和提现
等金额操作后的账户余额。
16

17. “英雄榜”页
图片 说明
• 此处为“上周”整周获得获益
的用户排行榜，用户昵称六个
字节以内就直接全写，若多于
六个字节，则另外添加省略号
表示。后面数值表示用户一周
的收益，单位为元。
17

18. “常见问题”页
图片 说明
• 常见问题页，本页记录APP使用
过程中可能遇上的问题。
18

19. 确认登录页
图片 说明
• 这是广告位图片，位于文章内
容左上方。
19

20. 确认登录页
图片 说明
• 此处是广告位点进去后的介绍
和下载页面。
20

21. “公众服务号”页
图片 说明
• 收益统计：可查看当前收益情
况。
• 用户交流：提供用户交友聊天
的平台。
• 常见问题：可查看使用APP可
能遇上的问题。
21