实验一原型设计-在线听歌

一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。
1、墨刀：

• 适用领域：常用于移动应用、网页设计等领域，适合快速搭建原型，进行简单的交互设计。
• 优点：具有简洁直观的界面，易于学习和使用；可在线共享和协作，方便团队成员协同工作；支持实时预览和演示。
• 缺点：对于复杂项目的支持可能有限；自定义功能相对较弱。

2、Axure：

• 适用领域：广泛适用于各种规模和类型的项目，包括复杂的网页、客户端软件等。
• 优点：提供丰富的交互效果和强大的功能；支持高保真原型设计。
• 缺点：学习曲线较陡，需要一定的学习成本；可能在某些情况下略显复杂。

3、Mockplus：

• 适用领域：适用于多种类型的产品原型设计，如 Web、APP 等。
• 优点：能够快速生成原型，提高效率；拥有大量现成的组件和模板。
• 缺点：可能在一些特殊需求的满足上存在局限。

综合来看，墨刀适合小型项目或个人快速原型设计；Axure 适用于大型、复杂项目；Mockplus 则在效率和便捷性方面有优势。

二、原型设计
1、设计主题：在线听歌

2、功能：在线听歌app是一款年轻人在线听歌软件，其汇聚海量音乐资源，具备个性化推荐、社交分享等功能。随时随地享受高品质音乐，满足年轻人多样的音乐口味和社交互动需求。

3、界面设计考虑因素：年轻人在线听歌软件的界面设计，需融合简洁美观的风格、鲜明活泼的色彩，兼具易操作性与个性化。突出歌曲推荐与搜索功能，清晰展示播放控制与歌词，适度融入社交元素与广告，同时确保专辑封面的高质量展示，以营造优质的听歌体验。

4、界面设计
（1）登录页面

界面功能：选择喜欢的方式登录APP
界面组成：新用户注册以及包括微信登录、手机登录、账号密码登录、微博登录在内的4种登录方式，用户协议以及隐私协议等
前置条件：打开在线听歌APP
后置条件：进入登录或注册界面
操作步骤：用户通过输入账号和密码或使用第三方账号进行登录。新用户提供注册链接，方便新用户创建账号

（2）音乐-推荐页面

界面功能：根据用户的听歌历史和偏好，为用户推荐个性化的歌曲
界面组成：搜索框、根据听歌喜好推荐的相应歌曲、默认的播放器悬浮框
前置条件：单击音乐界面
后置条件：进入推荐页面，可根据喜好选择听歌
操作步骤：用户通过页面切换进入推荐页面。浏览推荐内容：查看推荐的歌曲、歌手、专辑等。

（3）音乐-搜索页面

界面功能：允许用户输入关键词搜索歌曲、歌手或专辑
界面组成：搜索框、歌曲分类、听歌识曲、免费听歌等模式，以及排行榜模式和其中的热搜榜、飙升榜的展示、默认的播放器悬浮框
前置条件：在音乐-推荐页面单击上方的搜索框
后置条件：进入搜索页面，可根据喜好搜索或选择歌曲
操作步骤：在搜索框中点击搜索歌手或歌曲名，搜索结果出现后可以在线听歌，或直接点击排行榜上的歌曲直接听歌，也可直接根据歌曲分类选择喜欢的歌曲、通过听歌识曲识别喜欢的歌曲等。

（4）我的页面

界面功能：展示用户的基本信息以及基本喜好
界面组成：用户的头像名字等基本信息、我的音乐包括我喜欢、已购和最近听的音乐、歌单、听歌统计和一些常用功能设置、默认的播放器悬浮框
前置条件：单击我的界面
后置条件：进入我的页面，展示用户的个人信息及听歌喜好
操作步骤：点击“我的”页面图标查看个人信息，如头像、昵称等，如有需要可进行修改。查看收藏的歌曲、歌单等。管理自己创建的歌单，如添加、删除歌曲等。查看最近播放，回忆之前听过的歌曲。在本地中，查看已下载的歌曲并进行管理。 进入会员中心，了解会员权益和相关信息。根据需求，在设置中调整音乐品质、定时关闭等功能。也可进行账号管理操作，如修改密码等

（5）我的-我喜欢页面

界面功能：记录用户标记为“喜欢”的歌曲。 方便用户快速访问自己喜欢的音乐
界面组成：我喜欢的歌单、好友喜欢的歌单、默认的播放器悬浮框
前置条件：在我的界面点击我喜欢进入
后置条件：进入我喜欢页面，展示用户的个人喜欢的歌单和好友歌单
操作步骤：在【我的】页面中点击【我喜欢】，进入到【我喜欢】的页面中即可看到自己喜欢的歌曲。同时可查看好友喜欢的歌单

（6）播放器页面

界面功能：播放控制：包括播放、暂停、上一首、下一首等。进度控制：拖动进度条或点击跳转到指定位置。播放模式：单曲循环、列表循环、随机播放等
界面组成：播放按钮、进度条、播放模式按钮、歌曲信息展示包括歌曲名字、海报、歌词、歌手、热评展示等。
前置条件：在任意界面下选择歌曲播放，通过界面下方的播放器悬浮框点击进入
后置条件：进入播放器页面进行歌曲播放
操作步骤：点击播放按钮开始播放，拖动进度条或点击指定位置跳转，切换播放模式，点击下一首或上一首切换歌曲。

（7）界面切换流程图