上架了是爱情，下架了是青春

2015.7.27，10:52 am，Logicdesign用户体验部门设计总监Saber，发了一条朋友圈告诉大家：他刚刚负责完成的iOS版的Hit FM应用，在上架三天后即将下架……于是，Logicdesign狗仔队捉到了Saber……（注：HitFM是中国一家著名的欧美流行音乐电台，流行于京沪粤地区。）

 

这是怎么回事？

Saber：其实也没有大家想象的那么八卦……从头说起吧，两个月前微软找到我们，希望我们可以帮他们设计一个Universal Windows Apps的Show Case。Universal App简单来说就是基于Html5语言，可以方便的开发跨平台(Win/WP/IOS/Android)通用型App。而我们两年前就已经帮助Hit FM官网进行过设计，所以就顺利开始了这个项目。

 

那为什么会下架？

Saber：两个月后，Hit FM App 在Win/WP/iOS 平台都成功发布了。但iOS版本上架三天后，却收到了Hit FM官方的通知，需要将其下架……原因是……他们自己也开发完成了一款iOS App，所以不可能有两个官方App出现。

 

也是醉了……所以设计费就没有了吗？

Saber：哦，这倒不会。因为整个项目的费用是微软提供的，微软也是希望可以在Windows 10上市的时候有更多针对开发者的“故事”可讲，所以费用方面没有损失。但可能也是这个原因导致了三方沟通的问题吧——因为出钱的并不是这个产品的owner，所以owner自然也不会特别在意这个产品最后会如何，再加上和Windows平台相比，iOS他们更看重，所以Hit FM有自己的开发计划，所以……也是可以理解的。

 

会遗憾吗？iOS版本还有可能上架吗？

Saber：肯定会遗憾。一款产品诞生，我们会为它注入很多努力和期待。如果现在进入Windows Store搜索Hit FM App，会发现已获4.3星的评分，超过六成都是五星满分好评——这是一个非常出色的成绩，而这些都是在没有任何推广的情况下取得的。其实很多Windows用户都很希望能获得一些设计出色的Windows App体验，尤其是中国本地的，因此绝大多数评价里都会提出真诚的修改建议并催赶紧更新……这些都是来自真实用户的评价，我们也非常有成就感。可惜在iOS平台上，我们的努力可能无法获取用户的反馈，确实是一种遗憾。

Logicdesign为Windows & WP平台设计的Hit FM APP (2015)

 

刚听你说两年前就为Hit FM设计过官网，那次合作顺利吗？

Saber：那次很顺利，也是一次非常难忘的尝试。我们一开始就是想打造一种“沉浸式的用户体验”，所以我们大胆的去除了所有的网页边框，按钮和输入栏，并且基于最新的Html 5开发标准，加入了3D，触控，以及无插件在线流媒体播放等很多特性，最终通过“响应式设计“，确保了无论手机，平板还是PC都可以获得完美一致的体验。因为Hit FM本身定位就是最前沿的流行音乐品牌，那么我们就得打破传统网页的设计思路，需要“颠覆”一些。

Logicdesign为Hit FM重新设计的官方网站 (2013)

 

那这次的Universal Apps和之前响应式官网相比，并不是简单地“网站移植”吧？

Saber：肯定不会是这样，网站和App还是有很多不同。比如我们为iOS版本特别设计了一个“弹幕”功能。

Logicdesign为iOS平台设计的Hit FM APP (2015)——弹幕功能

 

这其实也是我们对产品的一些思考和尝试。电台一向被大众视为一种被动接受的产品，但事实上有多少人多少次曾在收听时，想问现在播的是什么歌，想跟DJ直接交流，想跟其他听众聊天……就像为什么大伙喜欢在看春晚的时候，一边刷微博唰微信吐槽一样。

所以，我们想让更多人同时参与进一个世界，基于相同的诉求形成一种临时社区。其实，每个电台节目都是有其特定的听众，可能下一个节目就要换一波人听了，那如果能将这一波人在这个时段集中在一起，即时的表达，彼此交织在一起，会形成非常有趣的互动体验。

 

很多人在听广播时会同时做其他的事，比如开车、工作，写作业……，那么”弹幕“在此是否还有意义呢？

