资讯详情

关于单曲循环的UI设计构想

2017-06-01 阅读:81 来源:交互时代UI实训基地
进入>

单曲循环是我使用音乐软件经常点击的一个按钮,多次使用各大主流音乐网站及APP,发现各个界面的单曲循环还真有很大差别及体验,作为经常一首歌几十遍循环的资深重度单曲循环使用患者,就做个关于单曲循环按钮的比对吧!没有比对没有发现!没有发现没有改变!

80后,90后应该都用过千千静听?00后开始就是酷狗的天下了,而10后更多人开始用网易云音乐,在这个富足的年代,情感生活能够让人获得更舒适的感觉,音乐正是其中之一,因此播放器网站或者软件是大部分人们电脑里都会有的一个产品。

这些产品虽然经过许多的更新换代,但是他们的主要功能的图标都没怎么变过,播放主要还是圆里有个三角,暂停是两条线,而作为喜欢一首歌几十上百遍的循环的交互时代,单曲循环对交互时代来说是一个很重要的功能呢,相信不少人也都喜欢点这个按钮吧?

而在交互时代多年的UI设计教育经验中,倒是也经历过不少音乐播放器的UI设计项目,而在学员的实训项目中,自然也是少不了这些的,而交互时代针对各大互联网企业所独力开发出的尖端课程,就是在这么多项目中总结出来的,能够让学员在短时间内熟练掌握设计技术,毕业之后可以即刻就业,毫无过渡期。

而音乐类产品就是这门课程中的一部分,今天,交互时代就简单与大家分享一下关于单曲循环这一按钮的UI设计构想。

首先,跟随交互时代来看看现在主流音乐产品里单曲循环的放置吧

再来看鼠标点击单曲循环按钮时的示意图,见下图

图片里的手就是我们的鼠标,可以说每一次我们使用单曲循环,都需要眯着眼睛看清楚中间的那个1……为了更直观的显示出该按钮的识别度,交互时代特别作了个比对表:

想了解更多有关ui设计知识培训班请关注ds798/class-ui-basis,咨询热线;咨询QQ:;或者关注微信订阅号“交互时代”;

接下来,大家一起来看看各个音乐APP的界面UI设计吧。

下面这张音乐产品APP的截图是在用户点击单曲循环后出现的界面,其中QQ音乐的提示最明显,而其他产品的提示文字则更快了一些,容易让人忽略掉。

大家可以看到,各大音乐APP产品的单曲循环按钮基本上差别不大,并且摆放的位置也很相似,而细微的区别大家可以看下面的对比表格。

交互时代最后总结:

单曲循环可以说是许多人会用到的按钮,所以我们在设计这个按钮的时候都要更细心的观察与尝试它的易用性和识别性,很多人也会在想,为什么不将它独立出来呢?这就好像要我们把许多诸如下一首、上一首这类的按钮都独立出来一样,是不必要的,并且如果我们操作错误,则还要再重新进入独立页面,会降低用户体验。

当然,今天交互时代分享的这个单曲循环按钮只是个个例,但是在许多产品的按钮上,我们都可以用这种方法进行思考,怎么操作,怎么摆放,是否独立?以及提示类信息的显示时间、显示位置等等。

当我们将每一个细节都设计完善,那将是一个多么棒的UI设计。

请联系网站客服,了解详细的优惠课程信息~

优质、权威、便捷、省心

加载全文

免责声明:本站部分内容、图片来自用户自主上传,如果您对本站信息资源版权的归属问题存有异议,请您致信,我们会立即做出答复并及时解决。如果您认为本站有侵犯您权益的行为,请通知我们,我们一定根据实际情况及时处理。

以上是交互时代UI实训基地为大家整理的有关关于单曲循环的UI设计构想的全部内容,更多精彩请访问学习资讯新闻专栏。

相关课程

更多>
2020猎学网广告栏
申请课程免费试听名额

课程顾问24小时内联系您

你好

顾问将于24小时内联系您!

确定
在线咨询 微信咨询 立即报名
申请1对1课程顾问咨询服务
×
你好

顾问将于24小时内联系您!

确定
深圳猎学网 >交互时代UI实训基地 >关于单曲循环的UI设计构想