

{"id":2724,"date":"2017-02-20T17:01:02","date_gmt":"2017-02-20T14:01:02","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=2724"},"modified":"2023-08-15T08:05:41","modified_gmt":"2023-08-15T08:05:41","slug":"color-in-design-influence-on-users-actions","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/","title":{"rendered":"Color in Design: Influence on Users&#8217; Actions"},"content":{"rendered":"<p><span style=\"color: #333333;\">Every single day we\u2019re surrounded by various colors from everywhere. If you take a closer look at the things around, they may surprise you with a number of colors and shades. People may not notice how colorful everyday things are but the colors have a significant impact on our behavior and emotions. Today our article is devoted to the science studying this issue called color psychology. Let\u2019s define the meaning of the colors and review some tips on choosing suitable colors for the design.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8654\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/tubik-studio-design-color.png\" alt=\"tubik studio design color\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/tubik-studio-design-color.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/tubik-studio-design-color-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/tubik-studio-design-color-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/tubik-studio-design-color-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">What is color psychology?<\/span><\/h2>\n<p><span style=\"color: #333333;\">It\u2019s a branch of psychology studying the influence of colors on human mood and behavior. The thing is that our mind reacts to colors while we usually do not notice it. The moment our eyes perceive color, they connect with the brain which gives signals to the endocrine system releasing hormones responsible for the shifts in mood and emotions. These days a lot of research is conducted in order to study the peculiarities of these reactions and there are already many theories useful to learn. Color psychology is helpful in many industries including business, marketing, and design.<\/span><\/p>\n<p><span style=\"color: #333333;\">The success of the product depends largely upon the colors chosen for the design. The properly selected colors help put users in the frame of mind that compels them to take action. The\u00a0<a style=\"color: #333333;\" href=\"http:\/\/www.colorcom.com\/research\/why-color-matters\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">research<\/a>\u00a0provided by Colorcom showed that it takes only 90 seconds for people to make a subconscious judgment about a product and between 62% and 90% of that assessment is based on color alone. So, the basic knowledge of color psychology can be useful on the way of improved conversion for your product. Moreover, accurately chosen colors can advance the usability of the product.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Meaning of colors<\/span><\/h2>\n<p><span style=\"color: #333333;\">To convey the right tone, message and call users to make the expected action, designers need to understand what colors mean and what reaction they evoke. In one of our previous articles, we\u2019ve demonstrated you the list of colors with brief descriptions of their meanings. Today we have prepared a bit more expanded list of color meanings in common use and in design.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Red<\/span><\/h3>\n<p><span style=\"color: #333333;\">The color usually associates with passionate, strong, or aggressive feelings. It symbolizes both good and bad states of mind and soul including love, confidence, passion, and anger. In design, the use of red color is an effective way to draw users\u2019 attention. Also, it\u2019s recommended to use red sparingly to avoid negative reactions.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-7994\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-1024x680.png\" alt=\"toonie alarm mascot design\" width=\"1024\" height=\"680\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-1024x680.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-300x199.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-768x510.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-150x100.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a href=\"https:\/\/blog.tubikstudio.com\/case-study-toonie-alarm-app-ui-design\/\">Toonie Alarm<\/a> app tutorial<\/em><\/span><\/p>\n<h3><span style=\"color: #333333;\">Orange<\/span><\/h3>\n<p><span style=\"color: #333333;\">It is an energetic and warm color bringing the feelings of excitement. Orange combines red\u2019s power and yellow\u2019s friendliness, so it may bring feelings of motivation, enthusiasm, and love to life. Designers use the color if they need to give the spirit of creativity and adventure.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8375\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/logo-design-fox-tubik-studio.png\" alt=\"logo design fox tubik studio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/logo-design-fox-tubik-studio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/logo-design-fox-tubik-studio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/logo-design-fox-tubik-studio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/logo-design-fox-tubik-studio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>fOxygenic Logo<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Yellow<\/span><\/h3>\n<p><span style=\"color: #333333;\">This is the color of happiness which symbolizes the sunlight, joy, and warmth. Yellow is thought to be the easiest color to visibly see. What\u2019s more, it has one of the most powerful psychological meanings. Users seeing yellow colors in the design can feel inspiration and confidence. Although, you need to remember that too much yellow may bring negative reactions such as the feeling of anxiety or fear.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8655\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-1024x640.png\" alt=\"stardust bikers webpage ui_tubik_studio\" width=\"1024\" height=\"640\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-1024x640.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-300x188.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-768x480.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-150x94.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>StarDust website<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Green<\/span><\/h3>\n<p><span style=\"color: #333333;\">It\u2019s often called the color of nature, balance, and harmony. Green brings calming and renewing feelings. Also, it is a sign of growth and inexperience. It has more positive energy than most other colors but sometimes it associates with materialism. Design in green colors perfectly suits the products connected with nature.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7747\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/big-city-guide-webdesign-stockholm.png\" alt=\"big city guide webdesign stockholm\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/big-city-guide-webdesign-stockholm.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/big-city-guide-webdesign-stockholm-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/big-city-guide-webdesign-stockholm-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/big-city-guide-webdesign-stockholm-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-big-city-guide-landing-page-design\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Big City Guide: Stockholm<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Blue<\/span><\/h3>\n<p><span style=\"color: #333333;\">It often represents some corporate images since blue is the color of trust. It usually shows reliability, may give users calming feelings. However, as a cool color, it also associates with distance and sadness, so designers need to keep it in balance.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8656\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/design_for_business_tubik_studio_book.gif\" alt=\"design for business tubikstudio_book\" width=\"800\" height=\"600\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/design-for-business-free-e-book-by-tubik-team\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Design for Business E-book<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Purple<\/span><\/h3>\n<p><span style=\"color: #333333;\">Long associated with royalty and wealth since many kings wore purple clothes, it\u2019s useful for presenting some luxurious products. It\u2019s also a color of mystery and magic. It mixes the energy of red and blue, so it has a balance of power and stability. A big concentration of the color may distract users\u2019 mind.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8657 size-full\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg\" alt=\"night in berlin event list ui tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-night-in-berlin-ui-for-event-app\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Night in Berlin App<\/a><\/em><\/span><\/p>\n<h3><span style=\"color: #333333;\">Pink<\/span><\/h3>\n<p><span style=\"color: #333333;\">It is the color of hope, sensitivity, and romance. Pink is much softer than red, so it creates a sense of unconditional love. Pink is associated very strongly with youthful femininity, so it may be an effective color if the target audience is mostly girls and young women.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7716\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-Social-Networks-design.png\" alt=\"Tubik Studio Social Networks design\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-Social-Networks-design.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-Social-Networks-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-Social-Networks-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-Social-Networks-design-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Dating App<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Brown<\/span><\/h3>\n<p><span style=\"color: #333333;\">The color of security and protection like the mother Earth. Designers commonly use brown as a background color in a variety of shades, from very light to deep. It brings the feeling of warmth and comfort to the designs. Also, it may be used to show experience and reassurance.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7720\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/jewellery-ecommerce-app-concept.gif\" alt=\"jewellery ecommerce app concept\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Jewelry E-Commerce App<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Black<\/span><\/h3>\n<p><span style=\"color: #333333;\">The color has a great number of meanings. It associates with tragic situations and death. It signifies a mystery. It can be traditional, modern, serious. Everything depends on how you employ it and which colors go with it. Black matches well with any other color, so it\u2019s ideal for the background. Designers often use it to set contrasts.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7740\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/Bakery-website-animation.gif\" alt=\"Bakery website animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-vinnys-bakery-ui-design-for-e-commerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vinny&#8217;s Bakery<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">White<\/span><\/h3>\n<p><span style=\"color: #333333;\">The color means purity and innocence, as well as wholeness and clarity. White often associates with a blank sheet of paper motivating people to generate new ideas. However, too much white can cause feelings of isolation and emptiness. In design, white is commonly used as the background color especially for the resources for which readability is a vital part.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7729\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik_studio_design-studio-bjorn.gif\" alt=\"design studio bjorn website\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Bjorn studio\u00a0website<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Color meanings in branding<\/span><\/h2>\n<p><span style=\"color: #333333;\">Colors are a vital factor for not only the visual appearance of products but also <a href=\"https:\/\/blog.tubikstudio.com\/6-creative-stages-of-branding-design-step-by-step-guide\/\">brand recognition<\/a>. Nevertheless, in branding, colors tend to have more direct meanings than in common understanding. They can be briefly described within a few words, so here is the list for you:<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"color: #333333;\"><strong>Red<\/strong>. Confidence, youth, and power.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>Orange<\/strong>. Friendly, warm, and energetic.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>Yellow<\/strong>. Happiness, optimism, and warmth.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>Green<\/strong>. Peace, growth, and health.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>Blue.<\/strong> Trust, security, and stability.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>Purple.<\/strong> Luxurious, creative, and wise.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>Black.<\/strong> Reliable, sophisticated, and experienced.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>White.<\/strong> Simple, calm, and clean.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8658\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/realli_logo_animation_tubik.gif\" alt=\"realli logo animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Realli logo animation<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Color Preferences<\/span><\/h2>\n<p><span style=\"color: #333333;\">Visual perception is quite individual for everyone. Designers need to remember that the color effects may be different because of the factors such as age, culture, and gender. First of all, people\u2019s preferences can shift during life whatever the object is, let\u2019s say, food, clothes, music, colors and plenty of other aspects. It is caused by both mental and physical changes that happen to us across a lifetime. For example, children like yellow color pretty much, but as we become adults it usually seems less attractive. Faber Birren explains it in his work Color Psychology and Color Therapy: \u201cWith maturity comes a greater liking for hues of shorter wavelength (blue, green, purple) than for hues of longer wavelength (red, orange, and yellow)\u201d. One more difference between children\u2019s perception and adults is that kids can change their favorite colors fast, while adult color preference is usually non-malleable.<\/span><\/p>\n<p><span style=\"color: #333333;\">Also, designers need to consider that there are many cultural differences and color perception is not an exception. Sometimes cultures define colors diversely, for example, in Western countries, white color means happiness and purity, while in some Asian countries it symbolizes death. You can find many examples of how different may the meanings be in countries but it would take a whole article to tell about it, so if you\u2019re interested in the topic, follow our updates on the blog since the post on this issue is coming soon.<\/span><\/p>\n<p><span style=\"color: #333333;\">Another point on the color preferences is gender. Many color studies have been done over the years and a lot of them say that the color preferences of women and men significantly differ. The Color Assignment group has conducted deep <a style=\"color: #333333;\" href=\"http:\/\/www.joehallock.com\/edu\/COM498\/preferences.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">research<\/a> on this topic and many designers already use the results in the creative process. We\u2019ve defined the most notable things from the research to share with you.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Blue is the top color.<\/strong> Both men and women of all ages think of blue as the favored color. The shades of blue such as cerulean, azure, beryl, cornflower blue, and sapphire are popular among women.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Brown and orange are in dislike.<\/strong> The first one considered less favorable among men, the second &#8211; among women.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Cool colors are preferred.<\/strong> Men and women favor blue, green and their tints in general.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Women like tints.<\/strong> When men prefer pure or shaded colors, ladies are good with tints.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Men prefer achromatic colors.<\/strong> White, black and gray are neutral colors and men are keen to choose them.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Favorite<strong> colors<\/strong><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8659\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/favorite-color-on-gender-1024x364.png\" alt=\"favorite color on gender\" width=\"1024\" height=\"364\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/favorite-color-on-gender.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/favorite-color-on-gender-300x107.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/favorite-color-on-gender-768x273.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/favorite-color-on-gender-150x53.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Least favorite colors<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8660\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/least-fav-colors-gender-1024x364.png\" alt=\"least fav colors gender\" width=\"1024\" height=\"364\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/least-fav-colors-gender.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/least-fav-colors-gender-300x107.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/least-fav-colors-gender-768x273.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/least-fav-colors-gender-150x53.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/www.helpscout.net\/blog\/psychology-of-color\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Source of charts<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">It\u2019s vital to consider the color preferences of the target audience while creating UI and UX design since it helps to avoid negative reactions and associations.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Points to consider<\/span><\/h2>\n<p><span style=\"color: #333333;\">Color psychology is rather complex to understand and learn. However, it may become an efficient tool in designers\u2019 hands helping to understand users and their demands. Summarizing the article, here is the list of useful things to consider:<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"color: #333333;\">Choose colors wisely. They have a deep influence on the users.<\/span><\/li>\n<li><span style=\"color: #333333;\">Make sure your design and its colors convey the right message and tune.<\/span><\/li>\n<li><span style=\"color: #333333;\">Learn your target audience. The color preferences and meanings depend on many factors, including age, gender, and culture.<\/span><\/li>\n<li><span style=\"color: #333333;\">Some colors may look different on the screens of different devices. Additional testing never hurts.<\/span><\/li>\n<li><span style=\"color: #333333;\">It may be a good idea to test the UI colors with representatives of the target audience.<\/span><\/li>\n<li><span style=\"color: #333333;\">Try to make the color combinations wisely, in the best way for the users\u2019 perception.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Recommended reading<\/span><\/h2>\n<p><span style=\"color: #333333;\">Here are some articles we could recommend for those who would like to get deeper into the topic:<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/design-glossary-color-terms-and-definitions\/\">Design Glossary: Color. Terms and Definitions<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/color-theory-brief-guide-for-designers\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Theory: Brief Guide For Designers<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/light-or-dark-ui-tips-choose-proper-color-scheme\/\">Light or Dark UI? Tips to Choose a Proper Color Scheme<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/color-matters-6-tips-on-choosing-ui-colors\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Matters. 6 Tips on Choosing UI Colors<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/3c-of-interface-design-color-contrast-content\/\" target=\"_blank\" rel=\"noopener noreferrer\">3C of Interface Design: Color, Contrast, Content<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/bright-colors-in-ui-design-strong-weak-sides\/\">Bright Colors in UI Design: Strong and Weak Sides<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/color-in-ui-design-look-on-the-bright-side\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color in UI Design. Look on the Bright Side<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.<\/p>\n","protected":false},"author":3,"featured_media":8657,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,7,9],"tags":[256,495,20,259,502,47,324,504,67,365,505,68,447,533,69,457,534,72,463,73,465,74,466,76,467,100,468,139,469,142,479,151,480,212,482,233,491],"coauthors":[],"class_list":["post-2724","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-processes_and_tools","category-ui_ux","tag-interaction-design","tag-user-research","tag-app-design","tag-interface-color","tag-ux","tag-branding","tag-mobile-design-inspiration","tag-ux-design-article","tag-color","tag-product-design","tag-ux-design-best-practices","tag-color-choice","tag-tubik-studio","tag-web-design","tag-color-combination","tag-ui","tag-web-design-article","tag-color-psychology","tag-ui-design-article","tag-color-scheme","tag-ui-design-examples","tag-color-theory","tag-ui-design-inspiration","tag-coloristics","tag-ui-design-practices","tag-design","tag-ui-design-process","tag-design-psychology","tag-ui-design-tips","tag-design-research","tag-usability","tag-design-tips","tag-user-behavior","tag-graphic-design","tag-user-experience","tag-human-computer-interaction","tag-user-interface"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Color in Design: Influence on Users&#039; Actions<\/title>\n<meta name=\"description\" content=\"The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color in Design: Influence on Users&#039; Actions\" \/>\n<meta property=\"og:description\" content=\"The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-20T14:01:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-15T08:05:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/\",\"name\":\"Color in Design: Influence on Users' Actions\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg\",\"datePublished\":\"2017-02-20T14:01:02+00:00\",\"dateModified\":\"2023-08-15T08:05:41+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"night in berlin event list ui tubik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color in Design: Influence on Users&#8217; Actions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Color in Design: Influence on Users' Actions","description":"The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/","og_locale":"en_US","og_type":"article","og_title":"Color in Design: Influence on Users&#039; Actions","og_description":"The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.","og_url":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-02-20T14:01:02+00:00","article_modified_time":"2023-08-15T08:05:41+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/","url":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/","name":"Color in Design: Influence on Users' Actions","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg","datePublished":"2017-02-20T14:01:02+00:00","dateModified":"2023-08-15T08:05:41+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/night-in-berlin-event-list-ui-tubik.jpg","width":1600,"height":1200,"caption":"night in berlin event list ui tubik"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/color-in-design-influence-on-users-actions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Color in Design: Influence on Users&#8217; Actions"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=2724"}],"version-history":[{"count":5,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2724\/revisions"}],"predecessor-version":[{"id":14634,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2724\/revisions\/14634"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8657"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=2724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=2724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=2724"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=2724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}