1. 首页
  2. 网页设计
  3. 正文

七个令人抓狂的网页设计师

  有时候,当我怀着极大的期待打开一些网站时,它们的存在简直就是一场设计灾难!相信我,你看到他们会抓狂的。从莫名其妙的链接丢失到糟糕的可用性,本文将分享一些错误的设计,可以让人在瞬间变得疯狂。注意!不要让你的用户遇到和下面一样的问题。

  1.缺乏对比

  网页上的文字和图片需要可读性强,最简单的方法就是让它们有很高的对比度。但是很多设计师经常忽略这个规律。

  背景和文字的对比度太差,使得文字模糊不清,不可读。用户不仅错过了这段话,也错过了你想要传达的重要内容。

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

  上图——中的两个对比问题是白色文字的颜色与浅色图片的颜色过于接近,字体大小过小,使得此文字的可读性极差。

  2.导航和操作流程不佳

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

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

  3.不良图片匹配处理

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

  设计师在追逐潮流的时候,往往会陷入这样的误区。顶部的栏很有趣,滚动也很棒,但是当你用单词匹配它们时,一切都会很容易变得不太和谐。页面上的每一张图片都需要与文字相匹配,这样每一个文字都能看得懂,图片上的每一个设计元素都能看得清楚。

  不要用文字或按钮覆盖图片的任何重要部分。当你认为你的页面设计是这种情况时,你最好换一个更简单的背景,把你的图片放在其他地方。

  当你第一次看到上面的图片时,你会被它的素描风格所吸引。但仔细看,人物的脸被文字遮盖,赞美的话语也让整体看起来混乱不堪。

  4.不要使用网格

  在网页设计中,一些“杂乱”也能赏心悦目。不对称就是其中之一,绝对不是没有网格!

  是否使用网格是区分设计好坏的专业指标之一。让一切变得清晰有条理。——保持你的元素在一个一致和适当的间距。你知道把你的元素放在哪里,怎么放。网格帮助你确定元素的大小,文本的大小和空间,通过比例来展示内容的要点。

  5.不要采用响应性设计。

  使用响应性设计框架!使用响应性设计框架!使用响应性设计框架!重要的事情说三遍!你的网页可能需要在手机上运行,而且必须和在电脑上运行一样流畅。

  我总能遇到一些网站,一整页都加载在手机上。这些网站在设计上没有响应,至少没有手机版的视图,让用户无法使用。(虽然不常见,但那些只提供手机版视图的网站还是挺无奈的。)

  可能很多用户和我一样。如果我不能在手机上流畅地使用你的网站,那么我就不会在电脑上打开它。

  6.链接丢失

  断开链接是网页上最烦人的事情之一。养成每天检查网页上链接是否畅通的习惯!您可以手动检查或使用一些工具,如网站链接检查器。

  如果你的标志没有链接到你网站的主页,我也会感到惊讶。标志应该链接到网站的主页。(并且不要在主页上禁用后退按钮。)

  考虑链接的可用性。确保您的链接,尤其是文本中的链接足够明显,并且易于点击而不会误操作。不要在文本中添加大量文本链接,尤其是在小型移动设备屏幕上,因为用户很难点击正确的链接。

  7.自动播放音乐

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

  您应该为用户提供一个按钮来打开/关闭音乐,默认情况下是关闭的。音乐可能会给用户带来惊喜,但如果用户处于工作环境或心情不好,就会适得其反。用户需要能够完全控制你的网页,但自动播放的音乐却与之背道而驰。我需要网络音乐,但我必须得到许可才能播放。如果找不到关闭自动播放音乐的按钮,只能直接关闭网页。

  但是把它运用到广告中是一个很好的技巧。如果您有必须播放的音频内容,请考虑放置一个大的弹出式静音按钮。用户通常会接受几秒钟的广告时间并阅读内容。虽然这不是一个理想的方法,但它是一个更好的解决方案。看上面的页面,它会自动播放音乐,但应该是静音的。让我们看看是否能一眼找到开关按钮。按钮——太小,特别是和其他元素相比,更难找到。

  更严重的罪行

  没有比这更糟的了。以下设计失误的细节也会让我嫌弃。不要让自己成为这些粗心错误的受害者。

  没有搜索功能。

  或者拼写错误。

  没有调用函数。

  正文中的链接太多了

  连字符文本

  超小按钮

  排版和可读性差

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

    延伸阅读

  • 如何才能成为一名专业的网页设计师?

    一个专业网站设计,自然需要找到专业的设计师来对网站进行设计,这样才能设计出让企业满意的网站,对网站的后期运营也是很有利的。可是作为一名专业的网站设计师,是需要满足一些条件的。到...

  • 青岛网页设计(青岛网页设计师)

    作为一个极富活力和开放性的城市,青岛有着非常优秀的网页设计团队和资源。优秀的网页设计不仅可以为企业带来更好的用户体验,更是提高企业形象和知名度的重要方式。本文将为读者介绍青岛网...

  • 三水网页设计(佛山网页设计师

    三水网页设计三水是一个拥有丰富历史文化底蕴的城市,网页设计也是这座城市不可或缺的一部分。在网络时代,网页设计功不可没,当今世界的信息交流,基本都是通过互联网来实现的,网页设计的...

  • 应聘网页设计师的(应聘网页设计师的自我介绍

    应聘网页设计师作为一个网页设计师,创建一个成功的网页是一个繁琐的过程。然而,无论是为了展示您的最新成就还是推广最新产品,一个有品味的网页总是具有良好的用户体验和卓越的设计。如果...

  • 网页设计师导航(网页设计与制作导航栏)

    网页设计师导航随着互联网技术的快速发展,网页设计日益成为人们关注的焦点。而对于初入行业的网页设计师来说,要快速了解和掌握关键信息是必不可少的。因此,今天我们为大家介绍一些常用的...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://lnbdc.com/article/6569.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();