许多研究表明，您只有不到一秒钟的时间来说服新访问者留在您的网站上。想象一下：就一秒钟！
您是否遇到过让您乐此不疲地与朋友分享数小时的网站设计？ 而且我们并不是说公司的业务很好玩，或者某些网站元素是错误的。不，整个设计看起来像是来自 90 年代。这是糟糕网站设计的真正灵感来源。
我们的深入研究取得了成果：查看这 11 个不良网站，它们将告诉您如何不应该制作网站！
如果您不喜欢糟糕的网站（我们希望不是），请尝试使用AI Website Builder Weblium – 您将获得有保证的结果，这将满足您的期望。
免费创建您的网站
好的和坏的网页设计之间的差异
良好的导航（易于理解）
好的配色方案
视觉上吸引人的界面
干净的布局
内容
不良网站示例
Penny Juice——糟糕的设计示例
访问网站： https: //www.pennyjuice.com
Penny Juice 是我们不良界面设计示例列表中的第一个——该网站未能实现任何网站目标，无论是直观的导航、有吸引力的设计，还是对所提供产品的清晰描述。
当您登陆该网站时，您注意到的第一件令人震惊的事情是鲜艳的色彩杂乱无章。布局缺乏清晰的导航：除非向下滚动每个页面，否则您无法访问其他网站页面。
Blinkee 网站——糟糕的设计示例
Blinkee丑陋的网页设计示例
访问网站： https: //blinkee.com
Blinkee 是关于销售发光和闪烁的东西 - 就是这样！但是，遗憾的是，这是您唯一一眼就能清楚地了解的东西。
各种东西的概念，在黑暗的背景下眨眼还可以，但执行起来却很烦人。当你努力寻找答案时，所有这些产品都在闪烁。
还有许多其他关键问题使 Blinkee 网站成为最糟糕的网站之一，因此我们要注意这些时刻：
产品图片太小了（虽然它们必须成为用户关注的焦点）。
这里的一切都如此生动，以至于整个设计可能会引起癫痫发作。
配色方案才是真正的问题：你必须在黑色背景下阅读文本。
网站框架也是一个问题：左边的框架包含文本，而右边的框架只是空心的。
您可以在右侧找到所有产品类别：当您单击其中任何一个时，有时您会进入包含详细产品信息的另一个页面，但有时您会进入另一个网页，该网页包含该类别的所有产品，即相当用户敌对。
阿恩格伦网站
访问网站： http: //arngren.net
一些资源可以同时是好的和坏的网站 示例 ，但我们不能对 Arngren 网站这么说。
这个挪威分类网站否认当代网页设计的所有现有规则！请记住 90 年代流行的可怕黄页，广告争夺页面的小空间。现在，您会看到一个类似的设计，于 2023 年投入使用。
将网站列为不良设计类别的原因：
颜色使用不正确。
糟糕的导航。
微小甚至令人困惑的排版。
缺乏关于业务的明确信息。
随机使用颜色。
伟大的梦想设计糟糕的网站
访问网站： http: //www.greatdreams.com
Great Dreams 网站为您提供了文本颜色和背景的组合，这使得内容几乎不可读。特别是当文本大小很小的时候。
你登陆了主页，它太长太沉闷以至于无法到达底部，反映出丑陋的设计。看看这个奇怪的顶部消息：«请刷新您的页面以获取最新一期»！
但最主要的问题是网站没有明确的主题。看起来这个一体化站点伪装成高级在线百科全书！
向下滚动，您会注意到网页宽度发生了变化——这一定是纯粹的魔法。本网站不同部分的疯狂颜色选择也是如此。
太平洋西北 X 射线公司
糟糕的设计网站示例
访问网站： http: //www2.pnwx.com
Pacific Northwest 是 2023 年最引人注目的不良网站之一，几乎没有解释他们的服务是什么——这是他们犯的第一个错误。
网站文字和背景颜色冲突。由于没有抗锯齿，网页内容确实很难阅读，而且网页文本没有填充或适当的空白。
将网站列为不良设计类别的原因：
糟糕的排版，可读性差。
字体颜色与网站设计不匹配。
缺乏适当的号召性用语。底部也只有一个电话号码。
闪电侠死了。
苏珊柯林斯的图书网站
访问网站： http: //www.suzannecollinsbooks.com
即使您喜欢 Suzanne Collins 的作品（《饥饿游戏》让很多人疯狂），您也会对她的网站感到失望。
第一件事是用户必须将网页放大到 200% 以使内容可读。当你缩小它时，你会得到一切移动到外屏幕边缘。这就是我们应该如何使用空白。
尝试点击任何一本书，但没有任何反应——这就是错失良机的最好例子。尝试点击“作品”部分，您将进入与书籍、奖项和评论相同的屏幕，但您不会在那里找到任何描述。
到网页底部，您会找到购买作者书籍的在线商店列表。但是，如果您点击链接，您将进入商店的主页，而不是进入作者的网页和您要找的书。又一次错失良机。
巴伐利亚啤酒屋丑陋的网页设计示例
访问网站： http: //bavarianbrathaus.info
还记得你的第一个孩子的画吗？现在您有机会在网站上看到类似的内容。
这个网站的设计看起来就像 80 年代的街道墙！砖块状的背景没有任何视差效果，枯燥的图形使 Bavarian Boathouse 网站成为不良移动网站的典型例子。
将网站列为不良设计类别的原因：
缺乏令人愉悦的美学设计。
导航不佳。
在没有充分、清晰的信息的情况下，左侧副本过载。
不符合公司商业价值的呆板图形。
没有号召性用语！
Bella De Soto 丑陋的网站设计示例
访问网站： http: //www.bellads.info
每次你进入这个网站，你都会觉得这些人试图把他们所有的东西都放在一个页面上。
还有什么使该网站成为不良网站的首位？ 即使缩小到 20%，您也看不到下面的整个巨大图像。主页上有太多不同的内容和太多低质量的图片，让你头晕目眩。
此外，主页太长太宽，您必须水平和垂直滚动才能找到您要查找的信息。
古董瓶收藏家资源
访问网站： http: //www.mrbottles.com
作为网络上最糟糕的网站之一，Antique Bottle Collectors 有很多问题……
将网站列为不良设计类别的原因：
文字的颜色不断变化，让你头晕目眩。
图片随机放置在不同的地方，没有任何顺序或格式。
用户敌对导航。
内容太多，你真的不想读。
Patimex丑陋的网页设计
访问网站： http: //www.patimex.com
Patimex 是我们丑陋网站列表中的一个很好的补充——起初，您会看到大量需要放大和缩小的抖动图形，它们总是会超出屏幕框架。
将网站列为不良设计类别的原因：
网页文本淡入淡出，但这还不是本网站最糟糕的事情。
然后你注意到一个微小的音符告诉你网页上正在播放音乐……这种疯狂的乡村音乐，以及恶魔在烧烤架上烧烤他地狱般的威严的可怕动画让我们为人类感到难过。
脉动的 Patimex 标志是另一个让网页设计师感到困惑的东西：如果你甚至不能点击它，为什么标志会吸引注意力？
网站导航工作正常，这可能是 Patimex 网站上唯一可以的。
拉奇威克蒸汽与县秀
访问网站： http: //www.rudgwicksteamshow.co.uk
该公司的网站甚至可以从我们的不良网站中脱颖而出。这是您所见过的糟糕设计的最佳选择。当你登陆网站时，你不知道从哪里开始，你只是感到困惑。
将网站列为不良设计类别的原因：
导航链接不起作用。
随意使用会产生负面影响的颜色。
缺乏网站的清晰图片。
大量无意义的图形
问候语缺乏明确的意义。整个网站看起来像一个列表！
缺乏用户友好的导航或可读性会增加您的不良印象。顺便说一句，导航菜单中的链接不起作用！
Tag Team Signs – 糟糕的网站
访问网站：http://www.tagteamsigns.net/
如果您想感到烦躁，欢迎访问此网站。这里有很多烦人的元素：未经您的许可播放音乐；真正丑陋的动画的开始；加载缓慢；在移动设备上不可用，最后只是无聊的网页设计。
猎头发型设计
访问网站：https://www.headhunterhairstyling.com/
这个网站有什么可怕的？
Headhunter Hair Styling 非常基础，加载速度很慢，就像此列表中的几乎所有这些网站一样。我希望您了解关于糟糕网站的一件重要事情：不仅糟糕的设计是导致失败的原因。
首先，从技术方面让你的网站完美：尽量减少java脚本和框架，压缩图片，尽量不要让网页代码过载。
激动人心的时代
访问网站：http://electrifyingtimes.com/
我认为这个网站就像一个门口。门道是为特定搜索查询排名较高而创建的网站或页面。它们对用户不利，因为它们会导致用户搜索结果中出现多个相似的页面并阻碍可用性。
Mednat.org——糟糕的网站
Mednat.org 网站是一个杂乱无章的大杂烩。我们怀疑您在降落时是否会理解它的用途。而这只是问题之一。
网站主要问题：
小字体，
没有结构（没有逻辑网站部分），
内容墙（一页包含的文字足以填满 20 页），
没有移动响应，
垃圾邮件文本（维基百科的大量链接），
可用性差。
在哪里吃饭
访问网站：https://www.where2eat.com/
该网站展示了缺乏一致性如何导致糟糕的用户体验，从而降低转化率。问题数不胜数
凌的汽车
不良网站示例：weblium
访问网站：https://www.lingscars.com/
Ling 的汽车网站看起来有点奇怪。它包含许多 GIF 动图，包括主人 Ling 女士以及她的汽车和自行车。她的业务面向长期汽车租赁，从使用汽车 9 个月开始。她在英国工作，似乎很受欢迎。可能，这种受欢迎程度并不是该网站的优点。
让我们转到该网站并检查它的外观。好吧，这里的配色方案是迷幻而明亮的。由于这些原因，很难在这个网站上停留很长时间。
我们不得不承认，导航很好。它会导致不同的所需页面，并且不会引起任何困难。
问题在于这些颜色和内容。亮度使文本变得不可读，照片与 GIF、视频和产品混合在一起。自己检查这个网站并发现其他缺陷，以避免。
耶鲁大学艺术学院
访问网站：http://art.yale.edu/
艺术学院的网站代表了整个结构。我们一直关注这个网站，并注意到它的一些不同之处：今天它不那么迷幻了，但他们还有很多其他工作要做。
需要注意——这些走廊在内部移动，就像隧道一样。
耶鲁大学在这里张贴未来展览的公告，教授和学生的成果等。
该网站包含耶鲁大学的登录表格和活动日历。这对学生和对艺术感兴趣并想加入任何讨论的人很有用。
在左侧，我们可以看到带有某些部分的导航栏。这些页面中的每一页都包含背景上的 GIF 和不同颜色框架中的文本。
该网站没有安全证书（链接上以 https 开头），但它会收集教职工学生的个人数据（他们的列表在“当前学生”选项卡中）。此外，它还允许您登录到教职工的新闻，而且您的数据同样不受保护。
也缺少响应式设计。因此，学生和其他人在移动设备或平板电脑上使用该网站时遇到了困难。
EFW
访问网站：http://www.everyfuckingwebsite.com/
这个单页网站旨在批评和嘲笑在网站上组织空间的普通、可接受和标准的方式。
它包含欢迎区、关于我们部分、附加信息和注册表单。这些是用于任何目的的网站的最少内容，如销售、广告、投资组合网站等。
老实说，这个网站真的没有任何重大缺陷，它的导航是完美的，因为它是一个页面，而且它包含一个导航栏作为附件。它还包含社交网络按钮，非常适合此类网站。
另一方面，本网站代表站主对网站建设过程和要求的立场。因此，我们将其提名为不良网站，因为它可能会伤害您的感情：) 小心。
预算很性感
访问网站：http://www.budgetsaresexy.com/
这个网站看起来不错。它不像我们列表中的其他一些那样糟糕。但它有一些缺陷，我们认为这些缺陷对于建立一个好的网站以便与您的客户/客户/读者进行长期成功的互动至关重要。
不良设计类别提名原因： 需要对配色方案进行一些更改，现在看起来单调，按钮的背景与文本的颜色脱节。
导航：仅对有经验的用户容易。对于新手来说，网站结构不直观
杂志的灰色徽标看起来像失业的 URL
响应式设计 – 不。
未来的历史学家
访问网站：http://www.historianofthefuture.com/
看看这个黑暗但明亮的网站。也许，这位未来的历史学家预测了不久的将来网页设计的新时尚。因为就目前而言，这会转移所有注意力。酸性颜色、标志、GIF 和低质量的照片之间并没有真正的联系。它们只会分散访客的注意力。
该网站甚至没有针对桌面屏幕进行调整，它在右侧留有空闲的黑色空间，但在移动到历史学家的个人成就页面时会多填充一些空间。
调查该网站，检查最让您恼火的是什么，或者您可能会在您的网页上发现一些讽刺性的功能。
举几个问题：
字体大小和样式不一致，
严重开发的调色板，其中图像和文本根本不匹配，
视觉效果让人想起 90 年代的网页设计，
导航问题——需要花费大量精力才能到达其他页面，
不相关项目的列表——菜肴的种类与优点和设施混合在一起，但它们并没有真正结合在一起，
没有明确的号召性用语，因此访问者不知道在页面上做什么，
您不了解网站的用途，因为没有合适的首屏或封面。
