这是一个美丽的界面吗?还是效果很酷?

无需加好友免费技术支持

这是一个美丽的界面吗？还是效果很酷？事实上，网站功能和用户体验是网站设计中最重要的问题。高质量的用户体验可以给访问者留下深刻的印象，帮助您建立品牌，增加网站访问量。

那么，如何建立一个让用户信任的网站呢？

关键是网页设计。即使对于那些非常小的初创公司，最好找一个网页设计师来帮助设计。那么问题又来了。什么样的网页设计才是好的网页设计？网页设计中常见的错误是什么？如何有效避免？

如果你仍然担心这些问题，请阅读这篇文章，解释9个糟糕的网页设计实例，以解释一个好的网页设计应该是什么样子。我希望你会喜欢的。

首先，让我们来看看网页设计的一些基本规则。

虽然网页设计的趋势一直在变化，但很难界定网页设计的原则。然而，仍然有黄金法则。在网页设计中，应记住以下基本原则：

易于理解的导航合理使用正确的配色动画布局视觉友好的设计元素不妨碍内容显示。现在，让我们来看看列表上的9个糟糕的网页设计案例。这些案例可能违反了一个或多个网页设计原则，这是你应该学会避免的问题。此外，这些案例仅供分析。首先，声明没有恶意。

1、Arngren - 设计混乱，网格失踪

我不得不说，每次我打开这个网站，我的眼睛都会感到失明。在网站的页面上，字体、图形、内容、链接、所有元素都被混淆了，形成了一个混乱的网页界面。这种网页设计可以说是违反了网页设计的有原则，找不到符合网页设计原则的线索。它最大的问题是缺少网格，所以所有的布局和内容都是随意放置的。其次，导航结构混乱，字体排版太小太乱，游客根本看不懂，配色也很随意，没有规划。

一个使用网格使内容和元素的布局组织有序的网页设计应该是这个样子。

2、Typesetdesign - 设计中缺乏对比

在浏览网站时，我们希望看到页面元素之间有一个清晰明的对比，以确保信息高度可读。在网站的设计中，背景色相关信息的颜色系统相似，对比度很弱。一旦图片背景和文本之间的对比度很差，文本就会模糊。用户不仅会错过一些文本提示，还会错过你想要传达的重要内容。如果没有对比，网站的色彩组合和整体展示会让我们不知所措。

网页设计的对比可以是各个方面，例如，字体之间的比较突出了重要信息和次要信息，颜色之间的比较加强了视觉效果，空白空间和界面原始颜色的比较使整个界面看起来舒适美观，等等。简而言之，比较可以帮助我们更好地阅读和理解信息，你应该合理地使用颜色、空间和大小，以便用户知道如何操作。

对比度好的网页设计应该是这样的。

3、Theweddinglens - 无响应设计

一定要使用响应式设计框架，你的网页可能需要在手机上运行，一定要保证手机和网站一样流畅。但是这个网站，在手机上加载后，还是一整页，没有自适应。由于该网站没有手机版的视图，用户根本无法在移动终端上使用。也许很多用户和我一样，直接放弃了这个网站。没有自适应的网站必然会失去许多核心用户和潜在客户。

网页设计示范采用响应式设计：

4、Pacific Northwest X-Ray Inc - 错误的配色

这个网站的设计可以说是一个错误的调色板。它由相互冲突的颜色或文本颜色组成。这些颜色与背景颜色混合过多，用户很难阅读。配色方案不愉快，导航也很复杂。总的来说，它看起来像一个1997年设计的网站。现在它看起来已经过时了，网站还没有更新。虽然该网站试图解释其服务基本上是直接的，不会给用户带来麻烦，但它已经产生了麻烦。

配色好的网页设计要美观简洁或者个性化，让用户操作简单舒适，进一步体现网站的定位和特点。

5、Gatesnfences - 导航和操作流程差

