【精选案例】淘宝网设计规范及设计禁忌说明.ppt

各业务线应用时，不得对内容形式进行修改； 淘宝业务线众多，各业务线根据自己的特色制定了不同的Banner设计规范，但万变不离其宗： 注意微软雅黑字体的使用；方正字体是淘宝唯一购买使用的授权字体； 淘宝业务线众多，各业务线根据自己的特色制定了不同的Banner设计规范，但万变不离其宗： 前台交易以淘宝橙色为主；后台以蓝色为主； 栅格规范对广告位的应用； 目前各自产品线根据自己的产品特性，自定义链接和文本文字的颜色； 留白体现了一个页面的透气性，让用户在阅读的时候产生节奏感； 标题、title； 在同一页面中，尽量使用统一样式的控件，降低用户的使用成本； 通常在需要用户进行二次确认操作时使用； 大斑马线和小斑马线之分；40px，20px； 淘宝有哪些信誉好的足球投注网站结果页也是斑马线的应用； 菊花转~ 1.拼写错误； 2.内容与标题不能对应； 1.合法。 没有版权的字体、图片一律不能使用。 2. 显示正常。 主流操作系统及浏览器下①，页面不得超过3处破裂或错开. ①主流操作系统及浏览器是指：IE6，IE7，IE8，及Windows系统下的Firefox/Chrome/Safari/Opera 必威体育精装版稳定版本。 3.反馈明显且有效。 超文本链接, flash的互动，反馈明显；链接结果正确。 4.贴合主题。 商品为主的活动以商品为主;首屏的图片(FLASH)高度必须少于500像素②,首屏必须 ② 500像素是指在1024*768分辨率下。 能看到一部份商品. 5.控制体积和大小。 整体flash控制在500k以内，超过50k要加loading，页面的总体大小不得超过2M。 6. 拼写正确。 标题和内容必须使用简体中文，英文、拼音、繁体只能做辅助装饰③,且保持拼写正确, 不得用于导航和超文本链接;中文不得出现错别字。 ③除去诸如英文品牌或者其他固有名称。? * * 5. Banner设计规范： 视觉设计规范 图片限制 选择切合主题的图片；不可使用有版权纠纷的图片和违禁图片（色情，反动等...） 淘宝北京UED 岱岩 of 20 42 * 6. 常用控件介绍： 视觉设计规范 色彩 图片 文字 留白 Bar Tab 弹出层 输入反馈 表单 分页 面包屑 斑马线 步骤条 加载中 级联列表 淘宝北京UED 岱岩 of 21 42 * 6. 常用控件介绍： 视觉设计规范 色彩 交易线主色 交易线辅色 商户平台主色 商户平台辅色 淘宝北京UED 岱岩 of 22 42 * 6. 常用控件介绍： 视觉设计规范 图片 商品图片使用基本原则： 图片比例为1:1； 广告位： 参考栅格规则； 淘宝北京UED 岱岩 of 23 42 * 6. 常用控件介绍： 视觉设计规范 文字 文本文字： 链接文字： 深灰为基本文字颜色，当文字内容有主次等级时，应用辅助颜色; 文字大小： 淘宝北京UED 岱岩 of 24 42 * 6. 常用控件介绍： 视觉设计规范 留白 1.板块间距留白为10px； 2.板块与内容间距留白为10px； 3.内容单元与单元之间留白为10px； 4.内容的间距为10px； 注： 以上原则从1到4优先等级从高到低，原则1、2必须遵守，原则3、4可根据实际情况调整； 淘宝北京UED 岱岩 of 25 42 * 6. 常用控件介绍： 视觉设计规范 Bar 样式举例： 淘宝北京UED 岱岩 of 26 42 * 6. 常用控件介绍： 视觉设计规范 Tab 样式举例： 淘宝北京UED 岱岩 of 27 42 * 6. 常用控件介绍： 视觉设计规范 弹出层 样式举例： 淘宝北京UED 岱岩 of 28 42 * 6. 常用控件介绍： 视觉设计规范 输入反馈 淘宝北京UED 岱岩 of 29 42 * 6. 常用控件介绍： 视觉设计规范 表单控件 淘宝北京UED 岱岩 of 30 42 * 6. 常用控件介绍： 视觉设计规范 分页控件 通用样式： 适用场景：淘宝产品的列表和有哪些信誉好的足球投注网站结果页面。 小分页： 适用场景：空间小、结构较紧密的列表页面。 淘宝北京UED 岱岩 of 31 42 * 6. 常用控件介绍： 视觉设计规范 面包屑 样式举例： 淘宝北京UED 岱岩 of 32 42 * 6. 常用控件介绍： 视觉设计规范 斑马线 样式举例： 淘宝北京UED 岱岩 of 33 42 * 6. 常用控件介绍： 视觉设计规范 步骤条 淘宝北京UED 岱岩 of 34 42 * 6. 常用控件介绍： 视觉设计规范 加载中 适用场景：加载页面、上传图片、文件时出现，从无内容到有内容的场景。 样式举例： 淘宝北京UED 岱岩 of 35 42 * 6. 常用控件介绍： 视觉设计规范 级联列表 淘宝北京UED 岱岩 of 36 42 * 设计禁忌 淘宝北京UED 岱岩 交互设计3大禁忌； 推广设计