【译】视觉吸引力在网页设计中的重要性

原文地址：blog.usabilla.com/visual-appe…
作者：Robyn Collinge

网页设计举足轻重，这个概念已深入人心。我们都想要一个网站，希望它迎合了时下流形的设计标准。但是，一个网站的成功要素中，有多少应归功于视觉设计？

以貌取人

针对这个问题，首先我们需要认识到，设计的类别多种多样，例如有网页设计，视觉设计，平面设计，交互设计，界面设计，以及用户体验设计。

让我们聚焦在网页的视觉吸引力，包括了网页设计，视觉设计或平面设计。

视觉吸引力，是指满足眼睛需求的要素，包含了颜色、形状、图片、字体、留白和设计的整体视觉平衡。一个网页是否具有是具吸引力，影响了我们对其的接受程度、使用方式和留在记忆中的时间。

视觉吸引力在网页设计中的作用

1. 吸引眼球

视觉吸引力是吸引眼球的第一要素，是吸引网站访客的关键所在。与丑陋或中性的设计相比，人们更倾向于选择充满吸引力的设计或图像。

WeTransfer 网站在主页背景上不断更替各种艺术家，设计师，插画师和摄影师的作品。这种鲜明和充满创意的形式，立刻抓住用户的注意力，并且给传输大型文件这种普通的行为注入了能量和美感。

2. 创造第一印象

第一印象会长期影响人们之间的关系，例如人们之间的喜欢程度、信任感和再次见面的冲动。基本上来说，在短短一小段时间之内，我们就会得出是否乐于与某人共度时光的判断。

在网络上也是如此。一旦网页给人留下的第一印象是负面的，那么访客的感受始终都不会太好，也不见得会再次访问该网页。事实上，以貌取人的现象经常发生，也就是说，视觉吸引力在建立品牌吸引力方面起着重要作用。

创意机构 Snask 的主页风格色彩明亮，斑斓，趣味十足。游客一眼便能看到品牌的创意力，同时清楚地了解他们的工作。

3. 建立关系

视觉吸引力也可以建立关系。如果访问者能够识别您的网站，那么与他们建立长期合作关系的可能性也会巨大的提升，当然这也是最终的目标。

我们喜欢通过我们的兴趣、爱好以及我们热衷的事物来定义自己。一些喜好类型的网站往往会使我们产生共鸣。我们的浏览的网页可以看作是我们生活方式选择的延伸，这些强化我们身份的网站对我们更具吸引力。

看看阿迪达斯的网站。通过与 Parley 的合作，将回收的海洋垃圾制造成高性能的运动服装，品牌希望通过销售一种关注环境未来的生活方式，引起很多观众的共鸣。这次营销重点强调了简单，网站采用了简洁的设计，添加了增加视觉吸引力的视频内容，教育用户爱护环境。

4. 增加容忍度

视觉吸引力本身就是一种品质。您可以使用它来掩盖您的网站的其他不太方便的方面。显然，设计和建立完美的网站应该是最终的目标。但是，为实现这个大目标，实现这么多不同的要素将会是一件困难的任务。

因此，最终你的网站在某些方面会很棒，但始终会存在可改进的空间。如果您的视觉设计十分优秀，那么您的访客对网页的其他不足之处将会更加宽容。

Two Chefs Brewing 网站的鲜艳色彩，神奇图形和俏皮动画毫不费力地吸引了游客。同时，这些设计元素也将用户的注意力从网站的低易用性中转移开——该网站包含大量页面，并且需要用户点击多次。

5. 唤起情绪

我们都听过这样一句话：“一张图片胜过千言万语” - 当涉及到更为情绪化的沟通时，这一点尤为重要。通过图片和其他视觉元素，你可以传达喜悦，悲伤，甚至可怜的感觉。视觉吸引力可唤醒记忆和情绪，如信任，安慰，希望或自信。

Paypal 网站通过视觉设计来吸引访客的情绪。标题图像与副本放在一起，给人以熟悉感，并令用户感到放心，这一点对于金融业务来说是至关重要的。

重要的结论

视觉吸引力是网页设计的一个非常重要的因素——尤其是当涉及到建立持久的用户关系和品牌亲和力时。但与此同时，不要忽视基础功能。

确保您的网站不仅美观，并且易于发现、使用和访问。将功能和视觉吸引力相结合，将确保您和您的访问者充分利用您的网站，并为打造卓越的用户体验奠定基础。

---

关注微信公众号：创宇前端（KnownsecFED），码上获取更多优质干货！