快捷搜索:

QQ空间V8新版详解 打造全新社交体验 V8空间有哪些

QQ空间V8新版详解 打造全新社交体验 V8空间有哪些改进?

前段光阴,小编的网站上一度有关于V8新版空间的一些文章,上次给大年夜家分享的是安装QQ浏览器即可免费体验V8空间,本日小编就来给大年夜家详解下V8新版空间的具体内容吧!

提到QQ空间V8,信托Q友们最感兴趣的是有什么改进,分外是梳妆方面,就像腾讯社交用户体验设计师所讲的“我们做的统统都是为了用户在梳妆上有线人一新的感到,我们盼望今后也会有更多有创意的梳妆继承出生,让每次用户换梳妆时都有惊喜。”,下面带来官方关于QQ空间V8的梳妆阐明。

相关点击:免费开通QQ空间V8版体验资格的措施

梳妆是QQ空间里的紧张特点,关系到用户进入空间时的感想熏染,我们追求为用户带来更优质的体验,是以V8新版本的设计,我们想让梳妆有更新的偏向,更酷的形式,让梳妆更有特征。同时小我中间和小我主页的梳妆和风格能维持同等,这些都是我们此次考试测验立异梳妆的动力滥觞。

一、前期探索和风格考试测验

既然要做立异,首先应该满意的点便是要有足够的新意去吸引到用户的眼球,在用户第一次打仗时就会被触动“这套梳妆太故意思了,好得当我,好爱好,好想用。”

为了搜集各位设计师的奇思妙想,我们组织了一次脑暴会,盼望梳妆不仅仅只是调换图片,而应该有更多互动体验。

下面是对脑暴后奇思妙想的收拾:

跟着Html5技巧的成熟,我们可以使用越来越多技巧来实现殊效,比如视差滚动,空间梳妆当然也要与时俱进。

来看看这套梳妆的构思,它使用了简单的视差道理,当用户滚动鼠标将页面下滑时,背景的星空也会随之渐渐扭转,带用户进入到极光的天下。

这套梳妆同样使用了简单的互动道理,眼球能随着你鼠标指针的偏向,定位到眼球所在的位置,给用户俏皮的感到“你指哪儿我就能看到哪儿。”

我们都知道空间梳妆的核心体验是让用户自立选择搭配,每一个梳妆元素都是自力的,将自己喜好的梳妆配件自由组合起来,搭配出属于自己最具个性的梳妆;这样高自由的体验,凸起了用户个性的同时也带来必然的问题——那便是梳妆自定义的尺度过大年夜,导致大年夜多半梳妆终极成品没有主题,狼藉而不敷整体。

于是在新的V8梳妆规划设计中,提出“场景主题化”的梳妆观点,由专业设计师根据不合用户群体以及场景来整体包装,打造出独具主题个性的空间梳妆,提升空间梳妆整体的品德感。

二、视觉输出

经由过程一段光阴的设计,我们终于把观点转化成了现实。

1.海洋进化论

这套梳妆仅仅只出现了海底的天下,除了鱼和水母之外,会让用户感觉太单调乏味的。

加入蓝天、海平面、海底和小岛。初步有了雏形,然则波浪太猛烈了,会给用户不镇定的感到。

静止的海景已经完成差不多,为了让用户有真实感想熏染,那就必要梳妆里的内容是动起来,鱼能在海底游动,海浪翻腾,天空中的云朵飞舞,这些都是经由过程Html5技巧来完成。

在动画的制作中,鱼的游动难点是最大年夜的。

整套梳妆中都是写实风格,为了维持风格的统一,鱼也不例外。所有的鱼都是PNG的图片,怎么才让它动得更真实呢,在看完很多海底天下的视频之后,才开始动手设计。

动画都是有Html5技巧完成,以是我们必要供给给前端哥哥的是鱼游动时刻的关键帧,要让鱼游动的更流通,根据察看视频得出的鱼游动动作尾巴和身段的变更,用一张静止的鱼的图片,经由过程PS变形,微调出5张鱼游动的关键帧,然后给他们排好顺序,做成GIF动画,边播放边微调,直到鱼的游动靠近真实。

我们盼望让所有用户都能看到完备的海洋全景图,使用前真个自适应技巧,让海洋能适应险些所有分辨率。

空间的用户在看完动态后,都不会直接关闭,而是挂机去做其他工作,鲜活的海底动画依然宛在目前欢迎用户归来。

2.星空

前期资料网络,看了许多星空、极光、太空等,开始设计之前,先要对自己要设计的内容有足够多的懂得。

脑暴时刻的星空梳妆优化和深入,星空跟着页面滚动以不合的速度移动,时而有流星滑过。

树木的剪影在一开始会跟着鼠标滚动越来越大年夜,颠末多次调试,效果都不太好,为了不让用户有眩晕感,着末抉择树木剪影固定不动。

要做到自适应,底部的树木两头就必要能对接起来实现能无限延展,无论你屏幕有多大年夜,妈妈再也不用担心我看到的全部星空梳妆是不完备的了。

为了让用户有流通的体验,我们不得不丧掉部分视觉效果,在技巧能实现的条件下,始终坚持视觉最优效果。

3.角色扮梳妆

