一次组内的例会上PM提出一个想法，叫做“歌词的故事”：每一个音符都记录一个心情，每一首歌曲都讲述一个故事，为喜欢音乐的人提供一个全面了解歌曲背后故事的平台。信息架构如下

歌词的故事

最终种种原因这个“歌词的故事”还是没有做。之前一段时间没事，在文件中又看到那个，就想，把这个作为自己的练习吧。于是重新梳理了产品构思，设计了app的几个主要界面，与之前的“歌词的故事”想法改变还是很大。

我构思的app是叫“心乐”：让喜欢音乐的人随着自己的心情发现音乐，同时发掘歌迷心中最感动的故事。这是我的启动页：

启动页

一：首页

在理清产品的主要功能之后打算设置四个模块：随心听（随机发现音乐），读故事（随机发现故事），去搜索（根据用户输入的心情，歌曲名，作词人，等等搜索故事或音乐），关于我（与我相关的内容，包括我的收藏，分享等等）。这是一款比较文艺的应用，所以在设计上不能随大流，要有自己的独特的设计思路。想了很久，既然是四个模块，就在首页放置四个入口，一张高清背景图：

首页

当然这样设计也有缺点，比如打开应用用户什么也看不到，一时难以下手，难以习惯等等。但考虑到目标用户本来就很小众，他们下载应用有耐心通过学习使用此软件，所以就采用了这个设计。下面我逐一介绍四个部分。

二：随心听

这个模块就是根据心情来听歌曲的。首先用户点击那个模块区域然后输入或选择心情，系统推荐歌曲。后来一想，用户输入或选择心情的过程略有繁琐，她本来就没有目标，不如直接把输入心情这一块去掉，点击后直接推荐歌曲让用户选择听还是不停。

随心听部分

在上图第一张页面按返回可返回到主页，左右滑动可选择系统推荐的歌曲，如果喜欢某首歌曲，按下播放键即可进入下一播放页面。每一个卡片主要展示歌手，作词人和歌词，当然某用户喜不喜欢这首歌还主要是看感觉了。点击播放后的页面默认展示的是该首歌曲的歌词，在该页面中歌曲名和作词人都可点击，点击歌曲名进入该歌曲下的所有故事页面，点击作词人可以查看该此人的详细资料，对于歌曲的播放控制只有播放暂停按钮（音量可以通过系统来调），点击写故事进入写故事页面。如果用户点击歌词可以进入看故事页面，即将歌词替换成故事，如下：

点击歌词进入看故事页面

在这个页面点击故事当然可以返回到歌词页面，故事看完或对这个故事不满意可以换下一个。

三：读故事

在首页中点击读故事后进入展示故事的页面，之后一系列的动作如下图

上面标注的图太丑了，不知道大家看懂了没？

四：去搜索

在首页中点击去搜索后进入搜索的部分，默认首先为语音搜索，当然用户可以切换为文本搜索，这一模块的部分如下：

语音搜索与文本搜索

五：关于我

这就是个人主页的模块，在这里用户可以找到自己的动态，关注的人，我的收藏，我写的故事和设置等等，用户可以通过点击某一个人的头像进入她的主页（在“读故事”的页面可以根据故事找到作者的头像），页面如下：

我和设置页面

六：总结

当然这只是个练习，离完整的产品还有一些差距，只做了部分主要页面。在这个练习中，由于之前交互逻辑没有考虑清楚，导致修改了很多次，在以后的设计中，一定要对交互先考虑清楚再动手做高保真设计。

查看完整的高清设计页面：http://huaban.com/boards/24188073/

（欢迎私信讨论）