我们以前分享过常见的网页设计错误。不知道大家还有印象吗？现在的网页设计师可以参考很多资源，有更好的工具辅助设计。现在网页设计师的水平一般不会犯过去十年常见的错误，比如字体误用，图片分辨率不够，图片过大等。，现在已经很少见了。
现代网页设计变得更简单更容易了吗？其实也不一定是这样，因为现在的设计网站大多是以响应式网站的形式进行的。我们需要担心的不仅仅是网站看起来很丰富，需要内容，还有在智能手机平板上能否正常运营？能否满足ThinkWithGoogle对网站优化的要求，用户界面是否满足用户需求？
如果是前端设计师，就要注意设计质量的提升，避免在视觉设计上出错。以下分享来自蒂尔达出版博客，整理了网页设计师常犯的错误，值得你参考。
缺乏视觉的物理分离
通常设计师会用对比色，通过物理色来区分不同的内容。
[div][div]
空格就不一样了。
如果文本和内容块之间的间距不同，网页看起来会很乱。内容和区块之间的间距高度要一致，技术上应该不难。
[div][div]
隔断太小，隔断不好发挥作用。
即使是物理分色，分色空间不足也很容易互相干扰。不同的内容至少相隔120px。
[div][div]
与背景文字对比度差。
带文字的背景底图是主页设计的主流。一般背景会加上黑色蒙版，文字比较亮，效果不错。但是，如何让页面看起来舒服，还是需要仔细调整。
[div][div]
同一页面上有太多设计属性。
一个页面上过多的设计风格或者多种字体，很容易让页面看起来不专业，导致视觉疲劳，要适当控制。
[div][div]
分色太窄
避免让一个色彩空间看起来太窄，把标题和故事当做同一块，避免把标题和故事做成色块。
[div][div]
字段太多。
首页的字段可以配上图片和简单的说明。过多的说明文字让首页显得拥挤，产品的规格和说明适合放在内页而不是首页。
[div][div]
中文的解释太多了。
文字中心要简洁，不要太多。如果需要，中心文本可以物理分离，较长的文本可以切割成多个段落，以便于阅读。
[div][div]
文字掩盖了重要的图像和图片。
用户可以接受文字叠加主图，但是如果主图是他们想要传达的重要项目，那么你就要把文字转过来，让主图充分发挥价值。
[div][div]
视觉层次错误
文字方面，主标题大于标题，标题大于正文。有了分层用户，他们可以找到信息的关键点，更有效地传递信息，更容易地阅读内容。
[div][div]
其实源码的网站还有更多常见的设计错误，限于篇幅就不说了。欢迎来到源码的博客阅读学习。
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/86161.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
