用户参与度与活跃度的区别_如何使用色彩理论提高用户对应用程序的参与度

用户参与度与活跃度的区别

by Arnav Varyani

通过Arnav Varyani

“Color is a power that directly influences the soul.“— Wassily Kandinsky

“色彩是直接影响灵魂的力量。” — Wassily Kandinsky

Colors are the property possessed by an object of producing different sensations on the eye as a result of the way it reflects or emits light.

颜色是对象因其反射或发光的方式而在眼睛上产生不同感觉的属性。

Colors are often attributed to our subconscious, our past, and our personal preferences. Selecting the right color can be one of the most crucial parts of designing literally anything ranging from a poster to an app. More importantly, color has the ability to evoke a certain kind of emotion in a person which may vary based on factors like culture and gender.

颜色通常归因于我们的潜意识，我们的过去和我们的个人喜好。 选择正确的颜色可能是设计从海报到应用程序的几乎所有内容的最关键部分之一。 更重要的是，颜色具有在人中引起某种情感的能力，这种情感可能会根据文化和性别等因素而有所不同。

颜色如何影响您的决策方式？ (How can colors impact the way you make decisions?)

We have all been socially conditioned by the world we live in. Everything we see has color which is used as a technique to stimulate a certain kind of emotion in people.

我们都受到生活在世界上的社会条件的影响。我们看到的一切都有颜色，这种颜色被用作一种激发人们某种情感的技术。

The primary colors are basically the parent colors of all the colors that exist; they are like the roots of every color.

原色基本上是所有存在的颜色的父色。 它们就像每种颜色的根源。

红色-能量，力量，爱 (Red — Energy, Power, Love)

Red creates a sense of urgency, thus you’ll notice it being used in posters such as that of clearance sales. Additionally red has the ability to increase your appetite, so it is used quite a lot in the food industry too. It is a very emotionally intense color, so using it as a background color may not be the best idea.

红色会产生紧迫感，因此您会注意到它被用于清仓拍卖等海报中。 另外，红色具有增加食欲的能力，因此在食品工业中也大量使用。 它是一种极富感情色彩的颜色，因此将其用作背景颜色可能不是最好的主意。

黄色-乐观，智力，喜悦 (Yellow — Optimism, Intellect, Joy)

Yellow is a color associated with the sun, and just like red it is really bright. It would be a better choice to use it in your app logo or your app screenshot design. This color may get too overwhelming so use it less than most.

黄色是与太阳相关的颜色，就像红色一样，它确实很明亮。 在您的应用徽标或应用屏幕截图设计中使用它会是一个更好的选择。 这种颜色可能会变得不堪重负，因此请比大多数人少使用。

蓝色-稳定，宁静，信任 (Blue — Stability, Tranquility, Trust)

Blue usually indicates coolness and calmness and creates a sense of trust, thus it is popularly used in logos of airlines and hospitals. You will notice a lot of app logos use this color, especially the ones that ask for a lot of your private details.

蓝色通常表示冷静和镇定，并产生信任感，因此在航空公司和医院的徽标中广泛使用。 您会注意到很多应用程序徽标都使用这种颜色，尤其是那些要求您提供许多私人详细信息的徽标。

The secondary colors are the mixtures of two of the three primary colors. They are green, purple and orange.

次要颜色是三种原色中的两种的混合。 它们是绿色，紫色和橙色 。

绿色-成长，健康，新鲜 (Green — Growth, Health, Freshness)

Green is the color of the environment and is strongly associated with money. It is usually used to advertise healthy foods and fresh products. You will notice that it is famously used in the health & fitness related apps.

绿色是环境的颜色，与金钱密切相关。 通常用于宣传健康食品和新鲜产品。 您会注意到，它在与健康和健身相关的应用程序中很有名。

紫色—版税，贵族，财富 (Purple — Royalty, Nobility, Wealth)

Purple has the energy of red and the stability of blue; traditionally it is considered to be a feminine color, so you’ll notice it being used in the makeup, fashion, and luxury industries a lot.

紫色具有红色的能量和蓝色的稳定性。 传统上，它被认为是女性颜色，因此您会注意到它在化妆，时尚和奢侈品行业中经常使用。

橙色-热情，鼓励，幸福 (Orange — Enthusiasm, Encouragement, Happiness)

Orange packs the energy of red and the optimism of yellow. It is a less commonly used color but is typically used in citrus-based products. It also has the ability to increase the flow of oxygen in the brain.

橙色充满红色的能量和黄色的乐观情绪。 它是一种不太常用的颜色，但通常用于基于柑橘的产品中。 它还具有增加大脑中氧气流量的能力。

灰色，白色和黑色 (Grey, white, and black)

These are commonly known as bland colors but still give a very classy look and you will notice them being used often in car brands. Grey is usually considered to be an emotionless color and it levitates on the neutral side. Black is usually associated with power, elegance, mystery while white is associated with safety, purity and faith.

