商丘做网站,商丘网站优化,商丘网络推广,商丘网络公司
当前位置:首页 > 新闻资讯 > 网站设计 >

亿万好评的QQ国际版 今年可能会用这两个新的视

发表日期:2018-04-01 18:46聚圣源浏览次数: 本文关键词:视觉设计,QQ国际版

 

  编者按:QQ 国际版的轻量和简洁一直备受好评,不过多年未改版的它,今年可能用上两个新的视觉设计方案。至于改版过程中的思考,腾讯设计师给出了这篇文章。

  作者:腾讯ISUX – 隔壁老贾

  项目背景

  QQ国际版主要是针对国外用户打造的一款轻量社交产品。由于当前产品迭代周期相对较长,我们对当前视觉提出一个疑问:现有产品的视觉形态,是否符合国际版的产品调性。基于这个问题,我们开启这次探索之旅。

  现有版本的视觉问题:

  1. 现有的视觉形象是否符合产品气质,在用户使用的过程中,是否能够留下深刻印象。

  2. 对于信息层级关系的处理,页面中元素的比例分布是否合理。

  3. 设计细节的优化,例如分割线的处理、灰色的运用、图标的形体等,都有提升的空间。

  产品的认知与定位。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  产品的认知与定位

  1. 产品定位

  通过用户调研的反馈,人们对国际版的使用印象主要集中在功能少、无广告、操作便捷、翻译功能等。轻量、效率对于他们来说是第一位。而手Q有着更佳丰富的功能以及资源,定位更倾向于娱乐化社交方向,所以两者产品的定位还是有些差异。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  2. 人群定位

  国际版主要针对海外市场,它可能是留学海外的文艺青年,时尚领域的潮流达人,也可能是商务业界的白领精英。他们往往对生活品质有着独特的追求,对新鲜事物也更容易去接受。在开始视觉探索的前提,我们不仅要展现用户个性化的一面,还要保证用户使用产品的高效性。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  3. 竞品分析

  竞品对象:Line 、Talk、Snapchat、Whatsapp、Allo、Skype、Messenger、Hangouts

  如图: Line、Talk主要针对日韩地区,无论配色还是设计细节,都能体现产品的亲和力。Whatsapp、Allo、Messenger、Hangouts等主要针对西方地区,整体视觉偏向于简洁硬朗的风格。

  因此我们分为两个维度分析,文化维度和产品维度。文化维度主要体现不同地区人们对产品的视觉喜好。例如Line的品牌深受亚洲人群的喜爱,却无奈宣布退出西方市场,这也体现出东西方人们对视觉的喜好差异。而产品维度帮助我们了解用户日常的使用场景,根据场景的需求来定义未来的视觉元素。

  互联网设计趋势

  从Windows Phone极简的信息形态,再到Google一张纸片的艺术,整个发展过程无非是对内容本质的重视,利用内容自身的形体去传递信息。随着互联网时代的成熟,人们不再是单纯的获取信息,舒适的阅读感,强有力的视觉冲击,动态设计带来的惊喜等等,都成为体验设计的一部分。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  我们基于现有的视觉问题、产品定位、人群分析、设计趋势,可以推断出我们视觉的大致基调 : 高端 、品质 、轻量,针对人群的不同喜好,我们提出两套视觉设计方案。

  PLAN A : Free the air

  简介:这套视觉的灵感源于“空气”,通过对视觉形态的传达,让用户感受到触碰空气的质感。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  视觉展示:

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  设计分析:

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  1. 刺激感官的色彩

  迎合设计的潮流趋势,高饱和的色彩维度,普遍能够刺激人们的视觉感官,便于人们更快的识别信息。因此我们在原有品牌色的基础上,进行优化提升,让色彩看起来更加清爽明快,而不是死板沉闷的办公软件。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  2. 圆形元素的延展

  圆作为这次主题的载体,我们赋予它多样的视觉形态。无论是登陆页面的背景图,还是个人中心的头图,通过不同的形式,相同的元素,去传达“空气”的理念,让用户感受到触摸空气的质感。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  3. 形体之间的对话

  如何利用图形的形体来表现关联?我们能否利用形体自身的特性,通过交错、叠加、分离来传递更多的情感关系。本次视觉方案中,避免对话框样式的出现,取而代之的是倾听形体之间的对话。

  PLAN B : Black & White

  简介:时尚作为这套视觉风格的核心,张扬个性,特立独行,激发年轻人的内心色彩。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  视觉展示

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  设计分析:

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  1. 黑与白的纯粹

  随着我们ISUX品牌的升级,色彩化繁为简,利用的黑与白,传递更加丰富的信息。企鹅形象的设定:帝企鹅也称皇帝企鹅,象征着人们的品质与地位,更符合海外用户对于品质生活的追求。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  2. 图形艺术气质的体现

  图标的形体往往能够映衬出产品的小情调,本次图标设计的初衷,希望它简约而又不失华丽,硬朗而又不失情感。在细节的处理上,更注重对层次的把握,边角的地方也会做一些个性化的处理,让图标散发自身的气质。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  3. 杂志的阅读体验

  合理的版式可以给用户带来舒适的阅读感,例如Medium、YahooNews等,通过严谨的信息布局,显得整个页面结构更加充实。而时尚版式的设计,例如夸张的文字对比,个性化的定制符号,张扬的切割设计,让每个页面有着属于自己的节奏。

  

