app界面设计与交互分析毕业设计PPT.ppt

C 专业：数字媒体技术 导师：柳欣 答辩人：丛语薇 时间 app界面设计与交互分析 目录 CONTENTS 01 概述 02 应用架构 03 主题设计 04 细节完善 05 成果展示 概述 The First Part We are pursuing the best! 选题意义及目的 We are pursuing the best! 应用多样化 在互联网普及的现在，app的种类也变得更为多样化，因此，想在同类应用中脱颖而出，一个美观又易用的界面变得更为重要. UI设计准则 1、逻辑简明清楚，层级合理，分区明确. 2、界面美观，主题明确，风格鲜明 3、易于上手，图标易懂，易于点击 流量管理 随着4G的普及，每月的流量越来越显得不太够用，所以如果有一款对流量进行可视化管理的软件就显得非常必要 前期调研 The Third Part We are pursuing the best! 竞品分析 We are pursuing the best! 爱流量 中国移动流量交易平台提供。面向用户不定期发布免费赚流量红包的活动，同时提供流量的购买、转赠、发红包和充入手机等服务，但不具备由流量提取现金的功能，界面设计偏沉稳。 流量助手 具有流量监控、清理加速、免流量传文件三大功能。软件小巧，无广告、无应用体验较纯净。该软件使用最精确、简洁实用的流量统计工具，主要用于监控流量，并具有流量防火墙 流量来了 可参与各类活动领取流量，以及查询剩余流量，应用的主要功能为领取流量及领取流量查询，没有充值及管控功能，较为单一，UI也稍显单调 受众分析 We are pursuing the best! 国内移动数据服务商QuestMobile发布了《2015年中国移动互联网研究报告》 根据报告显示，25-34岁的白领具备较高的知识学历，同时具有一定的经济能力，对新事物的接受度比较高，更适应互联网生活方式，是移动端购物的主力军，几乎占到总购物比例的一半。而90后和00后异军突起，成为有力的接棒者。 因此受众主要定位在对流量有最大需求的大学生群体与乐意接受新事物的年轻白领上，受众面偏年轻化。 应用架构 The Third Part We are pursuing the best! 应用架构 We are pursuing the best! 功能 充值 微行 红包 代理 在线充值 卡密充值 流量充值 流量提取 抢红包 发红包 个人代理 企业代理 引导页 流量钱包 首页 我的 赚钱 在线充值 卡密充值 活动列表 余额 设置 充值记录 个人代理 企业代理 应用架构 We are pursuing the best! 主题设计 The Fourth Part We are pursuing the best! 主题设计 We are pursuing the best! 主色调选择 因为定位为娱乐及理财类应用， 主色调选择在色彩心理学中表达沉稳，清新，冷静的蓝色色调 动效及字号选择 除充值及登录注册外，其余选择页面使用弹窗模式，防止页面过于冗杂 为了页面美观和文本清楚，字号选择30号作为标题，24号作为普通文本. 主题设计 We are pursuing the best! 类别 交互稿样式举例 操作 重要操作 A 普通操作 B 消极操作 C 文本 重要的文本 D 普通的文本 E 不重要的文本 F 配色表 主题设计 We are pursuing the best! 配色表 为了表现冷静与沉稳的印象，从主色调蓝色入手，选择搭配的主要颜色及文本颜色 而软件同时具有娱乐性的特点所以加入粉、绿、黄等跳跃性的色彩，因为粉色显得过于浪漫不符合理财类的印象，故调整为橘红色。最后确定蓝、薄荷绿为主要色彩，同时用白、红、黄三色进行搭配，显得清爽活泼又有趣 细节完善 The Fifth Part We are pursuing the best! icon Remember that happiness is a way of travel, not a destination. Remember that happiness is a way of travel. 01 图标 图标部分使用网络素材，其他使用AI进行设计绘制 02 细节完善 We are pursuing the best! 切图 将所有前端无法代码完成的图片切成切片并按页面命名 01 适配 为了与各种移动端适配 将所有切片设置为@2x.png格式用来适配iOS端 再重新设置一套.9格式用来适配安卓端 02 细节完善 We are pursuing the best! 成果演示 The Sixth Part We are pursuing the b