这些通常被称为淡淡的颜色，但仍具有非常优雅的外观，您会注意到它们在汽车品牌中经常使用。 灰色通常被认为是一种没有情感的颜色，它悬浮在中性的一面。 黑色通常与力量，优雅，神秘联系在一起，而白色通常与安全，纯正和信仰联系在一起。

Now that you know about the basic colors, you are not limited to just these six. Using the color wheel, you can also create many different types of color palettes as long as you maintain colorful harmony throughout your app.

现在您已经了解了基本颜色，而不仅限于这六种颜色。 使用色轮，您还可以创建许多不同类型的调色板，只要您在整个应用程序中保持色彩和谐。

如何使用“色轮”创建调色板 (How to create color palettes using the ‘Color Wheel’)

A color wheel is an abstract illustrative organisation of color hues around a circle, which shows the relationships between primary colors, secondary colors, tertiary colors etc. (Source)

色轮是围绕一个圆，其示出了原色，二次色，三次色等之间的关系色调的抽象说明性组织( 源 )

单色色 (Monochromatic colors)

Monochromatic colors are created by using the same color and combining them with various amounts of white or black to create different tones and shades that stand out from each other.

单色是通过使用相同的颜色并将它们与各种数量的白色或黑色组合在一起来创建的，从而产生彼此突出的不同色调和阴影。

Pros:

优点：

• Trendy
  时尚的
• Useful for modern digital design
  对现代数字设计有用

类似颜色 (Analogous colors)

Analogous colors are formed when you combine a color on the color wheel with the color immediately next to it.

当您将色轮上的颜色与其紧邻的颜色组合在一起时，会形成类似的颜色。

Pros:

优点：

• Easy to look at
  容易看

互补色 (Complementary colors)

Complementary colors are the exact opposite of analogous colors. Their main purpose is to grab the attention of the user, although it may not be ideal to use it for the main interface of the app.

互补色与类似色完全相反。 他们的主要目的是吸引用户的注意力，尽管将其用于应用程序的主界面可能并不理想。

Pros:

优点：

• Useful for creating app logos and app screenshot designs.
  用于创建应用程序徽标和应用程序屏幕截图设计。

分补色 (Split-Complementary colors)

This is a combination of both analogous and complementary colors where you take one color and pick two colors that are right alongside the opposite color. They are one of my personal favourites.

这是类比色和互补色的组合，您可以选择一种颜色，然后选择两种与相反颜色相邻的颜色。 它们是我个人的最爱之一。

Pros:

优点：

• Attention grabbing
  吸引注意力
• Easy to look at
  容易看

三色系颜色 (Triadic colors)

You can create a triadic color palette by taking one color on the color palette and drawing an equilateral triangle on the color wheel to form a triadic color.

您可以通过在调色板上选择一种颜色并在色轮上绘制等边三角形以形成三重色来创建三重色调色板。

Pros:

优点：

• Attention grabbing
  吸引注意力
• Well balanced
  平衡良好
• Has a vintage feel to it
  具有复古感

四联颜色(基于正方形) (Tetrad colors (Square-based))

A square-based tetrad is used when all four colors are evenly spaced throughout the color wheel.

当所有四种颜色在整个色轮中均匀间隔时，将使用基于正方形的四元组。

Pros:

优点：

• Works best when colors need to be balanced.
  需要平衡颜色时效果最佳。

四联颜色(基于矩形) (Tetrad colors (Rectangle-based))

A rectangle-based tetrad uses four colors that are pairs of two complementary colors on a color wheel.

基于矩形的四边形使用四种颜色，它们是色轮上两个互补色的对。

Pros:

优点：

• Useful when only one dominant color is required.
  仅需要一种主色时有用。

使用某种颜色之前要考虑的因素 (Factors to consider before using a certain color)

As I mentioned before, depending on your target audience, your use of colors should differ as they may not always imply the same thing.

如前所述，根据您的目标受众，您对颜色的使用应有所不同，因为它们不一定总是暗示着同一件事。

文化 (Culture)

It is one of the vital factors to be considered before using any color; depending on the functionality of what your app does you should select an appropriate dominant color for your app.

这是使用任何颜色之前都要考虑的重要因素之一。 根据您应用程序的功能，应为应用程序选择适当的主色 。

For example, if you’re designing a dating app with your dominant color being red, it would get significantly more downloads in Asia than it would in Africa. Here’s a list that shows how different colors are perceived by different countries.

例如，如果您设计的约会应用程序的主要颜色是红色，那么在亚洲下载的应用程序将比在非洲下载的应用程序多得多。 以下列表显示了不同国家/地区如何看待不同的颜色。

性别 (Gender)

It has been scientifically demonstrated that men and women prefer certain colors over others. Women tend to prefer primary colors, and love blue, purple and green the most, but hate orange, brown and grey. If you want you can check almost any e-commerce app/website whose target audience is women and you’ll find these colors affirmed. Similarly, men love blue, green and black and hate brown, orange and purple.