亿万好评的QQ国际版 今年可能会用这两个新的视

 

  无论是方案A的轻薄淡雅,还是方案B的纯粹果断,他们都有各自鲜明的性格。产品只是一个虚拟框架,需要视觉的帮助,赋予它全新的生命,让它变得更加充实。而你心目中的国际版会是什么样子?这两套视觉方案是否符合你的口味呢?

如没特殊注明,文章均来自网络! 转载请注明来自:http://www.jushengyuan.com.cn/news/wzsj/5211.html

网站设计案例推荐

热门文章

揭秘2017年最新的网站快速排名设...

网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

日期:2017-06-30 浏览次数:5385

终于等到你!2017年2月设计圈实...

随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

日期:2018-04-01 浏览次数:649

现代404页面设计趋势分析与案例...

每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

日期:2018-02-27 浏览次数:646

商丘建站公司:内行讲堂!让设...

你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

日期:2018-04-15 浏览次数:632

商丘网站维护:如何写出一个完...

本文对如何写出一个完美的错误信息,进行了3个重要组成部分的分析。 每个系统都会有无法正常工作的时候。可能是用户的错误或系统的失败。在这两种情况下,以正确的方式处理错...

日期:2018-05-27 浏览次数:626

相关文章

大型的视觉设计系统都是怎么设...

大概在一年前,我遭遇了设计生涯中最重要的一个挑战,当时我需要为Facebook的商业产品设计一个具有凝聚力的视觉系统,它将应用在给全世界成千上万的企业用户所用的企业服务当中...

日期:2018-01-05 浏览次数:66

设计实战:视觉设计如何继承品...

移动APP的竞争越来越激烈,在产品设计中更应该注重交互、视觉设计等与品牌基因的融合,才能更好的展现品牌特色,以便在市场中生存发展。 近几年,互联网的迅猛发展彻底改变了大...

日期:2018-01-05 浏览次数:63

视觉设计练习学到的3个小技巧...

我经常会和好朋友们说,设计师要踏踏实实的多练习,练多了,没准人生巅峰就来了!当然如果你能在练习的过程中带上一点点的思考,那就更棒了,迎娶白富美都不是问题。每一次的练...

日期:2018-01-05 浏览次数:64

网易资深视觉设计师:24个容易...

随着移动优先的趋势,APP的设计也越来越受到公司重视,不断地提高APP的设计质量是每个设计师的追求,有哪些设计中的细节被你忽略了呢?让我们一起来看看这些细节你都把握住了吗。...

日期:2018-01-05 浏览次数:64

实例演示!聊聊品牌视觉设计的...

我们知道一个公司的基础也是核心的需求是盈利,那么盈利需要通过各种销售手段来达成目标,而如何刺激消费者就是营销的手段之一。 营销手段可以分为很多种:例如,内容营销、视...

日期:2018-01-05 浏览次数:64

随机推荐

众多新闻客户端 评论交互哪家强...

为真实的需求而设计...

超全面!可能是最详细的垂直电...

超全面!腾讯设计师做了100个弹...

电商Banner图颜色搭配设计的秘籍...

学会这5个PS小技巧,让工作效率...