百度知道创新设计提案-用户体验部.pdf

百度知道百度空间：默默辰夕 视觉规划及一期提案 用户体验部 石爽 2009.04.30 2010-9-2 目录 • 产品视觉现状评析 • 视觉发展趋势及规范化道路 • 知道产品视觉细分思路草案 • 一期提案说明 2010-9-2 百度知道产品视觉现状评析 1 2010-9-2 A.色彩体系 • web各元素色彩使用，色彩情 感上，不统一：冷暖混搭，产 品取向不明确。 • 色彩在信息分层显示上有优 化的空间。 • 品牌色彩没有过于隐晦。 2010-9-2 B.图标体系 • 未统一色彩范围。 • 制作方法不一致，无法延展，升级。 • 图标的使用不规范，造成页面点元素 过多，页面繁星点缀。（例如知识掌门 人） 2010-9-2 C.样式体系 • 对已经形成的统一的样式库进行规范整理。 • 从产品角度，规范和升级样式体系。 D.排版体系 • 对各种信息总结归纳排版规范，对应到页面的 样式中去，方便修正与升级。 • 从产品角度，规范和升级排版样式。 2010-9-2 E.专题体系 • 没有很好的体现用户浏览心理。 • 没有形成品牌化的视觉风格 • 栏目模板有待统一规范（可扩展易更新）。 2010-9-2 百度知道视觉发展趋势 2 规范化升级道路 2010-9-2 A. Web产品视觉趋势 • 规范化——迭代的视觉升级 • 增强品牌对用户的影响 • 视觉为品牌服务 • 视觉为引导信息服务 • 视觉为功能服务 2010-9-2 B.知道产品的操作方式 产品现状 第一步 色彩 图标 样式 排版 专题 … 体系 体系 体系 体系 体系 2010-9-2 B.知道产品的操作方式 分步进行个体系的视觉优化（基于现有的设计） 输出优化设计稿 和 细分规范 （不是改版） 统一 可操作 可延展 可升级 第一步 色彩 图标 样式 排版 专题 … 体系 体系 体系 体系 体系 2010-9-2 B.知道产品的操作方式 分版本 阶段升级视觉系统 为产品创新提供可能 第四步 第三步 第二步 第一步 色彩 图标 样式 排版 专题