Saber：好问题。首先这个功能并不是为所有人设计的，开车还是要好好开车。但也有一部分人可能当下比较无聊，在听广播的同时如果能进行一定的轻度社交可能会觉得还挺好玩的，比如：“这首歌太难听了吧，切歌切歌……”等等。其次，“弹幕”也为传统的电台互动提供了一种全新的互动可能：我们设想的场景就是在DJ的录音棚里搭一个屏幕，上面呈现现场互动的实时的聊天内容，DJ若显示“我在现场”就可以实时参与到听众互动当中去，比传统的微信微博、短信电话互动会更加有趣，响应速度也大大提高。

这不单单只是前端开发的问题，我们在后台单独为这个”弹幕“功能搭了一个服务器，利用Web Socket技术实时呈现聊天弹幕，所有人都可以无需登陆即可加入“弹幕”。我们内部测试的时候一边听广播一边扯淡，那种感觉非常奇妙。设计本质就是一个思考的过程，当然我们现在无法量化这个想法实际的最终效果，但正是有了思考，自然也就获得了我们的需要的积累和进步。

 

回到UI设计层面，貌似这次把“拟物化”和“扁平化”进行了结合？

Saber：恩，对，但也不对。设计风格完全不需要分什么流派，无论任何设计风格，目的是找到一种最合适产品的表达方式。这次的UI设计元素确实都是基于矢量的，但它又有阴影，有高光，又不完全算拟真——比如在播放界面上，我们为黑胶转盘效果做了三个图层，一层有角度的阴影，一层盘片，一层高光——而不是直接加一个倒影了事，从而让画面兼具质感和简约。拟物和扁平之间不存好坏，只是不同的设计方式，而用扁平的方式去实现拟物，也只是一种适合产品本身诉求的表达方式而已。

Logicdesign为iOS平台设计的Hit FM APP (2015)

 

当然还有一些有趣的细节：比如iOS版的小icon，“独眼龙”收音机和戴眼镜的“爆炸头”造型，暗示出一种年轻有趣的流行文化；还有通过数学函数控制的唱针动效，以及离开Wifi环境后自动状态提示等等……

 

整套Universal App都是基于Html 5开发的，对HTML 5发展前景怎么看？

Saber：几年前我们就开始涉足Html 5领域的研究和探索。但我不得不强调的一点——HTML5它不是一个营销理念，不是特效，不是软件，不是一个开发环境，更不是大家现在嘴里经常念叨的“做个H5要多少钱”。它就是一种web的标记语言，和JavaScript还有CSS组成网页前端的技术。HTML5 是一个web行业标准，当然你可以把它理解为一个载体，一个容器，一个手段……你用它来表现和承载什么才是最重要的。

Logicdesign《月熊志》项目获得HTML 5权威Awwwards大奖，中国大陆唯一一家入选设计公司 (2012)

 

现在大众通常以为一个翻页特效就等同于HTML5了，但实际上HTML 5远不止于此，像刚才提到的流媒体播放，视频，3D，视觉特效，触摸，数据交互呈现……这些才是未来HTML 5核心优势，它让浏览器，尤其是移动端浏览器的体验有了更丰富的可能。

大众误区在于，希望可以借助一些新技术去弥补创意和内容的贫瘠， 比如Flash流行的年代，一窝蜂的都用Flash，但背后表达的东西却没有什么改变，是不是真的适合用Flash？如何让技术为想要表达的内容和情感服务？很少有人去思考。还比如很多新闻网站App，不去追求内容本身的质量，却经常把一些新闻热点做成粗糙的动画翻页效果，反而影响了信息的传达……实现手段其实不重要，重要的是如何通过设计去讲一个“动听的故事”，“设计”应该躲在“内容和情感背后”，它是一个幕后英雄，“设计”绝不应该是披在“贫瘠故事”外表的一件光鲜外衣。比如苹果的营销从来不靠这些花哨的东西夺眼球，但我们都知道这个品牌是怎样的。

 

那下一步的计划和打算？

Saber：因为Windows版本的Hit FM App已经上线，我们还将继续去修复一些bug。另外，未能体验到iOS版Hit FM的朋友可以关注我们近日上线的另外两款iOS应用——Movie Plus和63 Bits，前者可以下载到全球所有最新最热的高清电影海报并设置成壁纸，后者是一个数字游戏，理科福音，文科杀手，同时具备提神醒脑和入眠解乏之功效，希望大家喜欢。