网页设计

常犯的网页设计错误

时间:2024-08-09 01:59:12 网页设计 我要投稿
  • 相关推荐

常犯的网页设计错误

  好的网页设计作品是简洁大方的,但是很多网页设计者会忽略了这点,那么常犯的网页设计错误是什么呢?下面一起去了解一下吧!

常犯的网页设计错误

  1.混乱的排版

  在排版时我们最常犯的错误就是在空间上。线间距,或者行距,以及在文字包装上的空间我们经常栽跟头。虽然有时你已经看到了空间的重要性,但是设计面临的最常见的问题是,文本太多让空间拥挤没有足够的空间呼吸,使设计凌乱和难以阅读。

  很多人认为正文的字体段乱-网页的公共线间距为网页的常用行距约为字体大小的百分之120至百分之150。但是其实我们可以在设计时使用更小的间距,例如在移动设备上,在剧本的小的部分改变这个规律,以确保可读性。

  它的诀窍在于传播快乐,让文本易于阅读,让空间有自然的流动,但不会使眼睛变得疲惫。并且太过分散的文本就像文字太接近一样并不好。

  当涉及到文本换行,一般需要我们遵循同样的规则。例如使用有联系的元素,考虑使用镜像行间距规则。这样,所有的东西都会有一致的感觉,各种我们看到的元素是有关联的,增加了可读性。

  正确示范:

  2. 什么东西都同样大小

  所有的照片大小相同,所有的文本大小相同,所有的按钮大小相同,你到底是强迫症还是懒癌晚期?!......你不知道这样的画面有多乏味吗?!

  把几个不同大小类型的元素进行混合,这样你可以在保持一致性的同时,又能够制造一些视觉的趣味点,而且更吸引眼球哦!

  其中,你能做的最好的事情之一,就是考虑照片的比例。每个页面上的顶部视觉可能大小是相同的,但是你如何将照片分布其中是可以达到不同的感觉哦。缩小的图像会让人有远距离的感觉,较小的视觉重量感;使用紧凑元素,会让它的体量看起来更大,在不改变实际大小和网站风格模板的基础上,你可以创造更多的可能性。

  3. 被遗忘的层次

  当用户来到一个网站,是期望能够最快找到某个东西时,使他们很容易找到他,就需要一个独特的层次结构的元素,去引导这一行为。

  设计中我们应该明白什么是最重要的需求,减少对那些不是那么重要的信息的设计。让画面更有有秩序和层次感,让用户看一眼,就能找到他们要的。

  然后把你的层次变成一种规则,标题和按钮遵循同样的规则放置,所有这些小的设计,最后都将会让用户的体验更好。

  4. 忽视基础知识

  有多少次你进入一个网站,点击一个链接,结果什么都没有发生?或寻找电子邮件地址或联系形式,就是找不到?

  不要忘了照顾设计中的所有的元素,确保它们容易被找到和准确行。密切关注导航、搜索和页脚的设计。

  这些领域包括了许多链接和信息,非常重要!用户经常从这些地方获取他们小样的东西,并且很容易因为这里的设计不合理而流失。无法点击的链接或者没有联系信息可能会导致用户的不信任感。真的得不偿失。

  5. 太多的话

  编辑您的文本,然后把它放在一边后,然后拿过来然再编辑它!

  许多网站的问题是他们用太多的文字来解释简单的事情,语言应简洁明了!

  在设计中应该使用活跃的、描述性的词语与用户进行良好的沟通。提供明确的指示以及可操作的项目,告诉用户究竟要做什么,以及接下来会发生什么。

  这样才能过让用户保持兴趣,并通过文字找到他们想做的事情。

  6. 渣渣分辨率

  任何一个会影响形象的图片都应该被避免。许多用户会在高分辨率设备上观看你的设计,现在屏幕大多都是视网膜屏幕了,每个像素的细节都会被一一看见。分辨率差的图像无疑会杀死任何好的设计。

  现在我们需要重新考虑图片的大小了,虽然对于网站图片的大小一直被限制着,但是现在的规律已经改变,大多数互联网可以处理负载,所以大胆的用高清图片吧!

  并且有一个这样的现实:如果你不能使用一个清晰的图像,你的第一印象就会变得很差,因为你的视觉第一印象告诉用户很多关于你的信息,一个渣渣分辨率的图片表示你并不关系你网站的形象,毫无疑问这些不是你希望用户在访问你的网站设计时所想的。

  7. 太多的套路

  太多的插图照片和阴影和跳跃的图标,都是不恰当的哦!太多这些常见的设计技巧,会分散用户的注意力。一个不寻常的颜色,动画,以及奇怪的照片组合和插图都是可以被认为是一种设计技巧。

  他们可以是有效的工具,可以帮助你吸引用户的注意力。

  但是一切都要适度...

  设计时你一定要克制下你炫技,虽然你真的会很多,但尽量不要过度使用。一个“大把戏”总是比许多个小技巧更有效。

【常犯的网页设计错误】相关文章:

新手开车常犯的错误03-19

网页设计中常见的交互设计错误11-20

网页设计常见错误及解决办法05-06

新手上路常犯的错误有什么11-25

英语写作中常犯的错误,需要如何改进?12-04

C语言编程常犯错误小结03-17

总结PHP初学者常犯的几个错误03-13

2016雅思写作常犯语法错误总结03-17

科目二常犯的7个错误需谨记05-05