美文网首页
“干啥儿”页面设计

“干啥儿”页面设计

作者: heheheyuanqing | 来源:发表于2018-01-25 23:18 被阅读21次

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

干啥儿

  • 登陆/注册界面

  网站的起始页设置为登陆注册的界面
    登陆:使用账号(昵称)进行登陆,并且设置忘记密码以及记住密码的功能
    注册:使用邮箱进行注册,填入账号(昵称)作为登陆凭证,设置输入两次密码防止忘记。


草图
  • 首页界面

  登陆之后进入首页
    首页最上端设置网站名称,搜索栏以及进入个人主页的入口
      搜索栏:可根据任务发布者、任务名称关键字进行搜索
    左侧为当前在网站中发起的任务,以每一个小方框的形式进行显示,显示了任务的主要信息(创建者和简介),这样一来保证了这个任务对外一定的私密性,无法查看具体任务参与者的信息。在小方框右上角添加加入任务的按钮,方便用户进行参与
    右侧添加一个创建任务的快捷入口以及近期参加的几个任务的快捷入口

草图
  • 个人页面

  点击上端的个人主页入口进入个人主页
    个人主页上端与首页相同,中间左侧有创建任务和导航条分开自己创建的
任务以及自己参加的任务的入口

    右侧有个人的基本信息,最下面右侧有一个按钮可以进行修改可以直接在原先位置进行修改再点击保存按钮

个人主页草图
  • 任务页面

  在个人主页中点击参与的任务选中任务进入任务界面
    作为参与者,主要的功能是对任务中的每个小任务确认完成,提交通过设请,查看自己的申请
      左侧为首先是任务名称以及简介,并且设置申请记录的小按钮,底下是每个小任务,点击“完成”按钮出现上传通过的内容框,进行提交
      右侧第一位是自己,并设置退出任务按钮,每一位成员底下以星星的的形式展示进度

参与者草图

  

  在个人主页中点击参与的任务选中任务进入任务界面
    与参与者相似,主要增加了在每个任务最下方添加按钮进行对任务的修改,点击修改之后在每个任务后方添加“X”以示可进行删除,在参与人员一侧添加修改和增加按钮,进行对成员的增加和删除点击修改之后,每个成员后方出现删除提示按钮

任务发布者草图
  • 补充
    - 在任务界面中参与成员以进度快慢进行排序
    - 增加创建任务界面
    - 增加必要的导航条

相关文章

  • “干啥儿”页面设计

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

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

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

  • 有关交互设计

    大页面的设计是焦点设计,小页面的设计师空间设计。

  • 66释然|我的设计灵感呢?

    今天总部安排了一个设计任务,许久不做平面设计的我,灵感一点儿都没有。 找了一上午的素材,下午开始设计,设计出的页面...

  • Java泛型中的通配符

    Java泛型中用?来表示一个通配符。这通配符到底啥意思?这玩意儿设计来干啥?怎么用?有什么限制?在了解这些之前,我...

  • 基础篇

    项目初步规划: 对页面布局的巩固 页面设计 设计项目logo

  • (22)打鸡儿教你Vue.js

    vue.js 单页面,多页面 Vue cli工具复杂单页面应用Vue cli工具 交互设计,逻辑设计,接口设计 代...

  • 在自己喜欢的事情里

    某儿很忙,真的很忙。 萍儿说:“你干啥了?三个月的假期,你都忙啥呢?” 某儿都不好意思回答给她。 干啥来了?真的每...

  • 3个问题,完善交互设计

    大页面的设计是“焦点”的设计,小页面的设计是“空间”的设计。 如果我们在web上设计,让用户快速找到“内容”是设计...

  • 5(2)页面示例-页面状态

    APP页面设计过程中,除了设计正常状态下的页面,还需考虑异常页面状态。如:页面内容为空、网络异常、服务器异常、页面...

网友评论

      本文标题:“干啥儿”页面设计

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