不好的网页设计案例 第1篇
5.路易斯安那大学
一个应该专注于更好设计的网站是路易斯安那大学网站。虽然乍一看可能看起来不错，但仔细检查会发现许多缺陷。该网站杂乱无章，势不可挡，很难找到您要查找的信息。文本很小，难以阅读，并且一次出现太多的颜色和字体。
该网站也不适合移动设备，这是一个巨大的问题，因为现在有如此多的流量来自移动设备。如果路易斯安那大学想要改进其网站，它应该专注于简化设计，使用更干净的字体和颜色，并使其适合移动设备。
6. 克雷格利斯特
一个经常列出不良网站设计示例的网站是Craigslist。该网站具有过时的外观和感觉，并且不容易导航。此外，广告经常杂乱无章，难以阅读。总体而言，该网站不是很人性化。
7. 布林基
这个网站是可怕的，可笑的，令人讨厌的。它旨在揭示潜在用户如何容易被一个看似欢迎和欺骗性的网站吓跑。
8. 世界上最差的网站
世界上最糟糕的网站设计是创建网站时不该做什么的完美例子。这些例子会让你在困惑中挠头，从混乱和令人困惑的布局到完全无法导航的网站。
为什么人们甚至创建这样的网站？它们使用户难以找到所需的信息，但也使公司看起来不专业和未经修饰。如果您正在寻找一些设计灵感，请避开这些网站！
9. 灵伤病
最糟糕的网站设计例子之一是LingsCars。该网站的花哨黄色背景，巨大的字体和杂乱的布局使其难以阅读或查找信息。页面顶部的横幅具有三种不同的优惠，但无法判断哪一个是最重要的。如果这还不够糟糕，该网站还有一个弹出窗口，每次向下滚动时都会遮盖大部分主要内容。不是你想用来买车的网站！
10. 路飞
Wayfair是一个销售家具和家居装饰的网站。虽然他们的产品是高质量和时尚的，但他们的网站设计却不是。这是我们见过的最糟糕的一次。有些问题包括混乱的主页，困难的导航和糟糕的用户体验，如果你正在寻找如何不设计网站的灵感。
11. 立顿
立顿的网站杂乱无章，难以导航。弹出式窗口、广告和号召性用语过多，查找有关产品的信息并不容易。该网站也过时了，看起来已经很多年没有更新了。总的来说，这是一个糟糕的设计，不能很好地反映品牌。
12. 纸张来源
2022年糟糕的网站设计示例之一是Paper Source。虽然他们的网站在视觉上很吸引人，但它不是很人性化。布局令人困惑，并且有太多基于文本的链接没有随附的视觉对象。几个断开的链接使用户难以浏览网站。
13. PNWX
该网站使用了网页上常见的多色设计。但是，有时它可能会使人们很难对这种网页设计产生良好的印象。访问者阅读标题甚至从网页上找到任何信息都不容易。最后，当用户浏览网站时，它不会给用户留下关于您的网站的良好印象。
14. MGBD零件和服务
缺少第一个导航选项，颜色，文本和排版是不必要的用途;这个网站设计非常糟糕和无用;如果您使用了这个网站，您可以回来赶快。
15.阿格伦
16. 美国便士果汁
一个似乎没有花太多心思设计的网站是美国的Penny Juice。该网站具有字体，颜色和图像的不和谐混合，这些混合效果不佳。该网站还缺乏清晰度，因为许多按钮和链接很难确定功能。总体而言，该网站提供了令人沮丧的用户体验，并且是不良网站设计的一个例子。
17. 电气化时代
网站现在比以往任何时候都更加重要。它们充当企业的虚拟代表，但它们也充当人们及其家人的数字家园。这就是为什么网站设计如此重要 - 它可以成就或破坏一项业务。不幸的是，似乎没有多少人理解这一点。
18. 宁静自然主义者
Serene-Naturist是一个电子商务网站，销售环保和可持续的家居用品。不幸的是，该网站的设计杂乱无章，势不可挡。有太多的文本链接和图形在争夺注意力，使得很难找到您要查找的内容。该网站还使用了过时的字体，使其难以阅读。总体而言，该网站可以在设计和可用性方面进行大量改进。
19. 多伦多纸杯蛋糕
多伦多纸杯蛋糕是我们很长一段时间以来看到的最糟糕的网站设计示例之一。主页杂乱无章，难以导航，有太多的链接和图形争夺注意力。目前尚不清楚该网站应该销售什么或为访问者提供什么。
布局也非常过时，字体和颜色选择令人不快且不专业。总体而言，该网站看起来很业余且不吸引人 - 与面包店应该追求的完全相反。
20.阿瓦尼塔基斯
寻找一些网站设计灵感，看看Arvanitakis。这家公司是如何不做网站设计的一个很好的例子。从笨拙的布局到糟糕的排版，一切都会带来令人不快的在线体验。该网站也难以导航，使用户难以找到所需的信息。不是我们想要效仿的榜样！
虽然从其他网站获得灵感总是很棒的，但重要的是不要越界，最终得到一个太相似的设计。在网页设计方面，您应该不惜一切代价避免一些主要的罪过。糟糕的排版，难以辨认的文本，压倒性的视觉效果和奢侈的动画只是最常见的错误中的一小部分。另一个大禁忌是使用太多的颜色。
坚持使用最多两种或三种颜色，以创造有凝聚力的外观。太多的颜色可能会让用户感到不和谐和分心。最后，确保您的网站响应迅速且易于在所有设备上使用。您的访问者应该能够轻松浏览您的网站，无论他们使用什么设备。
结论：
一个设计良好的网站可能是成功和失败的企业之间的区别。网站是客户对您公司的第一印象之一，因此确保它看起来专业并以最佳方式代表您的业务非常重要。
不幸的是，并非所有企业都会花时间让他们的网站看起来不错，这可能会导致一些可怕的糟糕的网站设计示例。在本文中，我们将看看一些最严重的罪犯，并检查是什么让他们的设计如此糟糕。我们还将提供有关避免为您的网站犯相同错误的提示。
不好的网页设计案例 第2篇
整个网站看起来色彩鲜艳，形成鲜明对比，适合儿童果汁饮料的主题。但是很多太亮的颜色太混合了，根本没有空间。它看起来更像是一幅色彩缤纷的画作，而非在线商业网站。此外，夸张的颜色组合使文本的可读性变得非常差。而且，该网站没有任何导航，使得你一直滚动页面到底部去寻找相关信息。
不好的网页设计案例 第3篇
链接缺失或者链接丢失可以说是网站的重大错误之一。审核你的网页上链接是否畅通是必要的任务之一，你可以手动检查或是使用Website Link Checker等工具。
该网站的每个滚动的小图片都是一个连接点，上面的图片和文字非常模糊，用户根本不知道展示的是什么信息。
而CTA的设置，要记住清晰明了，不要给用户太多的相同层级的CTA选择，会造成用户困扰。看一下示例：
相同层级的CTA过多则会造成用户困扰，而保留一个则可以突出重点，提升用户体验。下图，就是一个设计不错的CTA。
不好的网页设计案例 第4篇
一定要使用响应式设计框架，你的网页或许需要在手机上运行，必须要保证手机上运行和在网站上的运行一样流畅。但是该网站，在手机上加载出来后还是一整个页面，没有自适应。由于该网站没有手机版的视图，因此造成了用户在移动端根本无法使用。我想，或许很多用户和我一样，直接放弃这个网站了。没有自适应的网站，势必会流失很多核心用户及潜在客户。
使用响应式设计的网页设计示范：
不好的网页设计案例 第5篇
图片可以说是你整个网页的门面，一张精美的图片可以给网页设计带来美观舒适的效果，更别提那些用整张美图作为背景图的网页设计了。如果你网站的背景图本身很不错，但却被其他信息覆盖或者破坏美感，这真的是一种浪费。该网站的设计本身很不错，但仔细看，文字和背景图片容易造成混乱。
这里建议使用透明按钮，即在设计网页中的按钮之时，不再设计复杂色彩、样式和纹理，而是外仅以线框示意轮廓，内只用文字示意功能，背景透出，与整个页面背景合而为一。
不好的网页设计案例 第6篇
如果你想保持页面流畅和简洁，那么不要使用太多不同风格的元素。在此站点上，文本区域使用对比色和不同的字体大小来突出显示信息。但是第二级的文本也使用了高亮的蓝色，这实际上打破了统一而平衡的层级界面。
不好的网页设计案例 第7篇
浏览网站时，我们希望看到页面元素间有清晰和鲜明的对比，保障信息高度可读。而该网站的设计，背景色的相关信息的色系相近，对比度很弱，而一旦图片背景与文字之间的对比很差，文字就会模糊不清。用户不仅可能会错过了一些文本提示，而且更会错过了你想要传达的重要内容。如果没有对比，网站的色彩组合和整体展示都会让我们不知所措。
网页设计的对比可以是方方面面的，比如，字体间的对比突出重要信息和次要信息，色彩间的对比强化视觉效果，留白空间和界面原色的对比使整个界面看起来舒适美观，等等。总之，对比可以帮助我们更好地阅读和理解的信息，你要合理的利用颜色，空间和大小，从而让用户知道如何进行操作。
一个好的具有对比度的网页设计，应该是这样的。
不好的网页设计案例 第8篇
杂乱的链接和死链接都是网站的巨大问题。你应该手动检查链接或经常使用网站链接检查器等工具。
在下面这个网站上，每个移动的小图片实际上都是一个链接。先不说它一直在移动，文本本身也非常模糊，因此用户不知道显示的什么信息。
CTA设置也必须清晰。不要在同一级别为用户提供太多的CTA选择，因为这会花费用户更多时间来确定他们喜欢选择哪一个。看看这个例子：
太多同级别的CTA会让用户更加困惑。此外，你应该只保留一个CTA来突出显示重点。以下是设计良好的CTA。
不好的网页设计案例 第9篇
导航对于网站的重要性不言而喻，用户在登陆了你网站时，应该是第一眼就该我明白接下来他可以进行怎样的操作，哪些操作会把他带到何处。因此，导航一定要醒目，建议导航和菜单栏往往处于页面的顶部，不要另辟蹊径，因为导航信息是在太重要了。
此外，导航的标签内容和运行效果必须清晰直观，不要使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候，就算要用，也一定要给用户一些暗示让他们知道你的网页如何工作。不过讲真的，过于复杂的设计会让用户感到无所适从并直接关闭你的网站。
一个优秀的导航应该是这样的。
不好的网页设计案例 第10篇
你在网页上使用的图片可能是你网站的大门。漂亮的图片使你的网站更加美观和舒适。有些设计师甚至将整张图片用作背景图片。
在这个网站上，设计实际上是非常好的，但仔细观察你会发现文字和背景图像太过不堪重负。网站的背景图像被其他元素覆盖，因此整个界面实际上已被破坏。
在这里使用透明按钮将是更好的选择。也就是说，在设计网页中的按钮时，你应该放弃复杂的颜色，样式和纹理。相反，只是勾勒线框并使用文本来指示功能。下面是一个更好的示例。
不好的网页设计案例 第11篇
元素之间清晰而有力的对比可以帮助用户了解页面的核心信息。它可以帮助用户更好地阅读和理解信息。在这个网站上，背景颜色和文字颜色非常接近，从而导致非常微弱的对比度。微弱的对比度使文本变得模糊。此外，较小的字体大小使文本的可读性极差。
良好的网页设计应确保文本和图片具有高可读性。实际上，提高可读性并不难，只需利用一切 - 颜色，空间和大小，使它们具有高对比度。例如，良好的排版通过使用不同大小的字体来突出显示重要信息，颜色之间的对比也强化了视觉效果。