有时，当我带着期待打开某些网站时，它们的存在就是一场设计灾难！相信我，当你看到它们时你也会生气。从莫名的链接丢失到可用性差，本文将分享一些可以让人瞬间发疯的设计错误。注意力！不要让您的用户遇到与以下相同的问题。
1.缺乏对比
网页上的文字和图像需要具有高度可读性，而最简单的方法是使它们具有高对比度。但是很多设计师经常忽略这条规则。
图片背景与文字的对比度太差，使文字模糊不清，用户不仅错过了这一段，也错过了你想要传达的重要内容。
您必须确保每个元素与其周围的其他元素不同，牢记颜色、空间和大小的这些基本方法。明智地使用它们，让您的每一个元素都清晰可见！
上图中的两个对比问题 白色文字与浅色图像颜色过于相似网页制作门户网站图片展现中的1234滚动播放，字体太小网页制作门户网站图片展现中的1234滚动播放，导致此文字的可读性极差。
2.糟糕的导航和工作流程
当我第一次登陆该页面时，您必须让我知道下一步该做什么。点击按钮和信息需要放在显眼的位置。这就是导航栏和菜单栏往往位于页面顶部的原因。
导航的标签内容和操作必须清晰直观。当你尝试使用水平滚动条或其他一些不寻常的动作设计时，给用户一个提示，让他们知道你的页面是如何工作的！过于复杂的设计会让用户感到不知所措并放弃您的网站。
3.形象搭配不佳
没有什么比伟大的形象被其他设计所掩盖更糟糕的了。如果您花时间将您的网站与精美图片配对，为什么要让它被其他设计元素覆盖？一行简单的文字就可以了！这就是为什么透明按钮是新的热潮。
设计师在追随潮流时，往往会陷入这种误解。顶栏很有趣，滚动也很棒，但是当您将它们与文本配对时，它很容易变得不那么和谐。页面上的每张图片都需要与文字配对，这样每一个字都可读，图片上的每一个设计元素都清晰可见。
不要用文字或按钮覆盖图像的任何重要部分。当您认为您的页面设计处于这种情况时，最好换成更简洁的背景，并将您的这张图片放在其他地方。
当你第一次看到上面的图片时，你会被它粗略的风格所吸引。但仔细看，人物的脸都被文字遮住了，赞美的话语让整个人看起来很乱。
4.无网格
在网页设计中，一些杂乱的东西可以让人赏心悦目，不对称就是其中之一，不使用网格绝对不是！
网格的使用是区分设计好坏的专业指标之一。网格使一切保持清晰和有条理 通过保持元素的一致性和适当的间距，您知道将元素放置在何处以及如何放置。网格可帮助您确定元素的大小、文本的大小和空间，以及通过比例确定内容的焦点。
5. 没有响应
使用响应式设计框架！使用响应式设计框架！使用响应式设计框架！三件重要的事！您的网页可能需要在手机上运行，它必须像在计算机上一样流畅。
我总是遇到在我的手机上加载为整个页面的网站。这些网站的设计目的不是响应式的，至少不是移动版本的视图，因此用户无法使用它们。 （虽然非常罕见，但仅提供移动视图的网站非常令人沮丧。）
可能很多用户都和我一样，如果我在手机上不能流畅使用你们的网站，那我就不会在电脑上打开它。
6.链接丢失
断开的链接是网络上最烦人的事情之一。养成每年检查链接的习惯！您可以手动检查或使用网站链接检查器等工具。
如果您的徽标没有链接到您的主页，我也会感到惊讶。徽标链接到网站的主页。 （并且不要在主页上禁用后退按钮。）
考虑链接可用性。确保您的链接，尤其是文本中的链接，足够明显且易于点击而不会出错。不要在文本中放置大量文本链接，尤其是在移动设备的小屏幕上，用户很难点击正确的链接。
7. 自动播放音乐
向网页添加声音可能会很戏剧化，但在没有用户提示的情况下切勿播放音乐。
您应该为用户提供一个按钮来打开/关闭音乐，并且默认情况下它应该是关闭的。音乐可能会让用户感到惊奇，但当用户处于工作环境或心情不好时，它可能会适得其反。用户需要完全控制您的网页，而自动播放音乐则相反。我需要网络音乐，但必须经过我的同意才能播放，如果我找不到关闭自动播放音乐的按钮，我可以关闭网页。
但在广告中使用它是个好主意。如果您有必须播放的声音内容，请考虑放置一个大的弹出式静音按钮。用户倾向于接受几秒钟的广告时间并阅读内容。虽然这不是一个理想的方法，但它是一个更好的解决方案。
看上面的页面，它会自动播放音乐但应该静音。让我们看看您是否一眼就能找到切换按钮。按钮太小了，尤其是和其他元素相比，比较难找。
更严重的罪行
没有最坏的，只有更糟的，下面的一些设计错误会被我扔掉。不要让自己成为这些粗心错误的牺牲品。
没有搜索功能
语法或拼写错误
没有调用函数
文本中的链接过多
连字符的文本
超小按钮
排版和可读性差
每个人都容易出现这些设计错误（而且您还会在整体设计出色的网站上发现这些潜在问题）。通过在设计和开发过程中注意这些小细节，您可以成功避免这些错误。不要让你的用户生气（真的）！
*请认真填写所需信息，我们将在24小时内与您联系。
暂无评论内容