网站后台设计规范:框架规范和视觉规范(2)

2.3 数字化栅格化整个体系，易于着地

栅格化体系之所以在web端这么适用，也是因为信息和版块过多时，在前端的环节易于分块进行分割，保持页面的舒畅和整齐。以5，或者10为单位，基本适用于任何的排列和切割，无论场景，控件，数据元素多么复杂，都能用一定的单位计算其尺度大小，顺利排列得下。形成一定的稳定架构。

你跟，或者不跟；规范就在你我手里；不舍不弃。

3. 视觉规范

图标：是具有指导，标识性质的图形，它具有高度浓缩并快捷传达、便于记忆的特性。好的图标，能完善视觉，提升体验，更好的与用户进行沟通，在必要的时候能给用户以明确提示，指导用户去顺利的完成操作。

设计时需注意：

1.确保图形映射唯一性，可识别性；

2.设计尽量简洁，易懂，避免多余元素的出现；

3.风格趋于统一；

4.尊重习惯，多用常见图形，避免误导；

美学角度需注意：

1.造型上由一到三个图形组合，且最多不超过3个；

2.质感细腻，丰富；

使用规范：优先使用已有图标；如已有图标无法满足需求，则严格按需求提交流程申请新图标

4.前端开发介入

前端开发是我们的亲密伙伴，所以尽快拉他们入伙，一方面仰仗于他们的技术支持及开发建议；另一方面他们也是受益人，一整套控件库开发出来也便于他们的调用及管理。

5.规范产出

众志成城，规范的产出仰仗于全体交互设计师工作之余的见缝插针及齐心协力，反复沟通探讨，整合统一。

V1.0只是个开始，接下来我们还会不断完善、调整这套规范，不断打磨使其更趋完善。

来我怀里；或者；让规范住进你的心里；默然相爱；寂静欢喜。

以上内容由UPD交互组——耿莉 吕俊 马亦芯 张科 金晶 共同编写