网页设计-基本知识总结

1、字体使用：

   <1>正文部分（非广告或样式标题）：

     中文：使用宋体12-14号，设置消除锯齿方式：选“无”（适合正规一点的网站）

           使用微软雅黑12-18号字体，设置消除锯齿方式：选“无”（适合专题网页）

     英文：使用Arial，设置消除锯齿方式：选“无”

     方法：在css样式中定义字体时先定义英文、再定义中文即可，否则英文默认显示为先定义的中文字体。

   <2>标题：不使用花俏的字体，一定要清晰可见。

2、尺寸规范：

   <1>网页可见内容区域宽度：浏览器右侧滚动条宽度为21px，为不产生左右滚动的情况，请尽量保持网页的宽度=显示器分辨率宽度-21px。

     注：目前大部分用户使用的为宽银屏显示器，分辨率的宽度基本在1240px以上，但不能避免仍有使用分辨率的宽度为1024px的用户。

     因此，在无特殊要求下，设计时网页的可见内容区域的宽度设置为1000px较为合适（1024-21=1003px）

   <2>背景的宽度：若背景为纯色或图案可重复的，出效果图时比可见内容区域的宽度略宽即可；若背景为不规则图案，则需把背景做到1920px宽，以适应最大的分辨率宽度。

   <3>高度：第一屏高度为整个网页的重点，因此，为适配小屏的用户，第一屏（大幅广告、导航、要求靠前显示的重点功能）尽量保持在520px的高度以内，别让用户滚动鼠标至第二屏才看到重点内容。

3、颜色规范：

  <1>在一个较为正式的网页中（专题页面除外），不宜采用过多色系，尽量保持在3个色系内，以达到整体的一致性。

  <2>技巧：网页中文字颜色或背景颜色慎用纯黑#000，这样会致使版面沉重、死板。可使用带灰度的灰黑色代替，如#0F0F0F、#1E1E1E等。

4、网页设计与平面设计的区别：

  <1>分清标量与矢量：网页设计中，图像的单位为像素，故每一个像素对图像的影响都故为重要，特别体现在缩放图片时，因此，设计时需精确到像素。

  <1>分辨率：显示器分辨率为72dpi，因此设计网页新建画布时，需设置图像分辨率为72dpi

  <1>颜色模式：网页设计中使用RGB模式

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/169

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！