网页设计心理学

图像强化概念

你在网站上使用的图片会帮助也会混淆你的访客。一个精心挑选的图片可以令你访客心领神会，了解你明显不过的意图。如果选择不慎，甚至会让你的访客很抓狂， 让他们感觉到又回到了乱七八糟的黑暗时代。

这张迪斯尼世界河马照片绝对与 本文章毫无关联，放这里只会让你莫名其妙。

抽象的图像有时也有意想不到的效果，不过请小心使用，确保放在那里有它的意义。 有时，一个抽象的图形在不同的访客那里会有不同的解读，或将会完全误解原本的含义。

颜色心理学

颜色心理学是设计心理学里面最复杂的主题，在这里我们不会深入探讨。不过你在网站上使用的颜色对你的访客来说有很大的影响，务必确保你所使用的颜色可以 加强你的信息和你图片所要表示的意义。

下面列出颜色和它们的基本含义清单。当然了，颜色的组合搭配以及与正确使用阴影，色调，或色阶也会强化它们的意义。

红色：火 热和激情，可以代表都爱和愤怒。

橙色：具有红色和黄色的属性。可以与能源和温暖相关。它比红色更冷静，更愉快。

黄色：温暖，愉快，幸福的颜色。它可以表示喜悦或胆怯。

绿色：自然，成长，和新生的标 志。按照同样的道理，绿色，有时代表很嫩经验不足。在另一面，绿色，有时候是因为羡慕或嫉妒。

蓝色：平静的，冷静 的，但使用太多可以令人感到消沉。往往与企业形象关联。

紫色/紫罗兰：与贵族和财富的关系渊源流长，也是一种与精神 相关的颜色，可以有创造性的表意。

黑色：像变色龙，它可以是保守或前卫，传统或现代的，它还可以神秘和性感或常规和 安全，这取决于怎么使用以及周围环境。

白色：代表着纯洁与清白，十分容易与其他颜色搭配。

灰色：中性的，平衡的。灰色是保守的和复杂的，但也可以看作是变化无常的。

棕色：一个健康和务实的颜色，表示的稳 定性和可靠性。

阅读模式

人们趋与按照“Z”字形浏览一个网站的模 式，从顶部开始往左，最后到达屏幕右下角。作为一个设计师，你应该努力地在此阅读模式下拿捏好那些最重要的内容放哪里最好。大多数网站都把Logo放到左 上角，道理就在于此。

在此阅读区放置一些不相关的信息，访客离开之前还没有找到他想要的信息，他可能会认为这不是他要找的网站。

每页有焦点

网站上的每个页面都应该有一个焦点，这是访问这个页面的目的，且不管这个页面是展示产品， 还是介绍公司，还是最新的资信。

设计的时候需要把每个页面重点内容进行强调。每一页的重点也应立即显现出来，让访客知道他们在看什 么。除了网页本身的内容，还应该通过在导航线索或通标题来强化。

一个不成熟的网站最大特点就是总是在每一页上放太多的信息。其实不要 害怕在网页上的留空白， 每个页面上有明确的突出的重点并没什么好担心的。

喘息机会

这给我们带来的留白和喘息机会的概念。如果访客看到一个页面充满内容，他们会感到不知所措或压抑。这可能是网页让人感到过于随意和混乱。访客感到好像他们 不知道从哪里开始，这意味着他们可能会跳出你网站到其他地方喘口气。

网站上的合理留些空白空间，引导你的访客注意他们要找的信息。通过结合留白和适当比例的风格和元素，你可以暗示鼓励你的访客关注特定的东西，并可能有所 行动。

整合设计心理学的步骤

现在你应该明白设计心理学对网站设计的意义。你很想知道怎么去操作，应该怎么将这些融入你的设计流程。以下是一些对你有用的技巧：

圈出你的目标用户群

了解你的访客是什么样的人，这是设计网站至关重要的第一步。如果你的访客是精通技术的互联网老油条，必须先把他们 从那些上网只为了看看孙女儿照片的人群区分出来。分出你的目标用户，然后针对性的给他们制定一些情绪激烈策略。

约见用户

如 果你不是很明确你的用户想要什么，尝试和他们见面沟通。找些现在的或以前的客户问下他们愿不愿意回答对你网站相关的问题， 根据你自己的特别目的制定一些基于网站的有意义的问卷调查。不过很重要的一点，要积极采取他们的建议。很多公司只是不停的跟用户沟通，调查，但是却从没有 去根据调查结果改变什么，这样的例子太多了。

建立网站地图

网站上的每个页面都应该有导航信息，这样可以确保每个页 面都只有一个重点。首先列出你网站上需要显示的东西，然后标出哪些页面需要显示哪些项目（合理情况下，应该是每个页面一个项目，除非这信息非常，非常密切 的相关）。

整合品牌元素

做个文件列出用于表现你品牌的常用的元素。这包括Logo，企业用色表，还有可能是一种特 别的字体。然后找出把它们布置到网站的哪里更合适。

A/B测试

即使你做的测试相当有限，但是找出你网站哪个元素最 有效还是很重要的。如果你不确定你访客更喜欢某一个特定的页面，那么做两个版本测试就知道结果了。

设计心理学 值得每一个设计师努力学习并运用于自己的工作流程。它可以是你设计表现效果以及你的客户乐意程度的最大单独因素。它不会花费你太多时间，也不是特别难，所 以你实在没籍口不去采取至少一些基本的原则并付诸实用。

来源：http://www.webdesignerdepot.com/2010/05/the-psychology-of-web-design/

第1页:网页设计心理学(1)   第2页:网页设计心理学(2)