7个 让人抓狂的网页设计

发布时间:2017-08-15 22:02 来源:互联网 当前栏目:网页设计教程

   有些时候,当我满怀期待地点开某些网站的时候 —— 它们的存在简直是设计的灾难!相信我,当你看见它们也会抓狂的。从莫名的链接丢失到糟糕的可用性,本文会分享一些会让人瞬间暴走的错误设计。注意!千万别让你的用户遇到和下面同样的问题。

  1. 缺乏对比度

7个让人抓狂的网页设计 电脑高手

  网页上的文字和图片都需要具备较高的可读性,最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。

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

  你必须保证每一个元素都与它周围的其他元素区别开来,记住这些基本方法——色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见吧!

  上图的两个对比问题——白色的文字与浅色的图片颜色过于相近以及过小的字号都让这段文字的可读性变得极差。

  2. 糟糕的导航和操作流程

5fk20160323

  当我登陆了网页的第一眼,你就得让我明白接下来我该做哪个操作。点击按钮以及信息需要放在显眼的位置——这就是为什么导航和菜单栏往往处于页面的顶部。

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

  3. 糟糕的图片搭配处理

4fk20160323

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

  当设计师追逐潮流的时候,经常会落入这样的误区。顶栏很有趣,滚动也很棒,可是当你为它们搭配上文字,一切就容易变得不那么和谐了。页面上的每个图片都需要与文本搭配,让每个文字都可读,图片上的每个设计元素都清晰可见。

  不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面设计出现了这样的情况,最好更换一个更加简洁的背景并在其他地方放上你的这张图片吧。

  当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看,人物面部被文字遮盖了,那段褒奖之辞也让整体显得杂乱无章。

  4. 不使用网格

3fk20160323

  在网页设计中,有些“杂乱”也能让人赏心悦目,不对称是其中的一种,不使用网格绝对不是!

  是否使用网格是区分设计好坏的专业指标之一。网格让一切变得清晰有组织性 —— 让你的元素之间保持一致的适当的间距,你知道应当把你的元素放在哪儿、怎么放。网格帮助你确定元素的尺寸、文本的尺寸和空间,通过比例展现内容的侧重点。

  5. 不采用响应式设计

2fk20160323
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、