不合用户会有不合的身份和喜欢,同一个用户也会有不合的喜欢,对用户的身份进行分类,掘客用户喜欢,进行专属梳妆的设计。

a.角色类型

厨师

烹饪与食品带给人们一种温暖的感到,以是在整体用色上,我们选用了血色、黄色等暖色系;背景选择了偏居家的格子底纹去做铺垫陪衬;在Cover图的选择上,我们也方向一些食材以及烹饪对象的图片,盼望以此营造一种现实生活中厨房场景的氛围;着末是把一些设计的细节融入到全部梳妆傍边,为全部梳妆增添亮点;

门生

门生大年夜多半时刻都是经由过程师长教师在黑板上的翰墨来劳绩常识,以是讲台上的黑板能带给我们进修的氛围。Cover图设计了一块被师长教师掠过无数次的旧黑板,黑板上几个大年夜字母就是受过高等教导的门生都学过的爱因斯坦闻名的质能方程式E=mc^2。 细节上,气象挂件区域用手绘画出边框,让全部气象挂件便是全部黑板上的一员一样,背景也选择了墙壁纹理平铺,使整套梳妆里加倍整体。

白领

白领给人的感到就会是很商务化,商务普遍给人的第一感到便是蓝色,然则棕色和玄色给人加倍相符白领气质的感到,以是着末选择了和咖啡邻近的棕色做为主色调。Cover图则选择了一栋商务大年夜厦的外墙,修建外墙的布局同时也具有构成感,全部风格也较简洁,不做多的修饰。

b.社交关系

亲子

再来看看这套主题定位为“亲子”的梳妆,是为那些用空间记录自己宝宝生长故事的爸爸、妈妈而设计的。整体的设计上,我们想经由过程整体柔和的色调、局部稍微的拟物效果、以及添加可爱的小元素,表现出一种婴儿房中温馨,优美,充溢浓浓爱意的氛围。 在用色上,我们主要选用了粉橙色、粉血色这类暖色系色调。在Cover图的选择上,我们选用了一张熊偶的照片,那是婴儿房中种种各样的可爱小玩具中的一员。 在细节方面,我们采纳了一个婴儿房常见的挂饰的剪影作为气象模块的承载,在内容区域用婴儿衣饰上常见的小动物图案来平铺,等等。这些元素、局部的设计都为了加倍的凸显我们这套梳妆的主题。

情侣

表达爱情的物品挺多的,比如:玫瑰、戒指、心等等。

我们想带给用户一些不一样感到,人们经常经由过程叠千纸鹤来表达对自己爱人的缅怀,本套梳妆则恰好想经由过程两个千纸鹤来表达对对方的缅怀,气象挂件的背景奇妙的做成邮票则是为了表达我想把我的缅怀寄给你。经由过程散落的桃心、桃心外轮廓的导航加上粉血色背景更能陪衬主题。

c.兴趣喜欢

游戏迷

在设计前期对部分游戏进行了阐发,比如“斗战神”、“轩辕传奇”等游戏,它们的风格都是酷炫、暗黑、玄幻的整体氛围; 在一开始,我们将这款游戏主题的目标用户定为男性游戏玩家,假如反馈优越,再推出女性游戏主题;以是就斟酌将暗黑系列的游戏UI元素复用到梳妆中,以增强用户的游戏即视感。 比如小我主页左侧模块的花纹边框,便是直接复用游戏中“人物状态栏”的边框,带着玄幻与破旧的感到; 而背景纹理也是选用了和游戏感对照贴切的暗黑风格;Cover直接用了游戏画面,气象模块用旗帜作为底板;盼望梳妆的设计效果,和游戏操作界面的氛围贴切,让用户感想熏染是在玩游戏的体验感。

足球迷

作为一个忠厚的足球迷,逝世力的想把这套梳妆做好,让我们广大年夜的球迷同好们再也不用担心没有好看的足球梳妆可用。

设计之初,感觉有太多太多的足球元素可用,就什么都想往上放,在平铺的草地上想把全部足球场的边线,中线都画出来,角球旗、球门和球网都做上去,后来发明着实器械越多非但没能体现好全部足球场的氛围,反倒是影响了用户涉猎里面的内容。

于是开始做减法,把足球场上面积最大年夜,深浅交替的草坪做为背景,导航下平铺的是用石灰在草坪上画出的中线,在草坪上放上足球,再在头像上加上球迷帽,是不是就已经有想在上面踢球的感动了。球迷同伙们赶快去商城梳妆上这套足球梳妆吧!

三、感悟

在全部设计中,最核心的点便是主题化与空间品德。

所有的用色、材质、设计细节等等都是环抱着这个核心来进行。我们不会选用过于个性与异化的元素去包装空间,但所有的设计都是为主题而办事,设计上的取舍都是为了陪衬全部空间梳妆的场景感、品德感。

我们做的统统都是为了用户在梳妆上有线人一新的感到,我们盼望今后也会有更多有创意的梳妆继承出生,让每次用户换梳妆时都有惊喜。

此次的梳妆的设计中融会到一点事理,要做出打动用户的梳妆,首先你应该打动你自己。着实所有的设计都是一样,连设计师自己都不能打动的设计,你又该怎么去引起别人的共鸣呢。

您可能还会对下面的文章感兴趣: