正在阅读：打造情感容器!QQ2010视觉设计过程揭秘打造情感容器!QQ2010视觉设计过程揭秘

　　依据这种观念，以个性化作为切入点，提供给用户可以任意投入情感的容器，开始对设计做了以下几个方面的调整来符合成为容器的标准：

　　容器可以承载任何的情感投入

　　容器必须是软性的材质，才可以让用户根据自身的需求，不断的变换形状用以适合不同物体。设计的同时，将界面的各个图层、呈现方式做了重新设计，同时在设计阶段就做到符合程序实现的预期。

　　但这点在界面的最终表现上是没有区别的。

　　足够多的情感供用户选择

　　用户的情感是丰富的，相对应的在设计时的呈现方式必然需要丰富。个性化方式主要体现在换色和底纹上，这两个内容在QQ2009上就已经存在，但原来换色方式收到一定的限制，底纹又需要依赖颜色的存在，设计调整的个性化颜色和底纹，又需要和程序的呈现进行换算，并且在设计的制作问题上更是复杂。

　　因此在2010的设计阶段，重新设计了界面的换色方式。真正意义上用户可以选择所有真实环境中存在的颜色，设计师调配的颜色也能一一对应在真实界面环境中得到体现。底纹的呈现也摆脱了颜色的约束而独立生存。并且在界面的效果影响更大范围的吸引用户的眼睛。

图4 换色后和透明度的界面

图5 换底纹后的界面

　　用户情感的投入足够简便

　　QQ2010设计了两个纬度的个性化设置：登录前和登录后。

　　当用户第一次登录时提供默认界面颜色、默认推荐的颜色和底纹。让用户根据自身的喜好简略选择，如此界面风格的习惯性和跨越性方能得到中和解决。不同的用户打开的是同一个产品，却打开了符合自身预期的不同界面。

　　用户在使用过程中同样可以对个性化进行调整，且设置的功能将更加强大。底纹、颜色、自身调节分门别类。对个性化内容的选择、添加、删除、调节都做了集中体现。

　　底纹导入设计了多种的操作方式，目前版本仅仅在设置面板添加和文件夹拖入做了支持，后续还会有更为多样、有趣的导入方式。

图6 主面板个性化设置界面

图7 文件夹底纹拖动的导入方式

　　让用户的情感投入带来更多的期望产生依赖

　　用户可以将与不同人的聊天过程中获得的图片信息设置成底纹；用户可以在上网过程中将自己喜好的图片设置成底纹；用户可以将当下外界流行的图片信息（包括电影、人物、风景、纹样）设置成底纹；用户可以将和自身生活有关的图片信息（自己、父母、恋人、孩子）设置成底纹，等等。同时底纹呈现的放大作用一定程度上降低了用户对个性皮肤的依赖，对设计师来说能提高极大的效率，莫不是额外的好处。

图8 用户使用过程中由自身喜好决定的界面底纹

　　如何使用户的情感寄托获得更大范围的依赖，界面设计的在整体性上进行把握，让色彩和底纹对界面的影响最大化。在界面设计上就得遵循一些原则，比如：整体得视觉一致性，信息可读，图形可识别，效果符合用户的使用体验?

　　以上是一个项目的总结，也是设计观念的转变在真实项目上的实践检验，当然任何一种观念不可能十全十美，带来优势的同时，不可否认也会携带着劣势。如默认界面的视觉效果被削弱就是一个不可避免的因素。但这仅仅是一个起点，QQ2010被设计成用户投入情感的容器，诸多个性化的功能还在继续完备，在以后的版本中不断会带给用户。设计方式随着设计观念的变化也会继续促使趋于完善。我们在努力，也请大家拭目以待。更欢迎讨论交流获得共同提升。