360影视改版小结

2019-04-03    来源:360UXC

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

项目简介

360影视(v.360.cn)改版后,不仅在视觉上有了一个全新的体验,在频道划分及内容整合上,也做出了很大调整,希望能够成为一个具有高水准用户体验及全网资源最全的视频网站。下面就和大家分享一下在这个改版过程中的问题及收获吧。

前期准备

在拿到设计需求之后,作为一名设计师,前期的思考是非常重要的,远比后续的在表现形式上面的思考要重要的多。正确的思路和梳理决定了产品的方向。所以在前期和需求方进行深入的沟通显得尤为重要,在了解了产品的用户群体、产品目的、设计所要表达的意义,后续的商业推广之后,我们针对原型图进行深入的分析和思考,从专业角度上给出合理的建议。这样不仅可以最大限度的减少设计稿反复修改的概率,也可以在实现商业目标的基础上最大化视觉的价值,根据自己的想法去诠释设计。

设计理念

根据360影视网站希望突出的四大主要功能,确定了整站的色彩调性。以蓝色为主,灰色为辅。 蓝色非常纯净,容易让人联想到天空,海洋,宇宙等。蓝色表达出的是一种广阔,冷静,包容及沉稳。非常符合360影视新版希望给用户营造的一种稳重,又不失愉悦的感官体验。

LOGO设计

这次全新改版,决定加入图形化的logo,这样不仅可以提高网站的用户认知度和用户忠诚度,也可以提高品牌自身的凝聚和影响力。我们的品牌定位不仅在于强调视频网站最基本的播放功能,更多的应该去探究一种现代人的人文关怀和情感状态。艺术原本就源自于生活,只有在情感上能够于用户达到更深层次的交流或者互动,才能够算是一个成功的产品。我们希望传递给用户的是一种自由惬意的生活状态,而不仅仅是一个工具或者产品。

在前期的手稿过程中,舍弃了所有具象的元素,比如摄像机,电影屏幕等。因为这些元素过于写实,会让产品的定位局限于工具性的体现,没有更深层次的内涵。于最初的产品定位不符。最后我们决定用播放按钮的三角形作为原型,在此基础上进行进一步的延伸可扩展。

标志的整体造型以播放按钮为原型,通过圆滑了边角的三角播放键拼接而成。而负形正好形成了一个播放按钮。五彩缤纷的颜色也寓意着360影视内容丰富,精彩纷呈。LOGO完整的表达出360影视自由便捷的选择以及传递给用户愉悦轻松的生活状态。

界面优化

1,导航条用了视频播放器常用的黑灰色搭配,利用亮色的单线条以及滑过的按钮颜色变化,突出了质感的表现。

2,用单色线条和色块来分割各区域,并采用大面积的纯色作为底色,配合单线条的区域划分来均衡页面的重量,使得页面更加的透气和轻盈。在内容很丰富图片信息很大的情况下,平面化的设计起到了区分主次的作用。不会让过多的线条来妨碍用户的视线。

标签: 视觉设计 用户体验 改版总结 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:精益用户体验(UX):摆脱只注重结果的工作

下一篇:QQ影像 for iPhone 设计分享