美文网首页
“干啥儿”主要功能及页面设计

“干啥儿”主要功能及页面设计

作者: 张鸽 | 来源:发表于2018-01-26 19:55 被阅读0次

“干啥儿”主要功能及页面设计-----张鸽、何远清
一、登录注册
实现功能:

  • 注册
    页面如下:
    注册.jpg

注册时通过邮箱进行注册,同时确定昵称(用来登录)以及登录密码

  • 登录
    页面如下:


    登录.jpg

登陆时使用自己注册时使用的昵称以及密码,登录页面有忘记密码功能,点击后通过邮箱进行验证并重新设置密码。
二、首页
登录后进入首页
首页固定栏包含网站名,搜索框,以及头像(个人中心入口)
主题内容分左右栏,左边陈列任务列表(每个任务有任务名,简介,参与人数,创建时间等信息,每个任务栏里都有加入的小按钮,方便用户申请加入);右边是一个创建任务的快捷键,以及最近任务列表(选择时间最靠后的三个显示)
首页页面如下:


首页.jpg

三、创建者任务页面
因为权限不同,看到的任务页面也有所不同,创建者点击自己的任务
页面显示如下,


创建者任务页面.jpg

对于任务内容可以进行修改,可以看到具体任务成员,同时可以自主增加成员
四、参与者任务界面
参与者因为权限不够,所以只能看到任务内容,不能修改及删除。不过鼠标移上任务列表每项后面出现完成用以提交进度。参与者任务页面还有退出按钮,实现退出该任务的功能。
页面如下:


参与者任务页面.jpg

五、个人主页
点击头像下拉框进入个人主页,个人主页页面如下:


个人主页.jpg

上部固定栏不变,主体内容分为两栏
左边最上方是一个创建任务的按钮。下面是个人创建的任务以及参与的任务,点击任务后按权限进入创建者任务界面或参与者任务界面,进行操作。
右边是个人资料展示,点击修改按钮弹出框进行修改。
六、创建任务界面
点击创建任务按钮后跳转至创建任务界面
填写必要信息,点击完成按钮
页面如下:


创建任务.jpg

相关文章

  • “干啥儿”主要功能及页面设计

    “干啥儿”主要功能及页面设计-----张鸽、何远清一、登录注册实现功能: 注册页面如下:注册.jpg 注册时通过邮...

  • “干啥儿”页面设计

    咳咳咳咳咳咳咳……今天完成了干啥儿的页面设计,融合了我与张同学的智慧!!恩恩!!具体: 干啥儿 登陆/注册界面  ...

  • 脉脉

    职位描述: 1. 设计并编写web前端架构及应用; 2. 根据产品需求,设计前端页面,并配合服务端实现页面的渲染及...

  • 小型WEB课程设计题目以及要求

    《Web程序设计》课程设计题目及要求 要求一人一题具体安排见安排表,也可以自选题目,但要经写出相应题目及主要功能并...

  • 数据可视化项目设计风格参考

    1. 设计风格参考 a. Bloomberg 版式设计 不同数据页面过渡交互设计 版式设计及多组数据颜色使用 转场...

  • 做项目2

    今天项目联调了一下,学长重点看了一下页面设计,主要功能没有重点看了。 这次的联调不得不佩服一下学长,页面中很细节的...

  • 小程序和APP设计有什么区别?

    1. 轻设计 总的来说,小程序相较于app都化繁为简,突出主要功能。还可以将并联功能改为串联/触发功能来实现页面的...

  • Django中的Form组件

    一、form组件的主要功能: 生成页面的HTML标签及样式 对用户提交的数据进行校验 自动生成错误信息 保留上次输...

  • 美食直播app交互设计-食赞

    前言 此次以网络直播为主体,设计了一款美食直播app,本文含页面排版布局设计及交互说明,交互设计文档,及对产品的主...

  • 后台tab页接入微应用的问题

    记录在旧后台系统中嵌入微应用时,遇到的关于 tab 标签页及组件缓存的问题 页面结构 这里主要功能页都将通过 m...

网友评论

      本文标题:“干啥儿”主要功能及页面设计

      本文链接:https://www.haomeiwen.com/subject/xutwaxtx.html