之前我们曾经有分享过常见的网页设计错误分享，不知道大家是否还有印象呢？现在的网页设计者可以参考的资源很多，也有更好的工具可以辅助设计，如今网页设计师的水平普遍不会犯下过去十年前常见的错误，例如字体的滥用或是图片解析度不足、图片过大等滥用情形，现在都已经很少见了。

现代的网页设计变得更为简单、轻鬆吗？其实这也未必，因为现在的设计网站多以响应式网站的方式进行，要顾虑的不仅是网站看起来要丰富、要内容，还要顾及是否可以于智慧手机平板上正常运作？是否能够达到ThinkWithGoogle针对网站优化的要求，使用者的界面是否合乎用户需求？

如果你是一位前端设计师，那么你应该要注意的是设计品质的提昇，避免犯下视觉设计上的错误。以下分享来自Tilda Publishing Blog针对网页设计工作者经常犯下的错误做出了整理，十分值得您借镜参考。

视觉缺少物理区隔

通常设计师会用对比色彩，将不同内容区隔以物理的色彩方式区隔起来。

留白间隙不一

内文文字与内容区块的间隔尺寸不一，网页看起来就会凌乱，内容与区块的间隔高度应当一致，技术上应该并不困难。

区隔太小物法区隔不易发挥作用

即使有了物理色彩区隔，区隔空间不足也很容易彼此干扰。不同的内容区隔，彼此至少有120px的间隔尺寸。

背景与文字的对比不佳

背景底图搭配文字是当首页设计主流，一般会将背景加上黑色遮罩搭配亮色文字，就有不错的效果，但要如何让页面看起来舒适，仍须细心调整。

同一页面太多设计属性

一个页面的设计风格(Style)过多，或使用多重字体，容易让页面看起来专业度不足，导致视觉疲劳，应当妥善控制。

色彩区隔过窄

避免让一个色彩区隔看起来过于狭窄，要将标题跟内文视为同一个区块，避免将标题与内文做出颜色区块。

栏位文字过多

首页的栏位以图片搭配简易的说明即可，过多的说明文字使首页看起来拥挤不堪，产品的规格、描述等适合用于内页而非首页。

居中文自说明过多

居中的文字(Center)宜精简不宜过多，必要的话，居中的文字可以透过物理区隔，将较长的文字切隔成多段有利阅读。

文字盖过了重要的形象图片

用户可以接受文字盖住(Overlay)主图，但如果主图是想要传达的重要项目，那么你应该帮文字转个弯，让主图可以好好发挥他的价值。

视觉层级错误

以文字来说，主标要比标题大，标题要比内文大，有了阶层用户可以找到讯息的重点，传递讯息更有效率，也更易于阅读内容。

其实来源的网站还有更多设计常见错误，碍于篇幅的限制我们就不多说了，欢迎大家至来源的部落格阅读与学习。