idea重要插件代碼顏色

Choosing the right colors for a website or a logo can be a perplexing and time-consuming task, unless you have the right knowledge of colors. Colors play a pivotal role in the success of some businesses and can make a huge impact on their revenue. In this blog, we will learn how to pick color schemes that are not only pleasing to the eye but will also give users a psychological feeling they can experience when consuming your product.

除非您對顏色有正確的了解，否則為網(wǎng)站或徽標(biāo)選擇正確的顏色可能是一項(xiàng)繁瑣而耗時的任務(wù)。 色彩在某些企業(yè)的成功中起著舉足輕重的作用，并可能對其收入產(chǎn)生巨大影響。 在此博客中，我們將學(xué)習(xí)如何選擇不僅令人賞心悅目的配色方案，還將為用戶帶來消費(fèi)時可以體驗(yàn)到的心理感覺。

When I designed my first project, truthfully, I had a lot of trouble picking out the right colors. Most of the color combinations I chose initially didn’t look good because they were not complimenting each other. Later, when I started to learn about color schemes, I was amazed to learn the impact they have on human decision making, which provides huge opportunities for businesses to market and sell their products. Also, I learned that colors have many psychological effects on human behavior when it comes to choosing and buying a product. Hence, branding your website with the right colors can generate more traffic and lead to more sales. In this blog, I will share the knowledge that I have obtained in my journey. My goal is for readers to understand the basics of color theory and color psychology. By the end of this blog post, you will know why popular websites like Facebook, Instagram, and many more have chosen specific color schemes for their brands and websites. Let’s begin!

確實(shí)，當(dāng)我設(shè)計(jì)第一個項(xiàng)目時，在選擇正確的顏色時遇到了很多麻煩。 我最初選擇的大多數(shù)顏色組合看起來都不太好，因?yàn)樗鼈儾⒉换ハ喾Q贊。 后來，當(dāng)我開始學(xué)習(xí)配色方案時，我驚訝地發(fā)現(xiàn)了它們對人類決策的影響，這為企業(yè)進(jìn)行市場營銷和銷售產(chǎn)品提供了巨大的機(jī)會。 此外，我了解到，在選擇和購買產(chǎn)品時，色彩會對人類行為產(chǎn)生許多心理影響。 因此，以正確的顏色為您的網(wǎng)站打上商標(biāo)可以產(chǎn)生更多的流量并帶來更多的銷售。 在此博客中，我將分享我在旅途中獲得的知識。 我的目標(biāo)是讓讀者了解色彩理論和色彩心理學(xué)的基礎(chǔ)。 在這篇博客文章的結(jié)尾，您將知道為什么流行的網(wǎng)站(如Facebook，Instagram等)會為其品牌和網(wǎng)站選擇特定的配色方案。 讓我們開始！

什么是顏色？ (What is color?)

In simple words, color is a source of light and it is seen either directly or reflectively. Color is the most important element of the design and it would not be untrue to state that it’s indeed very challenging to understand. It plays a huge role in our day to day life from picking out your outfit to choosing the color of your company’s brand. Colors we wear can affect our mood, for example, autumn colors like orange and yellow bring happiness and red color is more common during festive seasons. Companies like Facebook, Twitter, and Instagram have carefully selected their color schemes that have a major impact on building their popularity over time. Let’s take Facebook as an example — Facebook uses blue as its dominant color, which is viewed as calm and trustworthy. By using blue, the company provides a sense of peace and security to its users. The psychological impact that blue color has on their audience is that it makes them stay on their site and keep coming back for more. Later we will dig deeper to learn about more psychological effects of different colors.

簡而言之，顏色是光源，可以直接看到或通過反射看到。 顏色是設(shè)計(jì)中最重要的元素，要理解它確實(shí)非常具有挑戰(zhàn)性，這并非不正確。 從挑選衣服到選擇公司品牌的顏色，它在我們的日常生活中發(fā)揮著重要作用。 我們穿的顏色會影響我們的心情，例如，橙色和黃色等秋天的顏色帶來幸福感，而在節(jié)日期間則更常見紅色。 像Facebook，Twitter和Instagram這樣的公司已經(jīng)仔細(xì)選擇了他們的配色方案，這些配色方案隨著時間的流逝對他們的受歡迎程度產(chǎn)生了重大影響。 讓我們以Facebook為例-Facebook使用藍(lán)色作為主要顏色，這被認(rèn)為是平靜和可信賴的。 通過使用藍(lán)色，該公司為其用戶提供了和平與安全感。 藍(lán)色對聽眾的心理影響是，使他們留在自己的網(wǎng)站上并不斷回頭。 稍后，我們將更深入地了解不同顏色的更多心理影響。

