色眼识良友——QQ炫舞2013品牌站

发表于2016-04-07
评论0 2.4k浏览

色眼识良友——QQ炫舞2013品牌站

 In 视觉设计 on 2013-07-18 17:46:52 by 康师傅

    2010发生过很多琐碎的烂事,比如一场车祸“走红”了一个爸爸,一个“艰难的决定”波及了6亿网民,一本日记拉落了一个局长,百度被黑客攻击,谷歌退出了中国大陆,玉树又大地震了富士康又因为跳楼被逼到舆论的风口浪尖了...记忆中还残存着一些依稀模糊又忘却不了的那些年和那些事儿,2010年还有一件事象征了一个时代一点都不夸张,而我们今次要给大家分享的东西和这件事有着看似风马狗犬不相并论但实际上却有着丝丝缕缕的关系,故事还得从这件事中的一位光头人物说起...

    

        人物:乐嘉     

    
        代表事件:非诚勿扰 性格色彩 “舞台演讲艺术家” 还有那个公交上一天轮播无数次的珍爱网广告     
    
        其实对于性格色彩的研究国外一向是先行者,所以乐嘉的FPA事实上也只是一套比较完整的泊来系统...     
    
        泰勒•哈特曼博士是最早提出彩色性格理论的心理学家,他创立的性格评估测试题在这块领域一直被奉为始创的经典。         

            泰勒•哈特曼把众多性格归入红、蓝、白、黄四种颜色,红色性格是权利的挥舞着,蓝色性格是行善的人,白色性格是以和为贵(这个其实和我们后面品牌站要描述的性格是略有差异的),而黄色性格的人生观却是“享受人生快乐”。         

        

            【言归正传】性格色彩心理学专家给了我们很多将性格色彩付诸实际案例结合的理论基础,恰恰于此!今次的QQ炫舞2013年度品牌站主打品牌宣传诉求即“发现你身边的色型朋友——炫彩朋友圈”!发现色型朋友圈也是对QQ炫舞核心定位的补充和丰满并借此互动形成本年度炫舞品牌最独特的营销主张(USP)。下面即给大家分享下炫舞五周年品牌站整体视觉包装的项目回顾。         

        

                      

        

            [一]关于项目         

        

            爱情,友情,舞团,竞技以及荣誉这五大类别的玩家互动类型构成了音乐舞蹈类网游QQ炫舞的主要价值体系,QQ炫舞也一直是承载着炫舞玩家对爱情和竞技荣誉的追求,以爱情维度为基调的主题一直以来都是玩家眼中所理解的炫舞,炫舞四周年“触动心触动爱”更是将炫舞爱情价值观包装渲染得淋漓尽致!         

        
            今年炫舞的周年品牌诉求主题则把焦点转移到了友情,通过对色彩朋友圈的深度策划,挖掘色彩性格朋友的个性特征,引起玩家对友情世界不同性格主体的价值共鸣,同时也与线上其他媒体之间建立品牌合作,与郭敬明导演杨幂柯正东等主演的电影《小时代》的深度品牌合作,分阶段向玩家展示一个以多类性格构成的炫彩朋友圈.....!         
        

            [二]前期酝酿         

        

            1.互动站需要承载哪些内容?         

        

            2.采用什么样的互动形式?         

        

            3.怎么有效的组织内容之间的关联?         

        

            4.Flash的可执行性以及项目的紧急程度和上线周期...?         

        

            这些问题在刚启动设计时就必须一个一个通过会议的方式去逐个确认。         

        

                     

        

            [01] 综合分析:         

        
            1.品牌站一期主要内容包括(对炫彩朋友圈五大视频的包装)+(炫彩朋友圈性格特征的包装);         
        
            2.互动形式考虑Flash投入的成本,在形式上尽可能利用视觉的包装对炫彩概念做到合理且到位的诠释;         
        
            3.由于涉及到微电影视频和性格特征的海报专题,二者需要在玩家体验互动站的同时能够感知并理解其各自之间存在的关联,在体验上能够流畅的满足进退切换和自由切换的多样的体验方式;         
        
            4.有趣的互动引导和富于粘性的交互样式在最初思考如何增强玩家进入页面时沉浸式参与互动站内容体验时就已经成为 大家摆在回忆桌上各自讨论并且希望做得更好的共同出发点;         
        
            (项目正好赶在端午节的节假日结点,所以需要对每一个工作流程的时间安排做一定量的压缩)         
        
            [02] 设计稿尝试:(根据对视觉呈现方向的前期沟通进行设计稿的初稿尝试,并在沟通中调整优化~)             
                Loading图在前期设计的时候叠加了很多细节质感,目的是整体上看上去饱满精致,事实上这并不符合flash设计时对图片质量加载的需求,过于复杂的质感和过度饱和的色彩图形不利于用户加载我们的网页...右图是调整后形成平面风格的加载进度图。             
            
                             
            
                设计稿尝试图~             
            
                [三]视觉输出             
            
                【互动形式】 以圆形为结构主体,设计时考虑把简化的视觉元素融入设定好的交互体验形式中,通过拖拽播放和拉伸弹射等形式增强首页的互动效果。             
            
                【设计执行】 解析现有的人物素材,除了人物素材整个页面没有任何可以去包装应用的其他视觉素材,所以需要重新去添加一些设计元素比如钢笔去勾画一些抽象的图形元素以达到让页面平衡性更饱满的目的。             
            
                

                    【合作沟通】 设计稿的输出保证了项目在时间上的排期不会受到太大影响,但仅仅只是完成了设计输出还远远没有结束,后续的flash制作和前端的工作必不可少地需要设计师参与方案的可行性调整,反复优化直到项目各环节输出可执行!                 

            
        
        

                      

        

            [四]上线反馈         

        

            品牌站从6月25日上线,仅仅6天时间PV值接近700W,单日的UV量超过30W,人均PV达到5次,截至7月8日距离品牌站上线14天,整站的用户活跃数据统计显示PV值达到14,282,095,单日UV峰值超过30W,人均PV达到5次之多...项目组反馈上线效果已超出预期。         

        

                     

        

            [五]番外话         

        
            这是我自今年加入TGideas团队以来独立输出的第一个比较系统比较全面比较重要的大型视觉项目,也非常开心能在整个品牌站的执行过程当中得到很多很多的欢乐和收获,非常感谢参与过这个项目的各位动画设计大拿和前端大神们,以及项目组童鞋不厌其烦极富耐心的梳理与沟通,特别感谢小德哥在我休假时抽出时间做项目后续的跟进和补充,是所有人共同的努力才让这个项目既合作愉快又保质输出最终超出项目预期...         
        
            【小遗憾】尽管项目完成比较顺利,但于自己还是略有点小遗憾,页面输出的细节设计还有很多可以细磨的地方,一期下《小时代》页面交互体验因为时间压缩节奏紧张的问题导致设计时在用户体验上也略有不足之处...         
        
            整站的互动性趣味性个人体验感觉还不错(自我陶醉并F5无耻地刷新了无数遍...)发现属于你的色彩朋友圈,不妨也去体验一下吧:)         
        
            

                品牌站地址:http://x5.qq.com/act/a20130609myfriends/index.shtml             

        
        

                      

    

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引