ICON设计规则
本规则为Alibaba（中文站）图形标志（Icon）的设计规则。
设计原则；Icon尺寸规格；Icon命名规则；Icon外形含义及解释；色彩及含义；光线及投影；Icon与文字或Button的组合；设计流程设计原则：
确保含义映射唯一性；严禁出现多个形象代表一种含义或一种形象代表多种含义； 含义映射尽量直接、简单，表述清晰； 对于已有的形成习惯模式的形象，尽量沿用，以免解读错误； 对于含义表达困难的，需辅以简短文字作为说明；
尺寸规格（单位：px）：
1.大于等于16px时，高/宽=1/1
64×64 48×48 32×32 24×24 16×16 如下：
2.小于等于12px时，高/宽=1/n
Icon高度为小于等于12px，将没有尺寸、高宽比例限制；
命名规则：
1 所有Icon统一命名；
2 Icon名称不超过7个字符；
分类：1个字符； <代号：1> 标准Icon： 错误、警告、信息、问题、正确；
<代号：2> 箭头： 上、下、左、右、播放等；
<代号：3> 数字：排名、序列；
<代号：4> 品牌Icon：诚信通、竞价、支付宝、阿里旺旺；
<代号：5> 系列Icon：为在某一位置几个Icon组合出现，一般为专有；
<代号：6> 普及类：除上述类别外的统归为此类；
名称：4个字符； 从0001开始； 按顺序排号；
尺寸：2个字符； Icon规格≤12px时以高度为准；
外形含义及解释：
几何形状
含义
圆形 指令、判断（会发生动作、行为，如错误、正确；）
等边三角形 警告（在可能会引起问题情况下，予以提醒）
方形 提示、注意（陈述信息）
错误：表示出现了一个错误或者问题；
警告：表示将来会引起问题的情况；
信息：表示有用的信息；
问题、帮助：表示了一个提供帮助的入口；
指示：向使用者传达某种信息，如、热（hot）、新（new）；
指令：告诉使用者应该怎么操作，如、指明下一步操作；
图形标志的几何外形（使用的情况下）和颜色的选择上优先选择几何外形，再决定使用的颜色。
圆形和方形在Icon含义介于指令与提示都有的情况下，难以选择，需对其做进一步细分；
圆形 代表指令，在该Icon的指示下会发生动作行为，如点击，填写等动作。后面的文字内容是更多内容的入口。
方形 代表提示、注意，该Icon更多的是陈述信息，传达信息给操作者，后面的文字内容是完整的信息内容。当Icon本身可点击时，优先选择方形；
色彩及含义：
色彩：
注：可以参考2007_moodboard
色彩 含义
红色 错误、否定、限定
黄色 警告、提醒
蓝色 指令
绿色 提示、帮助
黑、白色 提供一般信息
光源及投影：
光源：在图标设计时，统一定义光源的方向默认为左上方，120度-130度；
投影：根据光源的方向设定投影，禁止用黑色；
Icon与文字或Button的组合：
Icon与文字标志组合：
组合中文字宜横向排列，文字也可位于图形标志的左侧右侧或下方，不应位于图形标志上方。
在组合中，文字的颜色应与图形相协调；
图形标志与内容文字之间的距离不小于<3px>；
Icon与Button组合：
参考上述规则，再根据Button实际情况调整；
设计流程：
概念图： 以草图形式推敲形象、象征，并确定；
矢量效果图： 需要大尺寸图标时，需要按照64x64的尺寸绘制大效果，以此来缩小得到小尺寸Icon；
像素图： 当矢量缩小到16px及以下时，会丧失很多的细节，需要在原概念的基础上转化为像素图；
输出： 以 *.gif 格式输出，背景透明；
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
