衣橱管理APP——《衣橱管家》页面设计

一、界面总体设计

《衣橱管家》有五大核心模块:衣橱管理、智能穿搭推荐、智能购买推荐、时尚社区、日常穿搭记录;界面设计将围绕这五大核心模块与登录注册功能展开,分为以下六个页面文件夹。
在这里插入图片描述
图 1 界面汇总
(1)登录注册页实现登录页、注册页、忘记密码与修改密码界面设计;
在这里插入图片描述
图 2 登录注册界面汇总
(2)日历界面文件夹实现穿搭日记的功能,包含日历主页与添加穿搭日记;
在这里插入图片描述
图 3 日历界面汇总
(3)智能推荐实现智能穿搭推荐与智能购买推荐,包含推荐主页与推荐结果页;
在这里插入图片描述
图 4 智能推荐界面汇总

(4)时尚文件夹实现时尚社区分享功能,包含主页与详情页;
在这里插入图片描述
图 5 时尚社区界面汇总
(5)“我的”文件夹实现个人主页与个人信息修改功能;
在这里插入图片描述
图 6 我的界面汇总
(6)衣橱文件夹实现衣橱管理和穿搭管理功能,包括衣橱与穿搭主页、添加页、搜索页、修改标签页等。
在这里插入图片描述
图 7 衣橱界面汇总

二、详细界面说明

1.登录注册

(1)登录页:该软件开屏页,用户可以输入手机号和密码登录,也可以选择第三方直接登录;如果用户无账号,可以点击注册进入注册页;若用户忘记密码可以点击忘记密码进入忘记密码页;用户必须阅读并同意使用协议才可以登录成功。
(2)注册页:用户可以使用手机号和验证码设置密码完成注册;点击返回箭头即可返回登录页,点击登录即可登录成功;
(3)忘记密码——验证码:用户输入手机号获取验证码,然后点击修改密码按钮修改密码;
(4)忘记密码——修改密码:用户验证手机号后可以设置密码进行密码修改。
在这里插入图片描述
图 8 登录页
在这里插入图片描述
图 9 注册页
在这里插入图片描述
图 10 忘记密码
在这里插入图片描述
图11 修改密码

2.日历

(1)日历主页:以日历+照片的形式展示每日穿搭记录;以照片+文本的形式展示本日穿搭;点击加号添加穿搭日记,进入添加穿搭日记页;
(2)添加穿搭日记:以博客的形式添加每日穿搭记录,可以选择是否分享至时尚社区。
在这里插入图片描述
图12 日历主页
在这里插入图片描述
图13 添加穿搭日记

3.智能推荐

(1)智能推荐主页:用户可以设置穿搭条件:天气、身材信息、风格选择;然后可以使用智能管家进行购买推荐和衣橱衣物的穿搭推荐;
(2)推荐结果:展示智能推荐结果(应该还有一张购买推荐结果,与之类似,因为页面数量限制未设计)。
在这里插入图片描述
图 14 智能推荐主页
在这里插入图片描述
图15 智能推荐详情页

4.我的

(1)我的主页:展示个人信息、个人通知与关于软件等基本信息;点击个人信息进入信息修改界面;
(2)个人信息:展示有关穿搭的个人信息,可以进行修改。
在这里插入图片描述
图 16 我的主页
在这里插入图片描述
图17 个人信息页

5.衣橱

(1)衣橱主页:展示衣橱信息;点击我的衣橱可以选择展示季节衣橱或我的穿搭;点击加号可以添加衣物单品信息;点击编辑按钮修改衣物标签;点击搜索按钮搜索衣物单品;点击加号添加衣物单品;
(2)修改衣物标签页:修改、添加、移动衣物标签;
(3)搜索页:可以根据关键字、衣物信息搜索筛选衣物单品;
(4)添加单品:添加单品输入单品信息;
(5)穿搭主页:展示穿搭信息;
(6)修改穿搭标签:修改、添加、移动穿搭标签;
(7)添加穿搭:输入穿搭信息添加穿搭。
在这里插入图片描述
图 18 我的衣橱主页
在这里插入图片描述
图19 切换衣橱与穿搭
在这里插入图片描述
图 20 修改衣物标签
在这里插入图片描述
图21 添加衣物标签
在这里插入图片描述
图 22 添加单品
在这里插入图片描述
图 23 单品信息展示与修改
在这里插入图片描述 图24 搜索单品及条件筛选
在这里插入图片描述
图 25 排序方式
在这里插入图片描述
图26 分类条件筛选
在这里插入图片描述
图 27 衣物信息筛选
在这里插入图片描述
在这里插入图片描述
图 28 添加穿搭
在这里插入图片描述
图 29 我的穿搭主页
在这里插入图片描述
图 30 切换穿搭与衣橱
在这里插入图片描述
图 31 修改穿搭标签
在这里插入图片描述
图32 添加穿搭标签

6.时尚

(1)时尚主页:展示时尚社区信息,可以分类查看;
(2)详情页:点击主页的一条记录进入详情页,可以查看内容详情和评论。
在这里插入图片描述
图 33 时尚社区主页
在这里插入图片描述
图 34 时尚社区详情页

三、附录

1.链接访问:https://modao.cc/app/BQHt8c4r8voa1jzu4gRnq 《衣橱管家》
2.使用视频:https://www.bilibili.com/video/BV1e3411s7vy/

  • 1
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值