（翻译）使用颜色打造网站品牌的方法

  你是否见过个性十足的人，他们一出现就能吸引你的眼球？这也是用户访问网站时应有的反应。网站应有与众不同的品牌形象。用户离开网站时，应能让他们记住网站的品牌——在网站中恰当使用颜色可以实现这一点。
  设计人员使用颜色时存在以下常见错误：

• 颜色不一致；
• 颜色太多；
• 颜色误用[1]。

  本文将详细介绍每种问题，同时提供指导，助你打造网站品牌。

应该使用什么颜色

  网站标志常常被忽视，但涉及品牌时，它才是最重要的东西。网站标志给网站中使用的颜色设定了基调。网站应该使用标志中包含的颜色，这样当用户访问网站时，他们才会觉得登录的是正确的网站，浏览网站时才会有安全感。
  如果网站使用的颜色与标志不一致，不仅让用户觉得访问的是假网站，也会认为网站不专业，降低用户对网站的信任感。用户不相信网站，也就不会访问网站。
  颜色一致性让用户舒心地浏览网站。网站中使用的颜色与网站标志一致显得更专业。但这并不意味着网站只能有一种颜色基调，还可以改变标志颜色的饱和度和亮度，让网站更具活力。再结合使用黑色和白色，可以为网站打造强大的品牌形象。
  以H&R Block网站和Virgin America网站为例，它们都有成功的品牌形象，并且都使用网站标志的颜色作为网站的主要用色。但为了让网站更具活力，它们都在颜色的饱和度和亮度上大做文章。网站中使用的颜色的色调相同，但饱和度和亮度不尽相同。
  上述网站都采用黑色和白色作为背景色及文本颜色。白底黑字的颜色对比度高，便于用户浏览网站内容。黑色和白色属于中性色，不会与网站的品牌颜色冲突。网站用色应始终在黑色、白色及品牌颜色之间保持平衡。

应该使用多少颜色

  与使用颜色较多的网站相比，采用较少颜色的网站更容易给用户留下印象，但这并不意味着网站仅应使用一种颜色。有时最好选一种颜色与网站品牌颜色搭配使用，会让网站更有活力。
  例如，Jet Blue网站和Walmart网站的品牌色为蓝色。这两个网站的主色调为蓝色，同时使用少量亮橙色突出显示导航条、按钮和链接。亮橙色与深蓝色相互搭配，让网站充满生机和活力。亮橙色让网站中的行为召唤按钮十分醒目，有助于用户完成任务。如果网站标识用色为深色，建议给它搭配亮色，可以提高网站的吸引力。但是要慎重使用配色，确保品牌色处于主导地位。



  Best Buy网站品牌色为黄色，同时网站还搭配使用深蓝色。如果网站大部分内容使用亮黄色，会给用户带来麻烦，他们难以浏览亮黄色的导航菜单和链接。如果网站标志使用亮色，最好搭配深色使用，以产生色彩平衡。搭配使用颜色可以构成良好色彩对比。
  Best Buy网站中的导航菜单和链接使用深蓝色。在互联网上，蓝色常用作链接的颜色，它几乎能和所有的颜色搭配使用。如果网站标志颜色属于亮色，搭配深色可以平衡网站用色。

颜色用于何处

  你可能特别喜欢品牌色，但不要在网站滥用。网站的特定区域特别适合使用品牌色，例如导航、菜单、方框、按钮、链接和搜索字段等界面控件。品牌色可以突出显示这些界面控件，在用户需要时很容易找到它们。
  用户在网站中浏览文本内容的区域不仅颜色对比度要高，使用的颜色也不应与品牌色冲突。黑色和白色特别适用于这种区域，不仅使文本易于阅读，也不会与其它颜色产生矛盾。白底黑字是网络文本的标准约定，以前能用，现在依然适用[2]。
  Logitech网站和Nike网站遵循了上述原则，它们将品牌色用在了界面控件上，让用户很容易就能找到这些界面控件，便于他们执行网站中的常见操作，例如内容浏览、菜单导航、检索、注册和登录等。文本区域具有不同的黑白色调，更易于浏览网站内容，让用户毫无困扰地的获取信息。

品牌不佳的网站

  好的品牌不一定有好的品牌网站。下列三个品牌都打造的非常成功，但是它们的网站无法与之匹配。如果没有网站标志，你根本这些网站所属的品牌。
  这些网站使用的颜色与网站标志不一致，削弱了品牌及在线业务。用户难以信任网站，他们只想在线下交易，这对于以在线业务为主的企业而言是最不想看到的。
  这些网站中使用的颜色太多，并且用在了错误的区域。Kleenex网站的标志是蓝色的，但在网站中没有一处用了蓝色。与此相反，该网站用了很多用户无法与品牌联系起来的颜色，让用户感到困惑。


  UPS公司的货车是棕色的，包裹是棕色的，网站标志也是棕色的。但网站用色是青色的？不是说网站中小部分内容采用青色，而是网站整体采用青色，几乎没有棕色存在。[3]

  Wells Fargo品牌以红色闻名。但是在品牌的网站上，除了一个孤零零的红色按钮，再也看不到其它红色。用户访问Wells Fargo品牌网站时，会感觉网站很不专业，因此对网站敬而远之。

  打造网站品牌，需谨慎使用颜色。网站用色应始终与网站标志保持一致，将其用于网站各处，便于用户操作。调整网站用色的饱和度和亮度，让网站充满生机和活力。最好使用相互平衡的颜色组合。文本和浏览区域使用黑色和白色组合。但最重要的是，不要忘记你的品牌身份，否则用户就会忘记你[4]。

原文地址：https://uxmovement.com/content/how-to-use-color-to-brand-your-website/

[1]原文：They apply colors to the wrong places.
[2]原文： Black text on a white background is the standard convention for text on the web. It has never failed users before, and it won’t fail users now.
[3]原文：UPS trucks are brown. Their packages are brown. And their logo is brown. But their website is… teal? It’s not as if only small parts of the site are teal. Their site is practically covered in teal with little to no brown anywhere.
[4]原文：But above all, don’t forget who you are as a brand. Because if you forget that, your users will forget you.