百度APP原型设计

一、实验题目：原型设计
二、实验目的：掌握产品原型设计方法和相应工具使用。
三、实验要求
（1）对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点（至少3条）。
1.墨刀：
适用领域：墨刀适用于快速创建简单的交互原型，尤其适合设计师、产品经理和开发人员等各个领域的用户。
优点:①墨刀提供了丰富的模板和组件库，用户可以快速创建交互原型。
②它支持多人协作，方便团队成员一起编辑原型。
③墨刀支持云端保存和分享，用户可以随时随地访问和分享原型。
缺点:①墨刀的功能相对简单,可能不适合制作复杂的原型。
②其交互效果相对较弱，不够灵活。
③加载速度较慢
2.Axure:
适用领域：Axure适用于设计师、产品经理和开发人员等专业领域的用户，尤其适合制作复杂的原型。
优点:①Axure能够帮助设计师将设计概念迅速转化为可交互的原型，支持创建复杂的交互设计，如页面跳转、动态面板、条件逻辑等。这使设计师能够更直观地呈现设计思路，提高设计质量。
②Axure生成的原型可以直接导出为HTML文件，方便开发团队进行理解和实现。
③拥有丰富的插件和扩展，可以根据需要自定义工具功能。
缺点:①Axure具有较高的学习曲线,需要定的时间来学习和掌握。
②需要花费相应的时间。
③价格相对较高。
3. Mockplus:
适用领域：Mockplus适用于多种领域,如电商、教育、医疗等。它提供了大量封装组件、图标以及原型模板例子,能很好地满足各种设计素材需求。
优点:①Mockplus具有离线版，适合完全局域网办公或无法连接互联网的用户。
②其提供的组件和模板能够快速满足客户需求，提高设计效率。
③Mockplus注重用户隐私和数据安全,离线环境使用更安全更保密。
缺点：①相比于Axure等工具，Mockplus在生成原型文档方面的能力较弱。
②不支持复杂的交互设计和动画效果。
③功能较简单。
（2）利用网络资源自学Mockplus或墨刀等原型设计工具，并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
①主体名称：百度APP
②功能：提供网页、图片、新闻、地图、视频、知道、百科、音乐、文库等，利用百度最优质的搜索资源，让搜索结果更精准，搜索历史、搜索建议为您简化输入操作，搜索信息更快捷。
③界面设计
1.首页

界面功能：实现搜索功能，发现新闻热点等
界面组成：搜索框，百度，视频，消息，我的
前置条件：登录后默认进入首页
后置条件：按自己所想，点击想要进入的页面
操作步骤：直接点击方可跳转界面
2.消息

界面功能：实现对话功能，删除对话信息等
界面组成：垃圾站，更多，消息对话框
前置条件：进入首页，点击底部“消息”
后置条件：点击想要对话的对象，进行交流沟通
操作步骤：直接点击想要对话的对象，跳转界面，进行沟通
3.我的

界面功能：查看个人信息，收藏，历史记录，书架，文件，订单等
界面组成：收藏，历史，书架，文件，订单，钱包，知乎，百度教育等
前置条件：进入首页，点击底部“我的”
后置条件：点击想要进入的组件，进行下一步操作
操作步骤：点击图标，进行跳转
4.我的音乐

界面功能：可以播放喜欢的歌曲，进行收藏等
界面组成：音乐，歌单，收藏，播放等
前置条件：在“我的”页面，点击“音乐”
后置条件：播放音乐
操作步骤：直接点击想播放的歌曲
5.歌曲界面

界面功能：可以暂停，上一首，下一首进行控制等
界面组成：收藏，喜欢，评论，定时，暂停，上一首，下一首等
前置条件：在“我的音乐”页面，点击“精卫”
后置条件：播放音乐，进行操控
操作步骤：直接点击想操控功能的位置
6.添加到喜欢列表

界面功能：将自己喜欢的歌曲添加到喜欢列表
界面组成：按键“我知道啦”
前置条件：在“精卫”页面，点击“喜欢”
后置条件：点击“我知道啦”
操作步骤：直接点击“我知道啦”
（3）界面切换流程说明
1.页面流程图

2.文字流程图

3.原型链接
https://rp.mockplus.cn/rps/Atbm2TUm_x/Mmp0WLXoG?