目前主流分辨率 1366*768 在此状态下默认使用960的页面宽度，与腾讯网首页统一尺寸。
特殊情况：
1. 信息量或是图片量过大的事情，可以考虑加宽承载，给出来年改革尺寸 985（paipai，Qbar） 1175(Qqshow 游戏产品等)
2. 搜索类信息页面，采用自适应屏幕方式（比如soso 搜索产品）
不同浏览器，不同分辨率下网页第一屏最大可视区域：
说明：
比如1024*768下IE的可视面积是（1024-21）*（768-148） 1336*768在各个类浏览器
2.2.2.3 *一致性
一致性的意义：
良好的一致性，可以减少用户学习成本，可以更快培养用户习惯，也可体现产品设计的严谨。如果有不同，应作相应的区别处理，特别是视觉表现上要予以区分。
什么是一致性？
在相似的情景下，应在几个方面保持一致性：视觉表现、交互行为、操作结果。
即同一元素在不同页面应尽量是一样的（换句话说用户在不同页面看到都知道这个元素代表同一种含义），如果因为其他因素导致很难一样，也应该最大程度保持它们的相似度。同时也要求同一元素应该是代表一种或是一类含义，不可随意变更元素用途。
相同属性的元素保持统一，并且它们在不同页面都保持统一。 1. 标识
同一种标识在不同页面必须保持完全一致（但尺寸可以放大或是缩小） 2. 按钮
到达相同页面或是同一状态的按钮文字完全一样，如果因为视觉层次需要，形式可以不一样。
一个平台上的按钮依据重要程度，可以分出几个层级来，同一层级的按钮尺寸、形状一样。 4. 文字
同一平台上的同一层级的信息的字体应尽量保持一致，如标题的字体大小、显示字数的长短都一定的规范，最好不要超过3种规格。 5. 图片
同一类型的图片在不同的位置应保持长宽比率的一致，这样可以保持图片的美观性。图片的上的alt标签的格式一致，来源一致。
6.提示信息
提示信息在摆放的大体方位（如：都放在输入框的右侧、或是下方等）；信息提示的形式：如：主体形式都是主题加关键字，以及提示信息的字体等都应该保持一致。
2.2.2.4 *简洁性
少即是多，尽可能精简界面上的元素。当设计出原型，先将元素减半，然后再看能否再简化。保证主要任务流程顺利完成，消减其余不相关元素的干扰。
简洁体现在四个方面：减轻视觉干扰、精简文字表述、简化操作步骤。
2.2.2.5 *清晰
2.2.2.6 *当前状态 2.2.2.7 导航
1．字体一般用黑体或微软雅黑。要斟酌全体用户不同情形都适应的字体，而不是只雅观。 2．对于主导航，要设置a标签，并且不同的属性要有不同的值，这样很明白能否点击。 3．从导航都必须是有效链接，链接后的页面一定要有基本的功能。主导航一定不能有生链接 （生链接指失效的链接）
4．主导不要用JS链接，因为搜索引擎是不读取的。
5．有些网站从用户体验角度考虑，用图片做导航链接，这样最好在图片的下方设放上文字链接，同时在图片上加上正文。否则搜索引擎无法抓取。
2.2.2.8 平面版式
版式的基本类型
网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。 1.骨骼型
网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有
竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。
优点：理性、条理、规范
2.满版型
页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及，这种版式在网页设计中的运用越来越多。
优点：舒展、大方。 缺点：网速加载会比较的慢。 网页例子：
3.分割型
把整个页面分成上下或左右两部分，分别安排图片和文案。两个部分形成对比：有图片的部分感性而具活力，文案部分则理性而平静。可以调整图片和文案所占的面积，来调节对比的强弱。例如：如果图片所占比例过大，文案使用的字体过于纤细，字距、行距、段落的安排又很疏落，则造成视觉心理的不平衡，显得生硬。倘若通过文字或图片将分割线虚化处理，就会产生自然和谐的效果
原型设计规范、网页规范、用户体验规范、交互规范
