Keep up to date with the latest news of Yuhuo

及时了解雨火最新资讯

七个令人抓狂的网页设计

阅读:101

日期:2021-12-09

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

  1.缺乏对比

  

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

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

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

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

  2.导航和操作流程不佳

  

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

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

  3.不良图片匹配处理

  

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

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

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

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


      4.不要使用网格


  

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

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

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

  

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

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

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

  6.链接丢失

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

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

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

  7.自动播放音乐

  

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

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

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

  更严重的罪行

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

  没有搜索功能。

  或者拼写错误。

  没有调用函数。

  正文中的链接太多了

  连字符文本

  超小按钮

  排版和可读性差

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




以上内容由《雨火设计》摘自互联网,如有侵权,请告知,转载请注明出处!

更多有关于深圳品牌设计、UI界面设计、产品画册设计、产品包装设计等设计服务都可以联系我们....

返回列表