设计上的错误可能发生在任何人身上。也许你正在试图快速的完成一个项目,或者你正在做一个比较复杂的网站设计,有些东西并不是没有注意,而是在过程中太容易被忽略了。但是,你需要注意的一点是,当它们确实发生的时候,你必须马上发现并更正它们。 一些设计错误会破坏你的整体内容,导致用户放弃继续浏览或关注你的网站,更严重的是失去对你提供的信息的信任度。如果你不改正的话,很难恢复过来。今天我们将讨论这些容易破坏内容的设计错误,以便你可以更清楚的绕开这些陷阱。 1.草率的字体及排版 对于字体和排版来说,最大的问题是空间。行间距,首行缩减和不同位置的不同空间设置是常见的容易出错的地方。虽然大多数你看到空间都是足够的,但实际上普遍的问题是文本没有足够的空间“呼吸”,使得设计很容易感到杂乱和难以阅读。 对于大多数的文本段落(比如正文),在网站设计中的正常行间距大约是字体大小的120%到150%。当遇到较小的文本的时候,例如在移动设备上,你需要尽可能的考虑到这些情况,以确保可读性。 对于这一点的诀窍在于,你需要尽量找到折衷点,在折衷的范围内,文本需要是很容易阅读和自然流动的,不会造成视觉疲劳。间隔太过的文本就跟间隔太近的文本一样是很难处理的。 当涉及到文本和排版时,遵循相同的一般规则。有关包装的相关元素,请考虑镜像行间距规则。这样,所有东西都会有一种一致的感觉,显示相关元素的同时还可以增加可读性。 正确示范:House of Khlebny 2.所有元素都同一大小尺寸 试想一下,所有的照片大小一样。所有的文本都是相同的大小。所有的按钮大小一样。虽然你很好的遵守了一致性的原则,但是所有东西看起来都显得单调乏味。 将每个元素类型的大小和各种选项结合起来。这样你就可以保持一致性的同时,也有助于驱动眼睛和创造视觉兴趣。 你能做的最显示细节处理的事情之一是考虑照片比例。每个页面上的主标题可能大小相同,但是如何将照片定位在框架中可以是不同的。缩小图像可以减轻视觉重量,已形成一种较小,较远的感觉;使用视觉相对紧凑的图像可以使视觉显得更接近和更突出。不改变实际大小——或者甚至改变你的网站风格或模板——你创造了看起来不同大小的东西。 正确示范:Brooke Promiitz 3.遗忘层次 用户进入网站的最终目的一定是期望可以在这里找到某些信息或做某事的。你需要针对这一目的和行动来规划一个独特的层次结构。 设计中视觉重量最终的东西应该是最重要的,并且以此缩减到不太重要的元素。排版和信息文本应该位于易于扫描的位置,用户可以一目了然地阅读和理解。 然后为了一致性将层次结构转换成一套流程。这样,标题总是像标题,按钮遵循相同的布局、大小和交互规则。所有这些小事都会让整个用户更容易参与。 正确示范:Ragnar Theme 4.忽视基础 有多少次你碰到一个网站,点击了一个链接,但是什么也没发生?或者你只是想要寻找一个电子邮件地址或联系方式,但是怎么也找不到? 不要忘记在设计过程中要注意的所有最基础的因素,并确保它们很容易被查找到和准确定位。密切注意导航、搜索和页脚。 这些领域包括需要及时更新的链接和信息。用户希望从这些元素中体验到某种类型的体验,如果它们不存在,它们会很容易受挫。它也为你的网站提供了合法性——没有任何链接或者没有联系信息会导致用户的不信任。 正确示范:Anagram Paris 5.太多的文本信息 编辑你的文本内容,把它放在一边,然后再编辑它。 许多网站的问题是他们使用过多的文本来解释本来就很简单的事情。你要确保你的语言应清晰明了,因为浏览者的注意广度很短。 在设计中使用主动的、描述性的词语与用户进行最佳交流。为可操作的项目提供明确的说明,告诉用户具体做什么和下一步会发生什么。 这种清晰的表达将有助于保持用户的兴趣和更加有效的通过文本内容。 正确示范:A is for Albert 6.使用分辨率差的素材 任何类型的低质量的图片都应该避免。许多用户在高分辨率设备上查看你的设计,从越来越普遍的视网膜屏幕到高清的显示器,每一个像素的细节都很清晰。分辨率差的图像会杀死任何设计。 关于这点的诀窍是你需要了解和思考你对文件大小和压缩的认识。虽然这些事情非常重要,但规则有所改变。较大的文件正在变得更标准,并且大多数Internet连接可以处理负载。 现实是这样的:如果你不能使用清晰的图像,就不要使用图像。你的视觉应该在第一印象上告诉用户很多关于你的事情,一个糟糕的形象往往会给用户一种你不在乎,不可信,或者不考虑质量的感觉。当然,这些不是你想让用户在浏览你的网站设计时想要得到的最终结论。 正确示范:Orsolina 28 7.太多的“把戏” 过多的插图,使用太多的照片和阴影效果是一些常见的设计技巧,可以分散在设计中的消息。任何为视觉原因而存在的设计技术都可以被认为是一种“诡计”——不寻常的颜色、动画、奇形怪状的照片组合和插图都是设计技巧。 它们可以是帮助创造兴趣和参与的有效工具。 当然,仅当它们被合理使用的时候。 将你需要在设计中使用的与众不同的窍门限制在一个左右,尽量不要做得过火。举例来说,插图可以是一个很好的工具,但是如果这个插图的一部分被切碎并且整个设计中都有插图,它可能会分散注意力。一个“大把戏”通常是更好的,是使用很多的小技巧更有效。 正确示范:Wokine 总结 如果你犯了这样或那样的设计错误,第一时间不要泄气,这事发生在每个人身上。你需要做得是如何使它恢复良好的状态,你的内容将变得更加有效。 纠正这些错误不需要重新设计。对设计元素的一些调整足以清理和简化常见的设计错误。第一步是审核你的设计,找到可以使用一些特别注意的地方。祝你好运!