科学证明，男人和女人更喜欢某些颜色。 女人倾向于偏爱原色，并且最喜欢 蓝色，紫色和绿色 ，但是 讨厌 橙色，棕色和灰色。 如果您愿意，几乎可以查看目标受众是女性的任何电子商务应用程序/网站，并且您会发现这些颜色得到了肯定。 同样，男人喜欢 蓝色，绿色和黑色 ， 讨厌 棕色，橙色和紫色 。

色盲 (Color Blindness)

Color blindness affects 1 in 12 men (8%) and 1 in 200 women around the world. This means that ~300 million people are color blind around the world and a mass you shouldn’t neglect. Majority of the population being men, so keeping the above mentioned statistics in mind you should decide your colours accordingly. At the end of the article, i’ve mentioned a tool you can use to see how a color blind person would see an image depending on the type of color blindness a person has.

色盲影响全球12个男性中的1个(8％)和200个女性中的1个。 这意味着全世界约有3亿人是色盲，这是一个您不可忽视的人群。 人口中大多数为男性，因此请牢记上述统计数据，并据此决定自己的肤色。 在本文的结尾，我提到了一个工具，您可以使用该工具查看色盲人如何看待图像，具体取决于一个人的色盲类型。

相同颜色的阴影 (Shades of the same color)

This can also have quite an influence depending on the intensity of it. For example, bright red may signify love, but another shade of the color red, like crimson, probably wouldn’t signify the same thing.

取决于强度，这也会产生很大的影响。 例如，鲜红色可能表示爱，但另一种红色(如深红色)可能并不表示同一件事。

一些很棒的设计工具 (A few great tools for designing)

Now that we have covered the main aspects of color theory, here is a list that shows some of the websites that I use to create my own color palettes.

现在我们已经涵盖了色彩理论的主要方面，下面是一个列表，显示了一些我用来创建自己的调色板的网站。

• Colorhunt—a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

  Colorhunt-一个免费开放的平台，可通过数千种精选的时尚调色板来激发色彩

• A few other palettes include Coolors, Material Design Palette and Flat UI Colors 2

  其他一些调色板包括Coolors ， Material Design调色板和Flat UI Colors 2

• ColorZilla — a chrome extension for finding the hex color code from any website.

  ColorZilla — chrome扩展程序，用于从任何网站查找十六进制颜色代码。

• Toptal — a great tool for seeing how a color blind person would see a picture.

  Toptal —一个很好的工具，用于查看色盲人如何看图片。

• If you would like to be inspired by a few websites that use their own unique color palette, you can see them here.

  如果您想从一些使用自己独特调色板的网站中获得启发，可以在此处查看它们。

需要记住的最后几点 (A few final things to keep in mind)

• Test various color palettes — Try using different logos on your app to see which one gets you more downloads. Google Play Store offers you an option to show different logos to people so that you can increase your downloads.

  测试各种调色板—尝试在您的应用程序上使用不同的徽标，以查看哪个徽标可带来更多下载。 Google Play商店为您提供了向人们显示不同徽标的选项，从而可以增加下载量。

• Avoid using too many colors — Colors can be a lot of fun, and we’ve seen that throughout this article. But don’t use them more than required, as it would just annoy your user and they could end up deleting your app from your phone.

  避免使用太多的颜色 -颜色可能会很有趣，而且我们在本文中已经看到了这一点。 但是请不要过度使用它们，因为这只会惹恼您的用户，他们最终可能会从手机中删除您的应用程序。

• Use bright colors for CTA’s — Bright colors tend to be really attention-seeking so use them in buttons and logos, basically whenever you need the user to perform an action.

  为CTA使用鲜艳的颜色 -鲜艳的颜色实际上是在吸引人们的注意力，因此基本上在需要用户执行操作时，将其用于按钮和徽标中。

• Use colors that sell your brand the best — Although you don’t always have to stick to the rules, at the end of the day you are selling a product and your main purpose is to market it to make it successful. So use the colors that suit your product the best keeping all the factors in mind.

  使用最能推销您的品牌的颜色 -尽管您不一定总是遵守规则，但最终还是要销售产品，其主要目的是进行营销以使其成功。 因此，请牢记所有因素，使用最适合您产品的颜色。

By using all the techniques and tools that we just spoke about in this article, I hope you land up with a good combination of colors for your own website/app. Good luck!

希望通过使用我们在本文中谈到的所有技术和工具，希望您能为自己的网站/应用程序获得很好的颜色组合。 祝好运！

This is my first article, so I would appreciate if you would leave some feedback!

这是我的第一篇文章，因此，如果您能提供一些反馈，我们将不胜感激！

如果您觉得这篇文章有帮助，请给我一些鼓掌？ (If you found this article helpful, give me some claps ?.)

翻译自: https://www.freecodecamp.org/news/how-to-increase-user-engagement-with-your-app-using-color-theory-7c6f5c632570/

用户参与度与活跃度的区别