android集成qq浏览器,融合的设计–QQ浏览器(android)设计分享

设计目标的融合

这次新版本的视觉设计风格主要从三个方面综合考虑

增强品牌形象

自从 QQ 浏览器更换 logo 及 slogan 后,品牌的统一度得到更大的提升，发展方向也更加明确，这次新版本的设计需要在此基础之上进一步增强 QQ 浏览器品牌形象。

把握设计趋势

无论是 Windows Phone 7 那种极度平面化的设计，还是 Android4.0 明快的线型设计, 都反映出移动设计不断的向简洁，轻快方向行进的趋势。因此，我们的新版设计是需要符合这种设计趋势的。

紧扣浏览体验

浏览器是用户获取信息的一道重要窗口。其核心诉求还是方便快捷的为用户提供各方面的内容。打造内容提供平台，创造沉浸式阅读体验，是浏览器设计的重要任务。

设计表现的融合

色彩质感

从 QQ 浏览器的新品牌颜色、云的概念以及浏览器闪屏，我们想到了蓝天白云，天地交融，一览众山小的场景。这正是融的设计理念所想传达出来的开阔豁达的感觉。因此，经典蓝白加上平滑渐变，扁平质感，作为了 QQ 浏览器的首要选择。

层次结构

我们尝试打破头部区标题栏与内容区传统有形的界限。而是采用有机自然的方式将两者融和过渡，既保证了头部区功能的有效表达，又在视觉上有使两者浑然一体。底部工具栏也采用相同的处理，和内容区有平滑的连接。整个设计就在视觉上最大程度的增大了内容区，突出内容，进一步创造沉浸式的阅读体验。

由浏览器闪屏到起始页的演变，保持了品牌的延伸，也承载了融的设计理念。

简洁一致的设计

我们对其它页面也进行了层级结构优化。在不同的页面创造统一的视觉体验，简化冗余信息的同时，将页面以更轻盈，简洁的方式呈现。

体验功能的融合

一图一世界，轻量的皮肤设置功能

在新版的设计中，我们加入了换肤功能，并采用的是最轻量级的换肤。结合融的设计理念，所有控件都注重“黑白灰”的设计，因此界面保持了很高的包容度。这样，仅仅是简单更换一张图片，就可以使界面视觉效果有所不同。页面元素高宽容度的设计既能与背景融为一体，又保持了内容信息的可读性。这种换肤方式提高了产品的差异化又满足了用户彰显个性的需求，并且相比传统的换肤方式，可以有效降低设计出图数量。