To understand more about colors, let’s look at how they are created. We will look into the Color Wheel and Color Model to understand how varieties of colors are produced.

要了解有關(guān)顏色的更多信息，讓我們看一下顏色的創(chuàng)建方式。 我們將研究色輪和顏色模型，以了解如何產(chǎn)生各種顏色。

色輪 (Color Wheel)

Color wheel is a collection of 12 colors which includes three primaries, three secondary and six tertiary colors. Having a basic understanding of the color wheel and how colors relate to each other can help select color schemes that are delightful and pleasing to the eyes.

色輪是12種顏色的集合，其中包括3種原色，3種第二色和6種第三色。 對色輪以及顏色如何相互關(guān)聯(lián)有基本的了解，可以幫助選擇令人愉悅且賞心悅目的配色方案。

Color Wheel色輪

原色 (Primary Colors)

Primary colors are the source of a color wheel and cannot be created by mixing other colors. These colors are red, blue and yellow.

原色是色輪的來源，不能通過混合其他顏色來創(chuàng)建。 這些顏色是紅色，藍(lán)色和黃色。

Primary Color Wheel原色輪

次要顏色 (Secondary Colors)

Secondary colors are formed by mixing equal portions of two primary colors.

通過混合兩種原色的相等部分來形成第二色。

Red + Yellow = Orange

紅色+黃色=橙色

Red + Blue = Purple

紅色+藍(lán)色=紫色

Blue + Yellow = Green

藍(lán)色+黃色=綠色

Secondary Color Wheel二次色輪

第三色 (Tertiary Colors)

Tertiary colors are formed by mixing portions of primary and secondary colors. There are a total of 6 tertiary colors in color wheel:

通過混合部分原色和第二色形成第三色。 色輪中共有6種第三色：

Red + Orange = Red-Orange

紅色+橙色=橘紅色

Red + Purple = Red-Purple

紅色+紫色=紅紫色

Yellow + Orange = Yellow-Orange

黃色+橙色=橘黃色

Yellow + Green = Yellow-Green

黃色+綠色=黃綠色

Blue + Green = Blue-Green

藍(lán)色+綠色=藍(lán)綠色

Blue + Purple = Blue-Purple

藍(lán)色+紫色=藍(lán)紫色

Tertiary Color Wheel第三色輪

顏色模型 (Color Model)

Color Model is used to produce a full range of colors by mixing primary colors. There are two types of color models: additive and subtractive.

顏色模型用于通過混合原色來產(chǎn)生各種顏色。 ?這里有兩種顏色機(jī)型：加分和扣分。

Additive Color Model — also known as the RGB color model. RGB stands for Red Green and Blue. RGB model uses light to display colors and are mainly used for web media. RGB model can produce a series of different colors by mixing red, green and blue in different intensity.

附加顏色模型 -也稱為RGB顏色模型。 RGB代表紅色，綠色和藍(lán)色。 RGB模型使用光顯示顏色，主要用于Web媒體。 RGB模型可以通過混合不同強(qiáng)度的紅色，綠色和藍(lán)色來產(chǎn)生一系列不同的顏色。

Color Model image of RGBRGB的顏色模型圖像

Subtractive Color Model — also known as CMYK Color Model. In this model, colors are obtained by mixing cyan, magenta, yellow, and black colors. This model is used for printing media

減法顏色模型 -也稱為CMYK顏色模型。 在此模型中，通過混合青色，品紅色，黃色和黑色獲得顏色。 該模型用于打印介質(zhì)

Color model image of CMYKCMYK的彩色模型圖像

With this knowledge of Color Wheel and Color Model let’s move onto Color harmony. Color harmony helps us in selecting color schemes that complement each other and are harmonious to eyes.

借助對色輪和顏色模型的了解，讓我們繼續(xù)進(jìn)行顏色協(xié)調(diào)。 色彩和諧有助于我們選擇相輔相成且與眼睛和諧的配色方案。

色彩和諧 (Color Harmony)

Color harmony is a theory behind selecting colors that complement each other or how well they work together. Let’s take a look at the most popular Disney character, Mickey Mouse. Color harmony is the reason behind why the combination of black, red and yellow colors are pleasant to look at and is used for the most-loved Disney character.

色彩和諧是選擇彼此互補(bǔ)的顏色或它們?nèi)绾螀f(xié)同工作的背后的理論。 讓我們來看看最受歡迎的迪斯尼角色米老鼠。 色彩協(xié)調(diào)是黑色，紅色和黃色的組合令人賞心悅目并用于最受歡迎的迪士尼角色的原因。

Mickey mouse is an example of a color harmony米老鼠是色彩和諧的典范

We will now look at different techniques which are used to pick a harmonious color:

