网站设计规范

2022-05-29    分类： 网站设计

创新互联小编为你提供，网站设计规范。网站设计包括，网站代码文件结构设计，网页模块设计，网页风格设计，网站交互规范... ...详情请看下文、

一、HTML代码规范

符合国际标准的W3C规范，比如title，mate标签的书写，HTML 中最好不要将无内容元素 的标签闭合，例如：使用
而非
标签的闭合等等书写技巧，总之，即让搜索引擎易识别。

二、CSS样式文件

比如怎样在不同兼容性的情况下调用不同的css文件，css代码编写时注释的写法，hack的识别规范等等，还有别忘了样式的英文命名规范，让开发者和设计者易懂，便于团队协作。

三、文件命名和网站结构

比如网页文件后缀的书写，文件命名，图片文件使用规范、网页文件运行速度、怎样去影响浏览者等。网站内部结构包含，网站上线后的内部关系结构与开发时的目录结构，也关系到后期的搜索引擎优化，开发者的使用便利性。再比如文件夹的使用等等。

四、网页框架尺寸规范

比如一般标准设计按照宽度去设计，再在这宽度扩展成宽屏效果，这样兼容各种分辨率，满足不同的用户浏览视觉需求。

五、页面内部设计的用户体验规范

  1. 导航的规划(可查靠《14个导航菜单网页设计作品》)
  2. 板块的划分
  3. 层级的划分
  4. 广告系统(如有)

视觉规范

页面尺度规范

1. 页面宽度以及Grid系统

主流浏览器的界面参数与份额

系统分辨率统计

页面设计规范

  1. 网页设计中字体设计要规范
  2. 字体字号（可参考《网页设计中字体设计要规范》）
  3. 通用板块
  4. 色彩要求（可参考《网页设计中图片色彩处理》）
  5. K数要求
  6. 页面视觉元素要求
  7. 图标Icon库
  8. 模块组合形式库
  9. 色彩搭配（详情内容可参看《网站建设颜色设计N+1张配色图》、《网站如何配色及网站配色方案》）比如：

交互规范(可查看《交互网页设计之新手入门手册》)

  1. 多媒体使用规范(针对特别需求的网站，多媒体也极大影响了网站的性能，是否用flash，是否用HTML5直接诶渲染，是否用js?这些，都是设计者要考虑的规范化问题。)
  2. UGC操作(留言，发布，删除)
  3. 注册与登录
  4. 搜索功能
  5. 链接

本文名称：网站设计规范
路径分享：https://www.cdcxhl.com/news/160509.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站设计等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站托管运营

网站设计知识

行业建站