QQ国际版视觉探索:准备了两套视觉设计方案

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


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

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

1、简介

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

QQ国际版视觉探索:准备了两套视觉设计方案

2、视觉展示

QQ国际版视觉探索:准备了两套视觉设计方案

QQ国际版视觉探索:准备了两套视觉设计方案

QQ国际版视觉探索:准备了两套视觉设计方案

3、设计分析

QQ国际版视觉探索:准备了两套视觉设计方案

(1)刺激感官的色彩

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

QQ国际版视觉探索:准备了两套视觉设计方案

(2)圆形元素的延展

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

QQ国际版视觉探索:准备了两套视觉设计方案

(3)形体之间的对话

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

PLAN B : Black & White

1、简介

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

QQ国际版视觉探索:准备了两套视觉设计方案

2、视觉展示

QQ国际版视觉探索:准备了两套视觉设计方案

QQ国际版视觉探索:准备了两套视觉设计方案

QQ国际版视觉探索:准备了两套视觉设计方案

3、设计分析

QQ国际版视觉探索:准备了两套视觉设计方案

(1)黑与白的纯粹

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

QQ国际版视觉探索:准备了两套视觉设计方案

(2)图形艺术气质的体现

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

QQ国际版视觉探索:准备了两套视觉设计方案

(3)杂志的阅读体验

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

QQ国际版视觉探索:准备了两套视觉设计方案

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

 

作者:隔壁老贾

来源:腾讯ISUX

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24381/

(0)
CatherineCatherine
上一篇 2017-05-08 12:38
下一篇 2017-05-08 14:47

相关推荐

  • 界面设计规范:历经实战,我总结了四个经验

    最近为了设计提高效率和质量,我开始研究如何做规范。看了一圈别人做的设计规范,又回想了一下自己以前做的,总结了以下几个经验。

    2017-05-14
  • 移动UX设计:如何设计好一条推送通知

    你注意过么,每天从不同的 App 上收到的大量的推送通知与提醒,这些通知里有多少你真的有兴趣?

    2017-05-24
  • 京东JDC交互设计揭秘:大促分会场-模块化设计方法总结

    写在前面 在电商的世界,似乎一切时间都可以和购物挂钩,5.20、6.18、11.11、12.12、年货…..;有购物节就要有各种各样的会场进行促销展示;面对越来越细分化的类目会场,作为设计师需要把多达几十个会场一一设计出…

    2017-06-12
  • 【交互新人】交互设计面试,常见问题汇总

    作者:高杰   今天给大家分享面试交互设计岗时面试官常问的问题、分析目的和建议回答!但这并不表示你在面试时一定会遇到这些问题。任何一个问题,都不存在绝对正确的标准唯一答案。仅供参考!   1、自我介绍 分析…

    交互专题 2017-08-17
  • 从一次活动设计聊聊交互设计师的3个阶段

    我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师 对交互设计 理解的不同阶段。

    2017-05-22
  • seeds对话未来丨李斌:重新定义用户体验

    对话未来丨seeds系列分享会seeds, 由蔚来原创打造,是一个分享有趣观点、新知与灵感的讲堂,它寓意着每一个思想的火花都像一颗种子,被灵感浇灌后,汇成大树。2015年3月seeds诞生,从一个面向蔚来全球员工的内部讲演平台,发展到不断吸引各行各业的主讲人,并且在蔚来App公开直播的产品。到目前为止,seeds 已举办了13场演讲。今年,seeds会走进我们各个城市的蔚来中心,成为常设活动。我们也欢迎各位用户成为seeds的主讲人。4...

    2018-05-03
  • 页面停留时间和网站停留时间详解

    摘要:一、页面停留时间与网站停留时间是如何计算出来的? 假设用户访问了网站的主页(Home)。分析工具将这个访问者标记为一个Visit,接着这个访问者又浏览了另外两个页面(Page2和Page3),然后他离开了你的网站…

    2014-12-16
  • 一组能切实提高转化率的网站着陆页设计

    网页设计 师目前在设计界是一个最为尴尬的存在,一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖,另一方面他们又苦于网页中被局限的自由而无法在创意上得到最大延伸,设计师本人无法给自己准确定位。

    2017-06-02
  • 【曝光台】用户体验不佳 “海带宝”屡遭投诉

    导读凭借业内领先的电子物流平台和遍布全球的优质物流资源,海带宝为全球跨境电商、代购平台提供一站式综合进口物流解决方案。然而,据“电子商务消费纠纷调解平台”(微信ID:DSWQ315)接到的用户投诉维权案例统计,“海带宝”存在提现等待队伍长、转运速度慢、用户体验不佳等问题。电子商务研究中心(100EC.CN)了解到,深圳海带宝网络科技股份有限公司成立于2013年8月,是一家基于互联网智能化物流解决方案的高新技术企业,国内现有员工300余名...

    2018-04-26
  • 百度三端搜索首页之美:精确、精准、精细

    持之以恒的学习是设计的来源,责任感是设计的原则,而灵感是设计的升华。

    2017-05-12