设计不好的网页 第1篇
一定要使用响应式设计框架，你的网页或许需要在手机上运行，必须要保证手机上运行和在网站上的运行一样流畅。但是该网站，在手机上加载出来后还是一整个页面，没有自适应。由于该网站没有手机版的视图，因此造成了用户在移动端根本无法使用。我想，或许很多用户和我一样，直接放弃这个网站了。没有自适应的网站，势必会流失很多核心用户及潜在客户。
使用响应式设计的网页设计示范：
设计不好的网页 第2篇
网站导航栏的最大特点是不言而喻的。当用户登录你的网站时，他/她应该了解他们接下来可以做什么以及要到达目的地应该采取什么行动。导航栏必须引人注目，并且通常应位于页面顶部。不要像这个网站一样设计导航栏。它只会让用户更加困惑。
此外，导航栏的内容和交互也需要清晰，因此不要使用水平滚动条或其他不寻常的动画设计。如果你这样做，你应该至少给用户一些提示，让他们知道你的网站是如何工作的。
设计不好的网页 第3篇
在网页上添加声音会很生动，可千万别在没有用户提示的情况下播放音乐。
你应当提供给用户一个打开/关闭音乐的按钮，并且默认关闭。音乐或许会让用户惊艳，可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户需要能完全操控你的网页，而自动播放的音乐却与之背道而驰。我需要网页音乐但播放必须得到我的同意，如果我没办法找到按钮关闭自动播放的音乐，那只能直接关掉网页。
但应用在广告上这倒是个不错的招数。如果你有有声音的内容必须要播放，考虑放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法，却是一个比较好的解决方案。
看看上面这张页面，它会自动播放音乐但应当是静音的。再看看能不能一眼找到切换按钮吧——按钮太小了特别是对比其他元素它更难被找到了。
更严重的罪状
没有最糟只有更糟，下面的一些细节设计错误也会让我弃之而去，别让你自己成为这些粗心犯的错误的受害者了。
每个人都很容易造成这些设计失误(你在整体设计很棒的网站上也会发现这些潜在问题)。在设计和开发过程中关注这些小细节，你可以成功避开这些失误。别惹你的用户生气(严肃脸)!
关注丝路教育微信公众号:silujy 了解更多的有趣设计。
设计不好的网页 第4篇
使用响应式设计框架!使用响应式设计框架!使用响应式设计框架!重要的事情说三遍! 你的网页或许需要在手机上运行，它必须要和在电脑上运行一样流畅。
我总能遇到一些网站，在手机上加载出的是一整个页面。这些网站并不是响应式设计，至少没有手机版的视图，以至于用户无法使用。(虽然很不常见，但那些只提供手机版视图的网站也相当让人无奈。)
或许很多用户和我一样，如果我不能在手机上顺利使用你的网站，那我也不会在我的电脑上打开它了。
设计不好的网页 第5篇
浏览网站时，我们希望看到页面元素间有清晰和鲜明的对比，保障信息高度可读。而该网站的设计，背景色的相关信息的色系相近，对比度很弱，而一旦图片背景与文字之间的对比很差，文字就会模糊不清。用户不仅可能会错过了一些文本提示，而且更会错过了你想要传达的重要内容。如果没有对比，网站的色彩组合和整体展示都会让我们不知所措。
网页设计的对比可以是方方面面的，比如，字体间的对比突出重要信息和次要信息，色彩间的对比强化视觉效果，留白空间和界面原色的对比使整个界面看起来舒适美观，等等。总之，对比可以帮助我们更好地阅读和理解的信息，你要合理的利用颜色，空间和大小，从而让用户知道如何进行操作。
一个好的具有对比度的网页设计，应该是这样的。
设计不好的网页 第6篇
杂乱的链接和死链接都是网站的巨大问题。你应该手动检查链接或经常使用网站链接检查器等工具。
在下面这个网站上，每个移动的小图片实际上都是一个链接。先不说它一直在移动，文本本身也非常模糊，因此用户不知道显示的什么信息。
CTA设置也必须清晰。不要在同一级别为用户提供太多的CTA选择，因为这会花费用户更多时间来确定他们喜欢选择哪一个。看看这个例子：
太多同级别的CTA会让用户更加困惑。此外，你应该只保留一个CTA来突出显示重点。以下是设计良好的CTA。