每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
最近准备阿里巴巴的面试，第一次撸手机UI，根据小说《五十度灰》灵感而来。
第一次撸UI，也是第一次发，希望大家多多指教。
我的微博是 @钟二信（新浪）欢迎私下拍砖
因为对音乐app的交互不是很了解，所以在交互方面大量的是借鉴苹果的原生音乐app和QQ音乐app。
本来想了两个自己觉得比较好的交互想法，一个是用旋转的黑胶碟代表进入正在播放的界面，和播放界面右滑的时候进入曲目列表（同时视觉上不会有太大的变化）。后来做好了过后，朋友发现这两个交互，在虾米音乐上已经有了。
全部评论：13条
-
-
-
-
-
钟信设计
2014-09-19 14:05@oaipping: 恩，首先第一句，你说的大部分都好有道理，我竟无言以对。
还是弱弱的狡辩一下，这明显是一个不成套的UI作品，而且平台是在iOS上的。 随机/循环/单曲，这个键考虑过但是就是没有放上去，因为我实在找不到合适的地方，当然是我因为功底太差，加上我是自己第一次做的视觉练习，我就索性没有放。
右上角的心代表的是收藏这首歌曲，底部的五星肯定是代表的推荐，不管是那张界面图，还是大多数app通用的做法（好像没有谁把收藏歌曲单独列为导航标签的把），还是底部表明的英文，都应该能看出来。
恩，那均衡器图标作为设置的icon确实有欠考虑，当时想的是做一个稍微个性一点的音乐app，觉得均衡器作为音乐app的设置符号不会有太大问题，但是在icon已经越发像文字符号的今天，什么地方都应该注意icon的语法，还是用齿轮会更好一些。
对于太大、不精致这样的吐槽确实无言以对，当时播放按钮做得这么大，还有弱拟物质感，就觉得肯定会有些不妥。我的想法是这样的，对于一个重要的功能按钮来说，稍微的拟物和较大的比例，才比较方便使用。扁平化对于内容的传达是极好的。但是就像库克也说的，拟物能引导大家方便使用功能，苹果也只能在把大家都引导操作成熟的时候才转向扁平化，所以我觉得带有重要功能的按钮进行适当的拟物还是有必要的。
说到这里，我就说下我的不成熟的想法，我觉得在表现内容方面的ui确实应该是追求扁平的，但是功能性方面的可以进行适当的拟物，当然最困难的还是如何去平衡这两者，很明显我的那个播放键就是一个拙劣的例子。但是我觉得这种想法是没错的（当然你根本没有谈到这个），就连如今毅然转向扁平的苹果，也在开/关标签上加上了阴影，也在输入法键盘上有立面效果。 -
-
MJ_Designer
2014-09-19 10:48@oaipping: 哈，提醒了我，玩了一下。本人安卓机，音量调节主要是通话音量、播放（音频）音量和系统音量（铃声和通知），另外有一些虚拟的音量调节，比如闹钟。感觉关注一些手机硬件知识还是挺好的。。。学习了。
-
oaipping
2014-09-19 09:36@MJ_Designer: 音量调整 @钟信设计 回答的不是很完整。 但APP确实需要加音量调整的滑动条。
+/_ 可以调音量 但是这个音量调 很不简单，具体你可以看看 安卓 调音量有三个条 分别调不同的输出音量。还有很多APP运行后不支持 +/- 调，你们知道的虾米，安卓版 就不支持，只能通过滑动条调，也不支持线控调。因此加上应该是比较保险的一种做法。
还有手机接入不同设备会记忆音量，这是又个音量条是非常好的。（典型的手机接入耳麦，音量会自动改变） -
oaipping
2014-09-19 09:18不但虾米，很多音乐APP和手机自带音乐都是那么设计的（正在播放的歌曲列表+ 正在播放的歌曲封面 + 正在播放的歌曲歌词 三个界面切换）
一个音乐播放器至少要有这个几个按钮（歌曲列表，上曲 、下曲、播放/暂停 、随机/循环/单曲) 我刚在你的界面中找不到随机/循环/单曲 这几个按钮。
第一张界面 右上角的心是表示喜欢还是收藏 ？和下面4个标签中的五星是同一个意思吗？如果是为什么用二种不同的图形。同时设置里面只能设置音效吗？有登录那么设置里面应该包含个人账户和一些APP的喜欢设置吧。如果是 ，设置的图形要改。这个设置图形更像是均衡器的调整（EQ）。不太适合作为APP的大类图形。
歌曲列表中的暂停有点画蛇添足（下面有个更大的啊）。而且图形也不美观（太大，不精致），你想要的无非是想区分当前播放的就是这首歌（能表现这个的样式非常多）。
该APP 要登录说明应该是在线的，对于在线APP来说，你这个有点弱。不管是功能还是交互都没有新东西。界面也不精致（专辑图很漂亮，但UI，尤其那个大大的暂停）。
其实我还想问你，专辑图那个界面如果没有图片，你怎么整？（在线APP网上下的都有，但你肯定有本地的歌曲吧。sorry！刚打完上一句，才想起iOS 是扫不了本地的歌曲的。不会有这问题，这是安卓系统才有的问题） -
-
钟信设计
2014-09-18 20:26@MJ_Designer: 你好，交互因为没有多想大多是借鉴的。我是这样借鉴的，当点击my music时还是显示的完整的playlist，不会像 break through the silence那张那样，还有播放按钮。当点击了一首歌时进入播放界面（红色犀牛那张），当用户在播放界面右滑时，就可以在保留播放按钮的情况下，进行歌曲的选择，而且视觉变化最小。而如果是点返回键 < ,就会进入那个完整playlist的界面，相对来说如果只是点歌不会比右滑方便，但是如果要进行更复杂的操作，比如调整歌曲位置等，就需要点返回键了。（这个交互想法原以为是自己想的，结果朋友对我说虾米已经是这样做的了）
至于音量调节按钮，主要因为iphone的原生音乐软件就带有这个，我想这样做的原因可能是考虑到，有些专门有iphone音箱是没有音量调节键的，这时如果手机是插在音箱上放音乐的，按物理按钮的体验是相当差的，反而触摸屏按钮会好很多。 -
MJ_Designer
2014-09-16 10:21感觉有些界面没有放出来，不是很理解部分交互（特别是从my music到 break through the silence）~~有一点，播放器里的音量控制，这个是否有必要呢？因为手机自带了音量调节按钮，再添加的话总有点不简约吧~~
更多作品
发表评论