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

目录

    • 一、界面总体设计
    • 二、详细界面说明
        • 1.登录注册
        • 2.日历
        • 3.智能推荐
        • 4.我的
        • 5.衣橱
        • 6.时尚
    • 三、附录

一、界面总体设计

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

(4)时尚文件夹实现时尚社区分享功能,包含主页与详情页;
衣橱管理APP——《衣橱管家》页面设计_第5张图片
图 5 时尚社区界面汇总
(5)“我的”文件夹实现个人主页与个人信息修改功能;
衣橱管理APP——《衣橱管家》页面设计_第6张图片
图 6 我的界面汇总
(6)衣橱文件夹实现衣橱管理和穿搭管理功能,包括衣橱与穿搭主页、添加页、搜索页、修改标签页等。
衣橱管理APP——《衣橱管家》页面设计_第7张图片
图 7 衣橱界面汇总

二、详细界面说明

1.登录注册

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

2.日历

(1)日历主页:以日历+照片的形式展示每日穿搭记录;以照片+文本的形式展示本日穿搭;点击加号添加穿搭日记,进入添加穿搭日记页;
(2)添加穿搭日记:以博客的形式添加每日穿搭记录,可以选择是否分享至时尚社区。
衣橱管理APP——《衣橱管家》页面设计_第12张图片
图12 日历主页
衣橱管理APP——《衣橱管家》页面设计_第13张图片
图13 添加穿搭日记

3.智能推荐

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

4.我的

(1)我的主页:展示个人信息、个人通知与关于软件等基本信息;点击个人信息进入信息修改界面;
(2)个人信息:展示有关穿搭的个人信息,可以进行修改。
衣橱管理APP——《衣橱管家》页面设计_第16张图片
图 16 我的主页
衣橱管理APP——《衣橱管家》页面设计_第17张图片
图17 个人信息页

5.衣橱

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

6.时尚

(1)时尚主页:展示时尚社区信息,可以分类查看;
(2)详情页:点击主页的一条记录进入详情页,可以查看内容详情和评论。
衣橱管理APP——《衣橱管家》页面设计_第34张图片
图 33 时尚社区主页
衣橱管理APP——《衣橱管家》页面设计_第35张图片
图 34 时尚社区详情页

三、附录

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

你可能感兴趣的:(课程学习,android)