現(xiàn)在，我們將研究用于選擇和諧色彩的不同技術(shù)：

Complementary: Using this technique two colors are picked which are opposite to each other in the color wheel

補(bǔ)充：使用此技術(shù)，可以選擇兩個顏色，它們在色輪中彼此相反

An image of complementary color補(bǔ)色圖像

Analogous: This technique is used to pick three colors that are next to each other.

類比：此技術(shù)用于選擇彼此相鄰的三種顏色。

An image of analogous color.類似顏色的圖像。

Diad: Two colors that are separated by one color in the middle.

Diad：兩種顏色，中間用一種顏色分隔。

Image of Diad ColorDiad顏色的圖像

Split-Complementary: This technique is a variation of complementary. Using this technique we pick three colors, one base and two colors which are adjacent to its complementary color.

拆分互補(bǔ)：此技術(shù)是互補(bǔ)的一種變體。 使用這種技術(shù)，我們可以選擇三種顏色，一種底色和兩種與其互補(bǔ)色相鄰的顏色。

Image of Spilt-Complementary螺旋補(bǔ)充圖

Triad: Any three colors which are spaced equally from each other.

三合色：彼此等距排列的任何三種顏色。

Image of Triad三合會的形象

Tetradic (Rectangle): Using this technique we pick four colors which result in two sets of complementary colors.

四邊形(矩形)：使用此技術(shù)，我們選擇了四種顏色，從而產(chǎn)生兩組互補(bǔ)色。

Image of Tetradic四面體的形象

Square: This technique is similar to the tetradic technique with only one difference that four colors are equally spaced from each other.

正方形：此技術(shù)類似于四色技術(shù)，只是一個區(qū)別是四種顏色彼此等距。

Image of Square廣場形象

By now we should have a good understanding of how color schemes are created and how to pick colors that compliment each other. Now let’s look into how these colors affect us directly and influence us in our decision making.

到現(xiàn)在為止，我們應(yīng)該對如何創(chuàng)建配色方案以及如何選擇相互補(bǔ)充的顏色有了很好的了解。 現(xiàn)在，讓我們研究一下這些顏色如何直接影響我們以及如何影響我們的決策。

色彩心理學(xué) (Psychology of Colors)

Let’s look at how some companies use different colors to their advantage and attract their target audience to generate larger revenue.

讓我們看看一些公司如何利用不同的顏色來發(fā)揮自己的優(yōu)勢，并吸引目標(biāo)受眾以產(chǎn)生更大的收入。

Red: Red is a warm color associated with energy, passion, and action. It symbolizes both love and aggression. Red Bull, which is an energy drink company, uses red as a dominant color in their logo to represent energy and action. Now think about Valentine’s day — most of the chocolate companies use red for their packaging during the day of love.

紅色：紅色是一種溫暖的顏色，與活力，激情和行動相關(guān)。 它象征著愛和侵略。 能量飲料公司Red Bull在其徽標(biāo)中使用紅色作為主要顏色來代表能量和行為。 現(xiàn)在想想情人節(jié)-大多數(shù)巧克力公司在戀愛的日子里都用紅色包裝。

Red紅

Orange: Represents energetic, enthusiasm and warmth. Orange is one of the major colors during the autumn season. It brings the feeling of joy and excitement. Most of the designers use orange to show creativity and an adventure.

橙色：代表精力充沛，熱情和溫暖。 橙色是秋季的主要顏色之一。 它帶來歡樂和興奮的感覺。 大多數(shù)設(shè)計(jì)師使用橙色來展示創(chuàng)造力和冒險(xiǎn)經(jīng)歷。

Orange橙子

Yellow: Represents a need for attention, happiness, joy, and warmth. If you use too much yellow, it can also bring negativity. Like the feeling of anxiety and fear. Designers use yellow to catch the eye without being bold.

黃色：表示需要關(guān)注，幸福，快樂和溫暖。 如果使用過多的黃色，也會帶來負(fù)面影響。 像焦慮和恐懼的感覺。 設(shè)計(jì)師使用黃色來吸引眼球，卻不大膽。

Yellow黃色

Green: It symbolizes nature, calmness, relaxation, growth, health, and has more positive energy than other colors. Designers use green to bring calmness. Take an example of Starbucks, they use green as their dominant color- it gives a sense of calmness to users visiting the Starbucks website and how they will achieve that feeling by drinking their coffee.

綠色：代表自然，平靜，放松，成長，健康，并且比其他顏色具有更多的正能量。 設(shè)計(jì)師使用綠色帶來寧靜。 以星巴克為例，他們使用綠色作為主要色彩-它給訪問星巴克網(wǎng)站的用戶以及他們?nèi)绾瓮ㄟ^喝咖啡來達(dá)到那種感覺的平靜感。

