简单的布局和设计技巧，可帮助提升设计质量。本文基于我和我的同事在进行网页设计时常犯的错误。这适用于任何Web设计工具或服务。
1. 内容未分解为逻辑块
如果将信息分组为逻辑块，则用户更容易消化信息。将填充设置为120像素至180像素，并使用彩色背景分隔文本块。
2.网页上项目之间的间距不均匀
在逻辑块周围应设置相同大小的空间。否则，页面会显得混乱，并且用户可能不会平等地考虑每个部分。
3.填充太小意味着用户无法将内容分解为逻辑块
为避免逻辑部分混入，请将它们分开并在它们之间插入较大的空间（至少120 px）。
4.避免在图像上进行文本复制时对比度较低
文字和背景之间应该有足够的对比。要突出显示副本，请在图像上放置一个对比滤镜。黑色是一种流行的颜色，但是也可以使用鲜艳的颜色并进行混合和匹配。另一种选择是从一开始就使用对比图像，然后将副本放置在照片的暗部顶部。
5.一屏的样式太多
一屏如果有太多印刷和设计样式使其看起来不专业且难以阅读。为避免这种情况，请将自己限制为单个字体和两个饱和度选项，例如normal和粗体。
6.色块太窄
避免强调彩色的窄页元素。例如，由于标题的大小，类型饱和度和填充，标题已经被很好地标记了。要突出显示页面上的特定点吗？对整个块使用彩色背景，包括相关的标题和文本副本。
7.窄列内的文本复制过多
当窄列中有大量文本副本时，由于站点访问者必须从一行跳到另一行，因此很难阅读。另外，它看起来并不友好！最好减少列数并缩短文本副本，否则没人会读它。
8.居中文字过多
当文本很少时，在页面上居中显示文本效果很好，否则用户很难有效地浏览文本。同时，从24个像素开始增加字体大小。
如果需要包含大量文本，请使用具有可折叠文本复制功能的块。
9.文本复制叠加在图像的基本部分上
避免用文字覆盖图像的小细节。这样，您既可以遮挡图像，又可以使文本难以辨认。尝试将线条定位在不同位置，例如将它们居中或将文本左对齐或垂直放置。
10.滥用视觉等级
为了使信息层次结构在页面上清晰可见，封面上的标题应大于其余标题或至少相同大小。如果标题较长，则尤其如此。
相同的原理适用于逻辑块内的视觉层次结构。标题应该是页面上最大的设计元素，其次是较小的不太突出的子标题。后面的功能标题应明显小于标题，并且权重相同，最小字体应用于功能说明。这将有助于站点访问者区分最重要和次要信息。
11.一组逻辑被分成两部分
全屏图像或画廊，紧随文本之后，类似于一个单独的独立块。如果在图库周围添加填充，则由于共享背景，文本副本和图像都将看起来很合理。
12.标题太大和太长
很大的字体非常适合短句子。如果标题较长，请使用较小的字体。易于阅读，并为页面上的所有其他设计元素留出足够的空间。
13.错误使用按钮的边框样式
当按钮透明时，边框是必需的。为彩色按钮添加边框没有任何意义，这只是另一种无意义的设计功能，会使页面超载并使其难以阅读。
14.使用太多颜色
在页面上使用太多颜色会造成混淆，并且不清楚哪些内容更重要。一两种颜色足以使视觉突出真正重要的部分。
15.重载菜单
用户访问网站以找到解决问题的方法。使用菜单可帮助用户浏览网站并快速，轻松地找到他们所需的内容，但是不要给他们过多的信息，拥有5-7个菜单项就足够了。
