网站设计规范文档通用5篇思维导图

文档的建立和命名规范这里以我自己的方式写，如果有更科学合理的规范，可以进行修改。

每个项目开始的时候，需要建立一个以项目名称命名的文档。

正在上传…重新上传取消

每个项目文档里面加分文件夹（1），资料文件夹放项目原形文档，资料图片，等等准备工作文件，有时我也喜欢把图标设计源文件放在这里。设计稿文件夹则放页面设计稿。设计稿文件夹内可以直接放设计文件，也可以像我一样分PSD源文件和JPG格式两个不同的文件夹，方便管理。

（1）正在上传…重新上传取消 （2）

（1）色彩规范

正在上传…重新上传取消

正在上传…重新上传取消

（2）图标规范

正在上传…重新上传取消

（3）控件的规范

正在上传…重新上传取消

（4）排版的规范

正在上传…重新上传取消

正在上传…重新上传取消

针对一些基本的设计规范和怎么设定设计规范这里做了一些知识点的汇总，实际工作中，每一个项目的具体规范会根据项目的不同和特性做出相应的调整和补充，这些都是需要慢慢去总结和完善的，希望目前这些内容能够给到大家以启发。

（1）需要掌握好创建的时机

每一个独立的项目都需要单独创建规范文档，规范建立的时机很重要，太早或者太晚都会给后续迭代带来很多麻烦。最佳时机是在完成风格定位后做规范，可以承上启下高效完成工作。

（2）只对非重要界面进行规范设定

（3）规则需要弹性

（4）规范要有迭代

（5）规范要有执行力

正在上传…重新上传取消

正在上传…重新上传取消

如图，每个页面为了方便后期按照顺序查看，我都会在前面加上编号，登录页是0，后面依次按照导航菜单来分，一级菜单为整数1 – 2 – 3（如果一级菜单数量多过10，为了防止1和11这样的排序干扰，则写成01 – 02 - 03）等等往后排列，二级菜单为小数 - - 等等依次排列，二级菜单内的页面按照先后顺序我会再加上 - – 这样的排序，这样，在后期查看页面顺序的时候，就不会出现顺序错位的麻烦了。

除了编号，中文命名就直接用菜单栏和每一页的功能名称就好。

注意：PSD源文件请设计师在设计的时候，就注意分组命名，这是一个良好的设计习惯，也方便其他同事查看修改。

（1）文字的字号尽量选择12、14、16等偶数字号，文字最小不能小于12号。（很多阅览器甚至为了保证不能因为字号太小影响阅读，小于12号的文字全都强制显示12号大小。）

（2）导航文字及头部底部文字的字号：