视觉体系·样式库-交接文件

来源：百度文库 编辑：神马文学网 时间：2024/04/27 16:14:46
交接文件——视觉与前端

1.交接流程：
  • 默认以交互为协调人，全部文档的接口人为交互设计师；
  • 视觉Demo原型完成时由前端进行检查，确认说明文档的必要内容；
  • 前端html完成时由视觉进行检查，确认后由前端提交给交互；


    • 2.交接文件格式： 样例 规则
    提交格式为：Png格式和Psd格式；

    使用命名中文；



    对于Psd格式的要求：

    图层合并，根据需要，提供无子版本和有字版本；



    Psd格式的图层要求：

    Tab切换、按钮触发、各种需要视觉表现的动态结果，在psd里分好组，命名好；

    效果需要说明，新建图层进行说明，命名好；

    3.附加文件： 样例 规则
    相关页面需要说明的内容；


    系列页面，附带页面关系图；

    格式：待定

    阐述系列页面之间的逻辑；

    4.文件中需要标注的地方： 样例 规则




    标注设置文件夹，且在最上层；

    标注形式：附带小箭头，如有需要可用半透明画出区域块；色彩使用区别于页面内容。





    自适应标注；



    无边框但要固定大小的区域；



    居中，还是偏左右固定；顶部，边上需要标注；



    固定区域内的折行，最多显示字节，区域大小等需要标注；

    各种极端情况，尽量在效果图里表现出来；




    特殊字体及字号加以注明；




    其他特殊环节自行标注；



    5.已有的约定俗成无需标注：
  • 文字样式：
        /*白色*/color:#ffffff      /*紫色*/color:#B13186      /*橄榄绿*/color:#607923      /*棕色*/color:#CF6B00       
        /*蓝紫色*/color:#435DA8    /*深棕色*/color:#81341C    /*宝蓝*/color:#570BB3        /*黑色*/color:#000000        
        /*橙色*/color:#FF7300      /*灰色*/color:#838383      /*红色*/color:#cd0000

  • 其他：
        请详见用户指南各栏目


    • 6.其他注意事项：
  • 关于系列页面，表单样式不宜多；
  • 提交按钮，不宜做特别的效果，尽量使用默认，因为需要工程那边界口，成本比较大；
  • 导航，网站底部信息等，提前需要确认；
  • 尽量少做浮层，少做圆角和阴影；
  • 有批量的表单或其他内容时，如有需要，可以先完成一个效果图，让前端介入下；
  • 以后产品尽量固定952px宽度；

    • 视觉体系·样式库-交接文件 视觉体系·样式库 视觉体系·样式库-留白 视觉体系·样式库-图片规则 you视觉体系·样式库-邮件 视觉体系·样式库-图片规则 视觉体系·样式库-ICON设计规则-应用 视觉体系·样式库-箭头类应用 视觉体系·样式库-数字类应用 视觉体系·样式库-应用品牌类 视觉体系·样式库-应用普及类一 视觉体系·栏目规则 DataGrid应用样式文件定义动态样式 - 醉明月 - CSDNBlog 房屋交接 房屋交接 笔刷,渐变,样式,滤镜,字体等文件的载入与安装 中共出台法规文件 干部人事法规体系初步构成 中央连发四文件 构建官员选任监督体系 中央连发四文件 构建官员选任监督体系 【·基础知识·】书法的创作样式· 万年历-无节令交接 会计交接注意事项 会计交接书 会计交接手续