Web设计规范

一、web界面设计规范
1.基本规范
1)常见单位为像素；分辨率为“72”；颜色模式为“RGB”;
2.导航设计：
1）作用：A.导航的作用：引导和指向的作用；对内容进行分类
B.导航的构成：结构图形、文字、图标
3.导航设计形式
1）字符宽度相同，间距相同：把所有文字做在单独的文本框内，可以选择文本居中对齐，批量复制
2）字符宽度不同，间距相同：把所有的文字放在一个文本框中，间距用空格隔开
3.文字规范：
常用字体：宋体、微软雅黑
常用字号：12px、14ppx,16px,18px.
注意：小字不能羽化，大字必须羽化（小字12-16px（宋体边缘给无，边缘给“windows LCD 或windows”）
大字18px以上（边缘不能给无））
4.在ps中请随时调整字体的边缘设置。

5.网站类型：专题页（着陆页，引导页，只介绍一款产品或者一个服务，强调设计性）
6.网页首屏高度：受到屏幕分辨率的影响。

在1024*768最多看到580像素。

7网页安全宽度：
1）基本概念：屏幕分辨率
浏览器窗口宽度（=屏幕分辨率的宽度-
（20px））
网页的内容宽度
2)三种情况：网页的内容宽度“小于”浏览器窗口的宽度
网页的内容宽度“等于”浏览器窗口的宽度
网页的内容宽度“大于”浏览器窗口的宽度（不允许出现，因为会有溢出）
3）常见网页内容宽度：
1024*768（950/960/970/1000，只要不大于1024就行，最好是整数）
1366*768（1300/1200/1100/960/970）
1440*900（1400/1300/1200/1100/960/970）向下兼容概念
4）手机网页的内容宽度和屏幕分辨率的宽度一致
8.网格化布局：
1）基本构成：行、列（栏）-统称单元格：包括宽度高度位置坐标、描边、内补丁、外补丁
间距
2）分析方法：从上到下（分析行）
从左到右（分析列）
从外到内（分析嵌套结构）。