君君营销小编为你提供,网站设计规范。网站设计包括,网站代码文件结构设计,网页模块设计,网页风格设计,网站交互规范... ...详情请看下文、
一、HTML代码规范
符合国际标准的W3C规范,比如title,mate标签的书写,HTML 中最好不要将无内容元素 的标签闭合,例如:使用
而非
标签的闭合等等书写技巧,总之,即让搜索引擎易识别。
二、CSS样式文件
比如怎样在不同兼容性的情况下调用不同的css文件,css代码编写时注释的写法,hack的识别规范等等,还有别忘了样式的英文命名规范,让开发者和设计者易懂,便于团队协作。
三、文件命名和网站结构
比如网页文件后缀的书写,文件命名,图片文件使用规范、网页文件运行速度、怎样去影响浏览者等。网站内部结构包含,网站上线后的内部关系结构与开发时的目录结构,也关系到后期的搜索引擎优化,开发者的使用便利性。再比如文件夹的使用等等。
四、网页框架尺寸规范
比如一般标准设计按照宽度去设计,再在这宽度扩展成宽屏效果,这样兼容各种分辨率,满足不同的用户浏览视觉需求。
五、页面内部设计的用户体验规范
- 导航的规划(可查靠《14个导航菜单网页设计作品》)
- 板块的划分
- 层级的划分
- 广告系统(如有)
视觉规范
页面尺度规范
1. 页面宽度以及Grid系统
主流浏览器的界面参数与份额
系统分辨率统计
页面设计规范
- 网页设计中字体设计要规范
- 字体字号(可参考《网页设计中字体设计要规范》)
- 通用板块
- 色彩要求(可参考《网页设计中图片色彩处理》)
- K数要求
- 页面视觉元素要求
- 图标Icon库
- 模块组合形式库
- 色彩搭配(详情内容可参看《网站建设颜色设计N+1张配色图》、《网站如何配色及网站配色方案》)比如:
交互规范(可查看《交互网页设计之新手入门手册》)
- 多媒体使用规范(针对特别需求的网站,多媒体也极大影响了网站的性能,是否用flash,是否用HTML5直接诶渲染,是否用js?这些,都是设计者要考虑的规范化问题。)
- UGC操作(留言,发布,删除)
- 注册与登录
- 搜索功能
- 链接