7个让人抓狂的网页设计

Date 2025-04-27 22:22:04

有时候,当我满怀期待地开一些网站的时候 —— 他们的存在简直就是设计的灾难!相信我,当你看到他们的时候,你会发疯的。本文将分享一些错误的设计,从莫名其妙的链接丢失到可用性差。注意!不要让您的用户遇到与下面相同的问题。

1. 缺乏对比度

6fk20160323

网页上的文本和图片需要具有较高的可读性,最简单的方法是使它们具有较高的对比度。但许多设计师经常忽略这一规则。

图片背景与文字的对比度太差,导致文字模糊不清,无法阅读,用户不仅错过了这段话,还错过了你想要传达的重要内容。

你必须确保每个元素都不同于它周围的其他元素,并记住这些基本的方法——颜色、空间和大小。合理使用它们,让你的每一个元素都清晰可见!

上图中的两个对比问题——白色文字和浅色图片的颜色太相似,字号太小,使得这段文字的可读性极差。

2. 导航和操作流程差

5fk20160323

当我第一次登录到网页时,你必须让我知道我接下来应该做什么。点击按钮和信息需要放在显眼的位置——这就是为什么导航和菜单栏通常位于页面的顶部。

导航的标签内容和操作效果必须清晰直观。当你尝试使用水平滚动条或其他不寻常的动态设计时,给用户一些建议,让他们知道你的网页是如何工作的!过于复杂的设计会让用户感到不知所措,放弃你的网站。

3. 图片搭配处理不好

4fk20160323

没有什么比被其他设计掩盖的优秀图片更糟糕的了。如果你花时间为你的网站搭配一张优秀的图片,为什么要被其他设计元素覆盖呢?加上一行简单的单词!这就是为什么透明按钮已经成为一种新的流行趋势。

当设计师追求这一趋势时,他们往往会陷入这样的误解。顶栏很有趣,滚动也很好,但当你匹配文本时,一切都很容易变得不那么和谐。页面上的每张图片都需要与文本相匹配,以便每个文本都可读,图片上的每个设计元素都清晰可见。

在网页上添加声音会很生动,但不要在没有用户提示的情况下播放音乐。

您应该为用户提供一个打开/关闭音乐的按钮,并默认关闭音乐。音乐可能会让用户感到惊讶,但如果用户处于工作环境或心情不好,情况适得其反。用户需要能够完全控制你的网页,而自动播放的音乐则相反。我需要网络音乐,但播放必须得到我的同意。如果我找不到按钮来关闭自动播放的音乐,我只能直接关闭网页。

但这是一个很好的广告技巧。如果你有声音,你必须播放它。考虑放一个大的弹出式静音按钮。用户通常会接受几秒钟的广告时间并阅读内容。虽然这不是一个理想的方法,但它是一个更好的解决方案。

看看上面的页面,它会自动播放音乐,但应该是无声的。看看你是否能一眼就找到切换按钮——这个按钮太小了,特别是比其他元素更难找到。

更严重的罪状

没有最坏的,只有更坏的。以下细节设计错误也会让我放弃。不要让自己成为这些粗心错误的受害者。

没有搜索功能

语法或拼写错误

没有呼叫功能

文本中有太多的链接

连接字符的文本

超小的按钮

排版和可读性差

每个人都很容易犯这些设计错误(你也会发现这些潜在的问题)。在设计和开发过程中注意这些小细节,你可以成功地避免这些错误。不要让你的用户生气(严肃的脸)!

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image