7种网页设计的错误,建站时要警惕

2020-10-29 16:11:52  16 浏览  0 评论   赞

文字和背景图片对比度不够,很难看清文字内容;导航设计和操作流程设计糟糕;图片搭配不合理;没有使用网格,内容杂乱无章;没有使用响应式设计

7种网页设计的错误,建站时要警惕

图1310-1:缺乏对比度

相信很多朋友都曾试过满怀期待地点开某些网站时,感觉它们的存在简直就是设计的灾难,从莫明的链接丢失到糟糕的可用性,无不让你不抓狂。下面,分享一些让用户瞬间暴走的错误设计,希望对各位有一个警惕。

缺乏对比度

想要网页上的文字和图片都具有较高的可读性,最简单的方法就是提高他们的对比度,然而这是很多设计师都会忽略的原则。网页对比度太差,会导致网站变得模糊不清无法正常阅读,也会让用户错过你想传达的重要内容。因此,你必须保证每个元素都能与它周围的其他元素区别开,合理地运用色彩、空间和尺寸,使每个元素都清晰可见。

糟糕的导航和操作流程

导航的标签内容和运行效果必须清晰直观,将点击按钮以及重要信息放在显眼的位置,让用户登录网页的第一眼清楚知道自己接下来的操作。很多设计师都会有种打破用户习惯的冲动,但请记住,过于复杂的设计会让用户感到无所适从并放弃你的网站。

糟糕的图片搭配处理

页面上的每个图片都需要与文本搭配,让每个文字都可读,但同时图片上的每个设计元素都清晰可见。请不要试图用文本或者按钮覆盖图片上任何重要的部分,否则会让整个页面变得杂乱无章。当你觉得你的页面设计出现了这样的情况,最好更换一个更加简洁的背景并在其他地方放上你的这张图片吧。

不使用网格

不使用网格_7种网页设计的错误,建站时要警惕

图1310-2:杂乱无章

虽然某些网页设计的杂乱会让你赏心悦目,不对称就是其中一种。很多设计师都会追求不使用网格来进行排版,但如果你新手设计师,对排版没什么把握,还是使用网格吧。网格能让网页变得更清晰有组织性,也能帮你确定元素、文本的尺寸和空间,通过比例展现内容的侧重点。

不采用响应式设计

如果你的网页需要在手机上运行,那么它必须要与在电脑上运行一样流畅,这个时候你就一定要使用响应式设计框架。部分网页在手机上加载出的是一整个页面,而且还是电脑版网站,以至于用户无法使用,甚至会因为无法在手机上顺利使用网站而放弃打开PC网站。

链接丢失

链接丢失是网页上最让人恼火的事情之一,所以一定要定期审核网页上链接是否正常的习惯。尤其是那些文本中的链接足够明显并且易于点击而不造成误操作。不要在你的文本中添加很多文字链接,特别是在小的移动设备屏幕上,用户很难点击到正确的链接。

自动播放音乐

音乐或许会让用户惊艳,可是要看看用户的心情,如果他们正处于工作环境或心情很差时,这样做可能会适得其反,所以千万别在没有用户提示的情况下播放音乐。如果你有声音的内容必须要播放,不妨放一个弹出式静音按钮,虽然这不是一个理想的方法,却是一个比较好的解决方案。

当然,以上只是一部分让用户糟心的错误设计,但其实很多设计师或许还会误触更多错误设计,如:没有搜索功能、语法或拼写错误、文字中出现太多链接等等,这些错误设计都会让用户弃之而去,所以千万别让自己成为粗心犯错的受害者。

 

转载请注明:网创网 www.netcyw.cn/b1310.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com