1、不合理的排版

排版设计出问题，首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量，虽然有的排版会因为间隙过大而显得松散，但是 常见的问题其实是排布布局过于紧密，缺乏呼吸感，这可能会让设计看起来混乱，可读性低下。

般而言，对于大段的文本内容，行间距 是文字 度的120%到150%。对于较小的文本，考虑到移动端的用户使用场景，这个行间距可能还得在提 些，这样 才能确保舒适的阅读体验。

但是，不论是怎样控制，核心始终在于确保阅读体验是愉悦而恰到 处的。拥有恰当而富有流动性的排版，视觉 才会令人舒适。间距太大太小都不合适。

另 方面，整个页面排版的行间距的 例要保持 致，这样能让视觉 加统 ，也能够 化同类、相关元素的关联性，增加可读性。

2、所有元素尺寸 样

所有的图片尺寸都 样，所有的文本都 样大小，所有的按钮都 样的样式，这样的“ 致”看起来不错，但是实际 会显得 加 聊。

网页中的许多元素可以 致，但是不能完 样，这是两个概念。基于不同的需求，不同的位置的按钮尺寸是不能完 样的，但是它们可以沿用相同的样式，并且设计几个相对固定的尺寸 例，这样也可以 的控制整个视觉和体验。

其实这当中，图片在网页框架中的使用就是 个 的实例。不同页面的首图尺寸是 样，其中的图片如果要应用到不同整个布局其他的位置的时候，直接按 例缩小，其中的元素视觉重量会直接降低， 息传达的有效性也随之降低。 理想的状况，是根据整个网页框架布局的需求，基于 图有针对性地进行切图。

3、忽略层次

我们所看到的 大多数的网页是需要通过 心组织的层次结构来呈现内容的，毕竟网页内容也是遵循 80/20 法则的，20%的内容常常能够拥有80%的重要性。这也使得网页的层次结构如此的重要。

网页中不同的内容是有轻重缓急的，而这种重要性不论是基于设计的需求还是用户的需求，都是能够进行判断和划分的。与此同时，用户在快速浏览内容的时候，重要的内容应当置于重要的、易于扫视查看的位置。在我们之 的《F式布局》的文章当中，对此有详细的陈述。

在确定了重要性 先级之后，层次结构的设计思路就可以基本确定了。首图、标题等元素是承载重要 息的载体，而能够引导用户行为的CTA按钮、输入框等元素，则能在交互的层面 ， 化内容的效力。所有的这些东西，在设计网页的层次结构的时候，应该系统的考虑。

4、忽视基础功能

网页的可用性始终是摆在易用性之 的。我想你也有过这样的 验：打开网页之后 过漫长的等待而网页 法加载;点击 个按钮而没有相应的反馈;想找到网页背后所有者的联系方式，但是在About Us 的页面中 所获。

这些基础的工作都需要设计师用心做 。确保网页的基础功能都能够顺畅的使用，正确的反馈，而这些基本的可用性问题，常常出现在搜索框、导航、页脚甚至业务逻辑当中。

在网页当中，不同类型的元素涉及到不同类型的内容，即使文本和图片也常常带有链接，或者牵涉到 定的功能或者交互，而用户对于这些功能是有预期的。可用的按钮、链接等基础功能，确保了 息的完整性和功能的完整性， 有这样，用户才能 任网页本身。

5、不够简练的文案

网页中的文案是需要反复推敲的。

许多网页在使用文案的时候，不够简练，用户很容易在浏览过程中迷失。人集中注意力的时间始终是有 的，所以，尽量在交互和UI中使用明确、 准的描述性的语言，直接地指引用户，清晰地阐明交互的结果。

清晰简练的语言文案是维持用户兴趣、推动交互继续的动力。

6、低分辨率

清晰度不足的图片 对是设计的硬伤。现如今的 清的屏幕 处不在，低分辨率的图片在如今的屏幕 所遁形。

随着网络的覆盖和带宽的拓展，大尺寸的图片和文件已 慢慢成为标准了。当你需要 准地控制图片尺寸和屏幕分辨率完 对应起来，也可以参考响应式设计，借助断点来控制显示的尺寸。

当然， 重要的 点在于，使用低分辨率的图片，还不如干脆不使用。

7、太多机巧

过多的插画，繁复的 效，太多的设计趋势，当常见的设计技巧和效果在网页 堆积起来的时候，会很容易稀释网页中真正重要内容。不同寻常的色彩， 的动画，巨幅的图片，这些真正抓人眼球的元素应该有针对性、有计划地使用。

它们确实是提升趣味性、吸引用户注意力的重要手段，但是同样需要谨慎使用。

当你想要使用 定的设计元素、采用流行的设计趋势或技巧的时候， 择 个思路，尽量主次分明。很多时候， 个设计趋势， 三个趋势叠起来 有用。