标签为 ‘设计’
现在的亦歌配色方案共有5种颜色,淡蓝色,红色,蓝色,黑色,和google色.当开始制作亦歌这个项目的时候,第一种颜色是红色,之后有了第二种蓝色,之后有了黑色,淡蓝色以及google色。 现在使用各种颜色的比例是 淡蓝色 63.6% 红色 11.5% 蓝色 6.3% 黑色 12.6% google色 5.9% 我个人是最喜欢红色,我发现大部分的设计圈里面的都比较喜欢红色。 但是我们也怕不是所有的朋友都能接受红色这么劲爆的颜色,就又配了蓝色调,因为觉得蓝色是最能被大家接受的,可能不是所有人都喜欢,但是争取一个不是所有人都讨厌的配色. 黑色的配色考虑了有些朋友习惯黑色的背景工作.比如经常使用命令行的.而且黑色也是一种很cool的颜色. 最有意思的是google色的出现.在先期试用的朋友的反馈中,有一种很特别的意见, 第一个版本, 他说我的设计不像是个播放器, 不知道是什么网站, 主要作用是什么, 当我们改进了之后, 他又说这个太像播放器, 太亮丽,上班时不敢用~!, 之后我们就想要制作个普通的, 不让人注意的版本, 就参考了google网站的配色放案。这样在上班时使用尽量不要被老板发现。并且给这种颜色定名字为google色 最后配的颜色是我们网站的默认的配色,这个就是想要给人一种轻松的感觉。整个配色参考的office2007的色调。让用户觉得舒服但是并不抢眼。希望大家也是这种感觉。 今天看到了Alipay UED招聘网站,感觉到充满了青春和活力,突然觉得我们的配色有些中庸,甚至沉默,下一步可能会对某些配色作一些调整,也许以后会有接口来让大家自己来配色或者找一些熟悉的设计师朋友来做几个模板。
由于我们的歌曲链接都是从互联网上获得,虽然我们想了很多办法来筛选,但是毕竟不是人肉筛选,还是会有一些错误,有朋友说可能听到了英文听力,相声,讲座等。或者是链接的播放质量不好,有些是广播版,速度有问题,演唱会版等,都会给使用的朋友带来不悦。 以前的版本是不能更换一首歌曲的链接,原因是我们一直没有找到个好的方法来在界面来做这个功能,而且这个也不是个经常会用到的功能。我们每次增加一些东西都非常小心,尽量保持界面的简单,清楚。 最后我们选择了双击下首歌曲的按钮来实现这个功能,可能也不是一个完美的解决方案,但是还是实现了这个功能。为了体现切换了链接,我们把原来的 loading(1) 这样的格式改称了 link1 (1) 这样的形式,括号中的数字是读取的秒数。这样不但体现了读取的进度,还显示了当前是第几个连接。 唯一我们有分歧的部分是,当没有可用链接的时候,有3种接下来的操作 跳下一首歌曲,提示没有可用连接 没有动作,提示没有可用连接 循环尝试第一个连接,提示没有可用连接 最后定下来了第二种。希望是符合大众的心理的 这个产品是经过非常仔细地推敲的
flashplayer在9.0以上的时,有了全屏幕播放的功能,这让很多视频网站都可以脱离浏览器的这个最大的限制来看视频了,确实是一个很好的功能 如何加入这个功能,而不在用户界面上增加多出的困扰,我们也想了很久,对于有些视频播放器,采用直接双击视频就可以全屏,但是我们这个播放器在很多其他地方还要使用双击这操作。最后确定使用双击播放区域最上面的部分,就是和logo在同一区域的色块,用了windows中的双击窗口的最上面的那个题目条会让窗口最大化的这个类似的用户体验。 但是这个对于用户确实很难说清楚,开始我们在开始loading的文字介绍的时候,用了双击logo来说明,后来觉得这个实在有点怪,为什么双击logo就全屏播放了,会很不自然,用文字也难表述清楚,最后用了双击logo(或者logo所在的整个横向区域)(似乎是这个)来说明了。好像还是有些不好 有人也许会问,亦歌播放为什么会要全屏,我想很多朋友,都有mini的音响,现在很多这种音响都可以和ipod连接,直接操作,但是不是所有朋友都有这种小的设备,用了亦歌就可以让PC轻松的变成一台优雅的迷你音响。如果以后这种 惠普首款触摸电脑 – HP Touchsmart PC 都普及了,那效果一定更棒,将来可能会更好的支持触摸屏的操作,以及一些全屏幕的视觉效果
发布之后,得到了很多用户的反馈。谢谢大家!这些反馈中有很大一部分是对一些新功能的需求,比如说的最多的滚歌词。这让我想起了亦歌是怎样从无到有变成今天这个样子的。 作为一个创业的项目,亦歌并不是像大公司做软件产品那样从需求分析的文档开始的。需求分析->概要设计->详细设计->编码->测试->上线,这样的流程对创业项目是没法实现的,因为当我们开始做亦歌的时候,我们也不知道我们会做出一个什么样的东西来。那时候,我们只有一个理念,就是要做最简捷易用的在线播放器。之所以有这样的理念,是因为我们觉得现有的播放器都太复杂了,尤其是在线的,太复杂。听歌,很简单的事,干嘛弄的那么复杂呢? 我们实际的工作流程是,做一小步的设计->实现->回头看当前整体的状况->再做一小步设计->再实现->再看。我们就是这样点点点点的累积把亦歌做成现在这个样子,其间经常把某些局部推翻重做,或者扔掉不要。 现在回想起来,我们在亦歌的设计中一直遵循了一条很特殊的原则,就是“界面和功能并重”。在我所知的通常的软件产品中,界面和功能之间的关系往往是界面服务于功能,产品经理提给设计人员的问题是:“我们的产品要实现这些功能,界面应该怎样设计呢?”也就是先有了功能设计,然后再讨论界面怎么呈现。然而,对于在线播放器这个特殊的产品,我们认为这样的方式并不合适。界面和功能同样重要。功能是用户选择你的理由,界面也是!功能是用户放弃你的理由,界面也是! 这样一来,我们常常因为一个功能在界面上不容易呈现,说俗点就是怎么摆都别扭,而放弃一个功能——直到有一天我们想出了好的摆法。要保持住页面的简洁是艰难的,因为我们总共就一个页面,那就只有那么大的空间。每一个新功能都被仔细斟酌,不能让它的出现成为对已有页面的伤害。 这个原则一直坚持到今天,还要一直坚持下去。我们相信,对于亦歌,它是保持品质的关键所在。 从我个人而言(正在写这篇blog的是亦歌组的三个人之一,不是负责做设计的那个),整个设计中我最满意的是两点。一是整个页面的平板设计,就是没有很多三维的东西,浮起来的块儿、阴影、立体的字。平板的简捷性同时也限制了设计的空间,因为能变通的余地小了很多。能把平板的设计做到现在这样,我很高兴。另一个是页面中部播放区和浏览区之间的配合。播放区是一个全封闭的设计,浏览区是一个全开放的设计,一个封闭的,和一个开放的,并排摆在一块,不觉得别扭,还挺舒服,甚至用户都感觉不到这是一个封闭的和一个开放的摆在一块儿,做到这样不容易。
