前言

本章主要对静馨舍app功能的设计,项目原型图地址,密码:102466。我的原型图就是UI设计图。

注意,查看的时候最好把备注关掉(点击一下不显红即可,否则会给查看带来一定不变):

备注是做一些规则说明

功能设计

app主要包含3个功能板块:首页模板、用户模块、频道模块、感言模块、通用设置。

首页

  1. 用户进入app首先会进入到首页面,首页面主要展示banner轮播图,下面有频道和感言tab切换列表:

  1. 点击搜索按钮,进入频道和感言搜索列表:

  1. 点击添加按钮,进入选择频道类型界面,选择要新增的频道(用户必须登录情况下才可以添加频道)

  1. 点击app左上方头像,如果app未登录那么跳转登录/注册页面;否则跳转到个人信息页面;

用户功能

  1. 注册一个app,唯一标识仅此输入一次,后面不可更改,在后面做唯一性校验。例如在重置密码时输入该唯一标识(为了节约成本,不采用短信,没钱!!!)

  • 注册完成不需要重新登录。
  1. 用户登录:暂时未做三方登录;

  1. 忘记密码:这里的唯一标识就是注册时填写的,

  1. 注册或登录后点击首页左上方头像,进入个人中心:用户可修改头像,昵称,手机号,没有身份证号,性别;也可以查看我的消息,我的关注(当前只能关注频道),我创建的频道,我发布的感言

  1. 我的消息

  1. 我的关注、频道、感言

  1. 通用设置

频道功能

用户在登录状态下可以去新建频道,频道分为三种:普通频道、打卡频道、态度频道。

普通频道

  1. 有频道名、频道内容、可上传多图;

  1. 这里有个设置按钮(打卡频道和态度频道都有该设置功能,和当前普通频道功能一致):用于设置当前频道下支持可发布的最大感言类型范围,如果不限制,那么感言可以发图、语音、视频;如果关闭语音,表示当前感言不能发送语音;
  • 文本不在限制作用以内,也就是说文本一直可以发送;
  • 为什么是最大感言类型范围?因为表示当前频道下支持用户发布哪些类型的感言;

  1. 频道详情:可以发布感言、查看当前频道关注者、还可以关注、分享、举报、删除频道(频道创建者才可)

打卡频道

  1. 打卡频道和普通频道基本一致,唯一的区别是打卡频道详情

  1. 打卡频道详情用户可以每天(最多一次)对当前频道打个卡。

  1. 并且打卡明细显示的是当月当前用户的打卡情况:

态度频道

  1. 新增态度频道,

  1. 进入态度详情的显示如下,用户可以对当前态度表态,表示当前用户支持红色观点还是绿色观点,

  1. 往上滑动一下当前界面,可出现和普通频道、打卡频道(除了详情布局)一样的详情界面;

感言功能

感言在频道详情中发布:

  1. 发布文本,输入文字直接点击发送接口

  1. 发布附件,点击加号(逻辑有点小复杂,根据感言发布规则,不允许点击是,当前按钮显灰色并且不可点击)

  1. 点击语音

  1. 附件发布预览

  • 毕竟只是一个设计图,真正的实现不会这么敷衍;
  1. 点击列表的item进入感言详情,感言详情可以对感言发布评论,评论是文本+语音(语音暂时可能不实现)

  1. 感言也可以分析,举报

通用设置

在用户个人中心右上角的按钮点击可以进入。

规则设计

  1. 非登录状态下只能做查看;增、删、改必须在登录状态下才能进行;

  2. 密码规则:6-20字母或数字;

  3. 图片规则,如果支持上传多图,那么图片个数不允许超过6个;

  4. 新建普通频道规则:标题25个字以内,内容200个字以内,标题必填,可上传多图;

  5. 感言的发布类型:((1)和(2)取并集)(1)取决于所属频道的设置权限; && (2)① 文本可以和下面任意组合搭配,也可以是纯文本;② 图片 ;③语音;④视频;⑤图片+语音;

  6. 创建打卡频道规则:内容50个字以内,内容必填,可上传多图;

  7. 频道打卡,每天最多可以打卡一次;

  8. 新增态度频道,绿色观点的图片或文字必须有一个,红色观点的图片或文字必须有一个;文字是50个字以内;

  9. 态度频道表态,用户只能表态一次,并且表态后不得修改;

  10. 所有列表显示的时间规则: (1)1分钟内,显示x秒前;(2)1小时内,显示X分钟前;(3)24小时以内,显示X小时前;(4)7天内,显示X天前;(5)30天以内,显示X周前;(6)12个月以内,显示X月前;(7)12月以外显示X年前;

  11. 所有大图的显示都是16:9;小图使用正方形;全局预览图根据实际引入的框架;

总结

重要的部分应该都讲到了,下一章主要针对当前功能设计去完成数据库设计。

可在QQ群:575306647 讨论