Green綠色

Blue: It is the color of trust, reliability, and calmness. It is used by websites like Facebook and Intel to try and win the trust of its users. It is that calm feeling you get from the blue that makes you endlessly scroll through Facebook feeds. The negative part of using too much blue is that it can also show sadness, so designers make sure that color is balanced out.

藍(lán)色：信任，可靠性和平靜的顏色。 像Facebook和Intel這樣的網(wǎng)站都在使用它來贏得用戶的信任。 從藍(lán)色中獲得的正是這種平靜的感覺，使您不斷滾動瀏覽Facebook提要。 使用過多的藍(lán)色的負(fù)面影響是它還會顯示悲傷感，因此設(shè)計(jì)人員要確保平衡顏色。

Blue藍(lán)色

Purple: Purple represents royalty, wealth, luxury, value, and bravery. Purple can be a difficult color to work with and can have a negative effect when the wrong shade is used.

紫色：紫色代表皇室，財(cái)富，奢侈品，價(jià)值和勇敢。 紫色可能是難以使用的顏色，并且當(dāng)使用錯誤的陰影時可能產(chǎn)生負(fù)面影響。

Purple紫色

Black: Commonly used in context, mystery, traditional, modern, seriousness, death, rebirth, and evil. In other words, black can represent many different feelings. Most of the designers use black color to set the contrast.

黑色：常用于背景，神秘，傳統(tǒng)，現(xiàn)代，嚴(yán)肅，死亡，重生和邪惡中。 換句話說，黑色可以代表許多不同的感覺。 大多數(shù)設(shè)計(jì)師使用黑色來設(shè)置對比度。

Black黑色

White: Purity, innocence, wholeness, clarity, or hope. The designer uses white color to show calmness; it’s also commonly used in the background in websites and mobile apps.

白色：純凈，純真，整體，清晰或希望。 設(shè)計(jì)師使用白色來表現(xiàn)沉穩(wěn)。 它也常用于網(wǎng)站和移動應(yīng)用的后臺。

White白色

Brown: Strength, reliability, solid, earth, and security. If you use too much brown it can bring the feeling of sadness, and isolation.

布朗：強(qiáng)度，可靠性，牢固性，接地性和安全性。 如果使用過多的棕色，可能會帶來悲傷和孤獨(dú)感。

Brown棕色

Pink: Hope, sensitivity, romance, commonly used to target young girls and women. It can also represent feelings of joy and refreshing. It is mostly used on the feminism side — for instance, advertising girls’ toys or clothes.

粉紅：希望，敏感，浪漫，通常針對年輕女孩和女性。 它也可以代表歡樂和提神的感覺。 它主要用于女權(quán)主義方面，例如，廣告女孩的玩具或衣服。

Now we know how the colors can play an important role in your website and logo. Color psychology can be used to help build a strong and relatable brand. Whether you’re a web designer or owner of a small business, if you are trying to connect to your target audience and strengthen the customer trust, choose the right colors to make a solid bond with your audience.

現(xiàn)在我們知道了顏色如何在您的網(wǎng)站和徽標(biāo)中發(fā)揮重要作用。 顏色心理學(xué)可以用來幫助建立一個強(qiáng)大而又相關(guān)的品牌。 無論您是網(wǎng)頁設(shè)計(jì)師還是小型企業(yè)的所有者，如果您都在嘗試與目標(biāo)受眾建立聯(lián)系并增強(qiáng)客戶信任度，請選擇正確的顏色與受眾建立牢固的聯(lián)系。

To conclude, a color scheme is a powerful tool in building a successful website. Colors are used to get your business noticed and to connect with your clients. They are an emotional expression of human personality. They hold a great amount of power to influence the audience’s feelings and behaviors. Colors make people subconsciously draw feelings and thoughts. Now with this knowledge, you have the power of making an impact and influencing the human mind for the greater good.

總而言之，配色方案是構(gòu)建成功網(wǎng)站的強(qiáng)大工具。 顏色用于引起您的業(yè)務(wù)注意并與客戶建立聯(lián)系。 它們是人類個性的情感表達(dá)。 他們擁有巨大的力量來影響聽眾的感受和行為。 顏色使人在潛意識中下沉情感和想法。 現(xiàn)在，有了這些知識，您就可以發(fā)揮影響并影響人類的思維，從而實(shí)現(xiàn)更大的利益。

Thank you for reading.

感謝您的閱讀。

翻譯自: https://uxdesign.cc/importance-of-colors-on-your-website-and-logo-b5468e9f0a10

idea重要插件代碼顏色

總結(jié)

以上是生活随笔為你收集整理的idea重要插件代码颜色_颜色在您的网站上的重要性和品牌形象的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。