案例实战!淘宝总监教你打造一份用得上的设计规范精选.pdf

案例实战 ！淘宝总监教你打造一份用得上的设计规范 如何制作出一份对设计师、 品经理、程序员都有价值的设计规范 ？今天奇维 （手淘设计总 监 ）用淘宝2015的规范优化实战案例 ，结合之前在腾讯CDC经历过的雅虎、Q Q 、金蝶等 设 计规范 ，给同学们聊聊他所理解的规范 ，以及如何完成一套 品性质的规范 ，全文高能干货 ，收 ！ 奇维 （手淘客户端设计总监 ）：别人常问我的花名是什么意思 ，是否期望具备奇特思维 ？然而并 没有 ，那是前公司昵称的音译 ，以感恩及怀念志同道合的逗逼们一起成长的日子。别人也常问kiw i 是什么意思 ，是否期望像kiw i鸟一样没有条件创造条件具备前行飞翔永不停歇的精神 ？然而并没有 ，诚恳的星座实事求是的告知那只是猕猴桃的翻译。 想象和现实总是如此生分。在界面的设计规范身上也同样适用。 界面的设计规范是为了促成 品体验以自身为主体的统一和延续 ，减少用户的认知成本。项目人员 避免个体的重复思考 ，减少不必要的沟通。 问题是对于制定者而言 ，日常项目之外还有规范可以 出 ，职级晋升时撑撑场面 ，也可算作设计价 值的一部分。 对于使用者而言 ，查阅麻烦 ，内容更新不透明。日常使用时规范不严谨。迫于大佬的淫威不敢多言 抑或信于大神的权威照单全收 ，执行和推动受到具体业务情况的质疑 ，导致进展不顺畅。 对间接受到影响的 品经理和其他人员 ，规范不严谨总在限制伟大 品的光芒万丈或实现的成本 ， 负面情绪甚重。渐渐的 ，部分设计师对于规范会有一种我最爱的人伤我有多深的迷茫 。 坦白说设计在流程中的环节导致地位相对被动。如果提升设计价值单纯只依靠寻求另外方式而忽视 解决眼下的实际问题 ，不能不被看作是一种逃避。回到设计规范 ，需要解决上述问题 ，促使各方能 了解规范背后的 生原因和用意 ，基于规范为前提形成项目设计中灵活思辨的动能。 今天就来讲讲我所理解的界面设计规范 ，以及根据这套原则如何呈现手机淘宝 （寿桃 ）的设计规范 。 我所经历的规范 06年得益于团队之间的交流 ，机缘巧合跪拜了大雅虎的设计规范 ，分别是闪着光辉的英、韩、繁、 简四版。恰逢工作中完成Q Q mo bile需要交接 ，同时参与Q Q 内部版本的研发 ，作为一个向往成熟但 还没熟透的设计团队是必须要有规范的。玩不起大的 ，针对单一的 品还是很有必要。 在参照W indows 自身规范 ，以及标叔甩出的金蝶规范 ，外加加了密的MT K系统规范 ，可以说有了 公司第一份针对 品的设计规范 《Hummer界面视觉设计规范》 ，结合交互组的规范 ，成了公司后 续其他 品设计规范的范本。 关于标叔 ，那就是另外一个传奇了 ：《腾讯CDC标叔力作 ！聊聊我与交互设计的那10年》 07年规范从无到有令人欢喜 ，解决日常设计中的常规问题 ，使内容更加贴合业务。比如根据使用强 度和频率对内容结构进行调整 ，以及统一参数和描述。但也暴露浏览体验不太高效 ，更新后信息同 步并不及时。因此尝试将所有内容搬到线上来 ，满足不同浏览诉求。还将内容打印出来彰显具体的 工作量。 09年至今在整体规范基础上 ，针对各功能模块所 生的细节规范应运而生 ，规范越来越精细。对于 工具 品的设计师来说避免了机械问题重复发生 ，同时团队不用再将缜密思索的宝贵时间浪费在重 复性的功能设计上。但无论工具 品还是内容 品 ，在考虑规范时大都只考虑控组件本身的情况 ， 所以规范的设定一者和业务没有多大联系 ，二者不能匹配业务诉求在合理范畴内的多样性 ，何况内 容性 品本身由控组件构成的页面比重在 品的迭代过程中会变的越来越少。 这就是我们遇到的设计与业务的矛盾。包括自己的切身感受 ，且从不同的渠道和不同的团队中发现 这个问题一直存在。此时 品流程里面的其他角色对于规范本身有无的诉求已经不是首要了。也因 为这个矛盾使业务的内容呈现受到限制 ，而团队内的设计师夹在业务和规范之间执行起来很累 ，长 此以往开始质疑规范本身。 我理解的规范概念 这次在开始设计手淘2015整体优化时 ，试图把过往的设想和办法在项目中尝试一遍 ，找到设定合理 规范的解决方式。我想为了解决这个矛盾首先要厘清主要几个核心 ： 1. 设定规范为了解决什么问题 ？ 规范的目的都是一致的 ，细分之下会略有侧重。设定之前首先要判断规范是属于系统性质和还是 品性质。这关系到使用的时间和能力的成本。 I S和A ndro id就是系统性质的规范 ，包括微信钱包界面、支付宝钱包的首页的入口以及里面的内 容都属于这个范畴 ，所以他们的入口形式异曲同工。作为系统是开放的 ，为了确保系统