第二篇 - 设计篇:静馨舍app功能设计相关推荐

  1. Unity2D 商业游戏案例 - 梦幻西游(第二季 框架设计篇)

    00 网址 来源 siki学院的(1年有限期到期前下载的项目,现在已经过期,所以自己理清项目) 所以更多的不是学习这个项目,而是学习理清该类型的项目的思路 Unity2D 商业游戏案例 - 梦幻西游( ...

  2. 安卓app设计规范整理和Android APP设计篇

    安卓app设计规范整理和Android APP设计篇 发布于: 2014 年 8 月 24 日 by admin 随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近 ...

  3. .NET Core实战项目之CMS 第九章 设计篇-白话架构设计

    前面两篇文章给大家介绍了我们实战的CMS系统的数据库设计,源码也已经上传到服务器上了.今天我们就好聊聊架构设计,在开始之前先给大家分享一下这几天我一直在听的<从零开始学架构>里面关于架构设 ...

  4. 我所理解的RESTful Web API [设计篇]

    <我所理解的RESTful Web API [Web标准篇]>Web服务已经成为了异质系统之间的互联与集成的主要手段,在过去一段不短的时间里,Web服务几乎清一水地采用SOAP来构建.构建 ...

  5. .NET Core实战项目之CMS 第十章 设计篇-系统开发框架设计

    这两天比较忙,周末也在加班,所以更新的就慢了一点,不过没关系,今天我们就进行千呼万唤的系统开发框架的设计.不知道上篇关于架构设计的文章大家有没有阅读,如果阅读后相信一定对架构设计有了更近一部的理解,如 ...

  6. .NET Core实战项目之CMS 第八章 设计篇-内容管理极简设计全过程

    写在前面 上一篇文章.NET Core实战项目之CMS 第七章 设计篇-用户权限极简设计全过程中我带着大家进行了权限部分的极简设计,也仅仅是一个基本的权限设计.不过你完全可以基于这套权限系统设计你的更 ...

  7. .NET Core实战项目之CMS 第七章 设计篇-用户权限极简设计全过程

    写在前面 这篇我们对用户权限进行极简设计并保留其扩展性.首先很感谢大家的阅读,前面六章我带着大家快速入门了ASP.NET Core.ASP.NET Core的启动过程源码解析及配置文件的加载过程源码解 ...

  8. MySQL之库表设计篇:一到五范式、BC范式与反范式详解

    引言 MySQL的库表设计,在很多时候我们都是率性而为,往往在前期的设计中考虑并不全面,同时对于库表结构的划分也并不明确,所以很多时候在开发过程中,代码敲着敲着会去重构某张表结构,甚至大面积重构多张表 ...

  9. FPGA设计篇之流水线思想

    FPGA设计篇之流水线思想 一.写在前面 二.正文开始 2.1举个栗子 2.2.1情况一(组合逻辑) 2.1.2情况二(流水线设计) 2.1.4 小总结 2.2举第二个栗子 写在最后 一.写在前面   ...

最新文章

  1. PE文件和COFF文件格式分析——导出表
  2. 从数据中心基础设施的视角来看 Facebook 机器学习的应用
  3. 关于pycharm右键只能选择run Unit不能直接run的解决方法
  4. k近邻回归算法python_K近邻算法用作回归的使用介绍(使用Python代码)
  5. 空值为0非空为1_万达广场4周年,1降到底!0元送万张杂技团门票、人气餐饮6.8折,这波周年庆我先锁为敬...
  6. tail -f 查找关键字_C语言九种查找算法 | 总有一款适合你
  7. 32 MM配置-采购-采购订单-定义编码范围
  8. 直接选择排序与冒泡排序
  9. mybatis如何防止sql注入
  10. 最简单的零成本创业模式
  11. jave se基础复习2
  12. Windows 2008下Exchange Server部署攻略
  13. php memcache 缓存与memcached 客户端的详细步骤
  14. AltiumDesigner 的 PcbDoc文件转 pads 的 PCB文件
  15. 关于 range.autofilter 和 VBA的 filter
  16. openwrt 19 overlay 空间不足_顺职院学生宿舍空间布局改善报告
  17. CsPb(Cl/Br)3钙钛矿量子点CsPb(Cl/Br)3 QDs发射波长410-515nm
  18. 国际证券市场发展简史(一)欧洲证券市场
  19. iphone播放视频
  20. JSON基础入门实战讲解在线视频课程-JSON 使用 JavaScript 语法

热门文章

  1. python 中文转unicode编码_python实现unicode转中文及转换默认编码的方法
  2. 网络诈骗公司普通员工如何判
  3. Netgear wndr3700v2 路由器刷OpenWrt打造全能服务器(二)刷OpenWrt
  4. PyQT中QTableWidget根据单元格内容设置自动宽度
  5. 深度学习之 人脸生成 BEGAN TensorFlow 实现
  6. 图像旋转总结(矩阵旋转)
  7. ARAS plm安装,各种踩坑
  8. 整理一些不错的、网上好评的电影、电视、视频等资源地址
  9. 计算机毕业设计ssm宠物领养信息管理系统5gcp7系统+程序+源码+lw+远程部署
  10. MCMC 蒙特卡罗方法 (一)