对色彩、控件样式、布局排版、字体等元素制定一系列规则，用于之后后续设计工作，保证视觉风格的统一性。

    保证设计质量，提高设计效率。

    技术：开发能够准确还原设计样式，并且快速搭建基础页面
    设计：快速了解产品
    公司：通过统一的视觉风格，有效传递品牌信息

    主流平台设计规范

    屏幕分辨率，常用尺寸

    配色

    点击区域：状态栏、导航栏、标题导航栏、底部导航栏
    内容区域：展示主要信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排版

    强调色

    响应式设计

    web设计规范

    临界点概念

    栅格概念

    如何制作设计规范

    在整套设计完成之后进行规范整理，后续需要不断归纳、调整、补充

    配色：主色、辅色、文字颜色

    切图

    png24，透明底图

    Android.9 切图方式

    英文命名，避免使用拼音时产生误解；下划线分割，统一标注倍图规格

    所在页面/位置（可能会涉及到分级页面，需要额外加标注）功能属性描述.png

    登录页 Logo：login_logo.png
    登录页背景图片：login_bg.png
    登录页按钮：login_btn.png

    标注清楚同一个按钮的不同状态：pre//err//failed 等

    为了适应安卓分辨率，安卓开发中的图片格式即为.9.png

    序号1、2 为拉伸方向，序号3、4 为内容区域

    注意事项：外围一圈像素要么是纯黑色，要么是透明的

    精准、正确的命名：在哪里、用处是什么、处于什么状态

    切图的归纳与分类，例如将通用切图集中放置，可以方便开发人员迅速找到

    分包储存。不同功能页面对应一个文件夹，包含了页面的整图以及整图上的标注，另外还需要加入

    注意点击区域，切图包含点击区域需要进行备注。

    web 设计规范

    配色、icon、常见组件、排版

    多色彩运用能够间接展示设计师对色彩的运用以及设计风格的广度

    设计规范的详细程度：
    颜色规范、字体规范、控件规范、图标规范、排版布局规范（页面结构）

    细节：

    颜色：色值
    字体：字体、字号、粗细、行高等
    控件：数值、状态等
    应用说明：备注文案说明，在翻阅文档时可以迅速理解
    错误范例：举出无法适用的应用场景

    实际中规范的使用：

    适应产品的快速迭代
    减少与开发的沟通成本
    设计工作的交接

    更新与拓展：

    根据需求进行迭代
    设计改版
    补充完善已有的设计方案