




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、淘宝网设计规范&设计禁忌视觉设计规范1. 淘宝字体:视觉设计规范中文:英文:2.淘宝网Logo使用规范:视觉设计规范淘宝网主品牌Logo:of4422.淘宝网Logo使用规范:视觉设计规范淘宝网频道Logo:淘宝字体+橙色+域名主体+频道/类目/产品名机票of5422.淘宝网Logo使用规范:视觉设计规范其他特殊业务:图形化/字体+个性化颜色+域名of6423.栅格规范:视觉设计规范什么是栅格系统:of7423.栅格规范:视觉设计规范栅格系统的应用:12 x 80的应用24 x 40的应用16 x 60的应用of8423.栅格规范:视觉设计规范淘宝网栅格系统:(40*n)-10=W(50*n)
2、-10=Wof9423.栅格规范:视觉设计规范建议使用的栅格结构:950宽度990宽度190750230710270670270470190950190790240740190990240540of10424. 30%原则:视觉设计规范5%吊顶+10%头部+10%导航+5%底部导航+搜索of11424. 30%原则:视觉设计规范5%吊顶of12424. 30%原则:视觉设计规范20%头部+导航of13424. 30%原则:视觉设计规范5%底部of14425. Banner设计规范:视觉设计规范文案标准字体使用体验一致色彩协调图片限制of15425. Banner设计规范:视觉设计规范文案标准简
3、洁,阅读顺畅;少用英文,确保拼写正确;中文不可出现错别字;of16425. Banner设计规范:视觉设计规范字体使用最多不超过3种字体;只能使用授权字体-方正字体;文字清晰可读;of17425. Banner设计规范:视觉设计规范体验一致设计形式与点击预期保持一致;of18425. Banner设计规范:视觉设计规范色彩协调明亮,干净,与整体页面协调;of19425. Banner设计规范:视觉设计规范图片限制选择切合主题的图片;不可使用有版权纠纷的图片和违禁图片(色情,反动等.)of20426. 常用控件介绍:视觉设计规范色彩图片文字留白BarTab弹出层输入反馈表单分页面包屑斑马线步骤条
4、加载中级联列表of21426. 常用控件介绍:视觉设计规范色彩交易线主色交易线辅色商户平台主色商户平台辅色of22426. 常用控件介绍:视觉设计规范图片商品图片使用基本原则:图片比例为1:1;广告位:参考栅格规则;of23426. 常用控件介绍:视觉设计规范文字文本文字:链接文字:深灰为基本文字颜色,当文字内容有主次等级时,应用辅助颜色;文字大小:of24426. 常用控件介绍:视觉设计规范留白1.板块间距留白为10px;2.板块与内容间距留白为10px;3.内容单元与单元之间留白为10px;4.内容的间距为10px;注:以上原则从1到4优先等级从高到低,原则1、2必须遵守,原则3、4可根据
5、实际情况调整;of25426. 常用控件介绍:视觉设计规范Bar样式举例:of26426. 常用控件介绍:视觉设计规范Tab样式举例:of27426. 常用控件介绍:视觉设计规范弹出层样式举例:of28426. 常用控件介绍:视觉设计规范输入反馈of29426. 常用控件介绍:视觉设计规范表单控件of30426. 常用控件介绍:视觉设计规范分页控件通用样式:适用场景:淘宝产品的列表和搜索结果页面。小分页:适用场景:空间小、结构较紧密的列表页面。of31426. 常用控件介绍:视觉设计规范面包屑样式举例:of32426. 常用控件介绍:视觉设计规范斑马线样式举例:of33426. 常用控件介绍:
6、视觉设计规范步骤条of34426. 常用控件介绍:视觉设计规范加载中适用场景:加载页面、上传图片、文件时出现,从无内容到有内容的场景。样式举例:of35426. 常用控件介绍:视觉设计规范级联列表of3642设计禁忌交互设计3大禁忌;推广设计基本禁忌6条;of37421. 页面信息拼写或内容错误:设计禁忌交互设计3大禁忌案例A:页面信息拼写错误:案例B:页面内容错误:of38422. 操作产生无效或错误反馈:设计禁忌交互设计3大禁忌案例A:由设计缺陷造成的链接无效或悬停无反应:由于整个交互操作范围超出了一屏,因此会让用户感觉链接无效等错误发生:of39423. 操作完成后与预期不符:设计禁忌交互设计3大禁忌案例A:如
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 晋安除去甲醛管理办法
- 绿色再制造技术职业教育方案
- 北京政务大厅管理办法
- 核酸企业准入管理办法
- 小学生专递课堂学习适应性研究
- 双馈变速抽水蓄能系统的稳定性和可靠性提升技术
- 中部产业高质量发展:优势解析与经验分享
- 食品行业诚信体系构建与实施研究
- 农户经营贷款管理办法
- 消防安全管理人的消防安全职责
- JJF 1183-2007温度变送器校准规范
- GB/T 41051-2021全断面隧道掘进机岩石隧道掘进机安全要求
- GB/T 37787-2019金属材料显微疏松的测定荧光法
- Unit2 Section B(1a-1e)作业设计教案 人教版英语八年级上册
- GA/T 1169-2014警用电子封控设备技术规范
- 第十二篇 糖尿病患者生活常识
- 污水处理站安全培训课件
- 2015高考全国新课标1地理试题及答案
- GB 27954-2020 黏膜消毒剂通用要求
- (完整版)ECRS培训课件
- 外轮理货工作英语
评论
0/150
提交评论