导航对网站的重要性是不言而喻的。当用户登录到你的网站时，他们应该首先了解他接下来可以做什么，哪些操作会把他带到哪里。因此，导航必须引人注目。建议导航和菜单栏通常位于页面顶部，而不是另一种方式，因为导航信息太重要了。

此外，导航的标签内容和操作效果必须清晰直观。不要使用水平滚动条或其他不寻常的动态设计。即使你想使用它，你也必须给用户一些建议，让他们知道你的网页是如何工作的。但说实话，过于复杂的设计会让用户感到不知所措，并直接关闭你的网站。

优秀的导航应该是这样的。

6、Uat - 链接丢失和错误CTA设置

链接丢失或链接丢失可以说是网站的主要错误之一。检查网页上的链接是否畅通是必要的任务之一。您可以手动检查或使用它Website Link Checker等工具。

考虑到链接的可用性，特别是文本中的链接必须足够明显，易于点击，以避免误操作。因此，建议用户不要在文本中添加大量的文本链接，特别是在小型移动设备屏幕上。

每个滚动的小图片都是一个连接点，上面的图片和文字都很模糊，用户根本不知道显示什么信息。

而CTA记住清楚的设置，不要给用户太多同级别的设置CTA选择会给用户带来麻烦。看示例:

相同层级的CTA过多会给用户带来麻烦，保留一个可以突出重点，提升用户体验。下图是一个很好的设计CTA。

7、nmg-group - 界面原色和图片背景不清楚

图片可以说是你整个网页的正面，一张漂亮的图片可以给网页设计带来美丽舒适的效果，更不用说那些使用整个美丽图片作为背景图片的网页设计了。如果你的网站的背景图本身很好，但被其他信息覆盖或破坏，这真的是一种浪费。网站本身的设计很好，但仔细看，文本和背景图片很容易造成混乱。

在这里，建议使用透明按钮，即在设计网页中的按钮时，不再设计复杂的颜色、风格和纹理，而是外部只用线框表示轮廓，内部只使用文本表示功能，背景显示，与整个页面背景相结合。

8、Wateronwheels - 风格不一致

如果页面保持流畅简洁，建议不要尝试混混合。网站的文本部分使用不同的颜色和字体大小进行比较，具有一定的层次关系，但最终的文本部分使用明亮的蓝色，实际上打破了统一。

这里可以看看详情，统一性对于网页界面的整体美观和流畅性至关重要：

9、Greatdreams - 没有空白空间

该网站看起来色彩丰富，对比突出，也符合儿童果汁饮料的主题，但许多太活泼的颜色交叉在一起，没有空白空间，使颜色的使用变得极端，使网站看起来像一幅丰富多彩的油漆画。文本没有任何实质性的内容，加上夸张的颜色匹配，可读性变得很差，网站没有导航，必须到达底部才能找到一些相关信息。

空白网页设计简单干净：

更多的网页设计错误：

超长页面下载时间自动播放音乐(用户不知情)。如果页面下载时间超过30秒，用户很难喜欢你的网站。网站页面太长。你认为有多少浏览对阅读你的网页底部感兴趣？ 不要试图测试用户的耐心。过期信息。长时间不更新的信息很容易让浏览器反感，也会大大降低你网站的品牌形象。孤立的页面。用户不知道如何返回主页。这种情况通常发生在信息提示页面或内容调查结果页面上。用户体验差。缺乏互动内容。缺乏互动内容和用户参与。不能让网友表达情感和思想，那么你的网站可能会变成死网站。

总结

网页设计应该服务于网站功能和访问者沟通，但也考虑到美观，各种要求加起来，使网页设计变得如此困难。但学习更多的练习是你成长的唯一途径，我希望以上内容能帮助你的设计，可以让你理解什么是糟糕的网页设计，并有效地避免未来的设计，也知道什么样的设计是好的，所以，你的设计会越来越好。

(本文来自网络，仅用于共享和交流，版权归原作者所有，侵删。