{"id":1256,"date":"2016-02-26T12:51:02","date_gmt":"2016-02-26T09:51:02","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=1256"},"modified":"2023-08-17T13:27:36","modified_gmt":"2023-08-17T13:27:36","slug":"color-in-ui-design-look-on-the-bright-side","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/","title":{"rendered":"Color in UI Design. Look on the Bright Side"},"content":{"rendered":"<p><span style=\"color: #333333;\">In visual arts, it seems sometimes that color is the soul of everything, breathed in by the artist into a creation. Color is power, actually. It can change the mood of the image in a blink of an eye. It can encourage, warn, appeal, frighten, highlight, persuade, and so on and so forth. It can support the words or vice versa \u2013 steal their power. It can share an emotion without anything said. It can become a great weapon in the hand of a master.<\/span><\/p>\n<p><span style=\"color: #333333;\">No wonder, in the sphere of UI design color is among the key things of creating an efficient result. It is actually a multi-functional and diverse tool able to fulfill several needs simultaneously, such as the following:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">supporting recognizability and brand awareness;<\/span><\/li>\n<li><span style=\"color: #333333;\">supporting <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/\">readability<\/a>;<\/span><\/li>\n<li><span style=\"color: #333333;\">strengthening <a href=\"https:\/\/blog.tubikstudio.com\/call-for-attention-powerful-cta-button-design\/\">call-to-actions<\/a>;<\/span><\/li>\n<li><span style=\"color: #333333;\">satisfying aesthetic needs;<\/span><\/li>\n<li><span style=\"color: #333333;\">sharpening <a href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-navigation-elements\/\">navigation<\/a>;<\/span><\/li>\n<li><span style=\"color: #333333;\">enhancing intuitive interaction;<\/span><\/li>\n<li><span style=\"color: #333333;\">beautifying visual solutions;<\/span><\/li>\n<li><span style=\"color: #333333;\">creating a clear and harmonic style.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">One of the lead designers in Tubik Studio, Ludmila Shevchenko is literally a person staying on the bright side of life every single moment of a day. If you check her portfolio on Dribbble, you will definitely see that even creating interfaces she is the artist always keen to take everything possible from the color and never afraid to experiment. Certainly, it doesn&#8217;t matter that working on the projects, she never creates minimalist or airy-light designs \u2013 when it&#8217;s needed and required, it&#8217;s done also with thorough attention to even the smallest color accents. However, when she creates concepts or projects, she is always avid to use all the power of color and brighten the world around. Today she has shared some of her ideas on using color in UI design based on her work on numerous design tasks for different target audiences.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9497\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-design-ui-calendar-app.png\" alt=\"tubik studio design ui calendar app\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-design-ui-calendar-app.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-design-ui-calendar-app-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-design-ui-calendar-app-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-design-ui-calendar-app-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Calendar App\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">Working on the first variants of style for an app or a website often feels like a bit of magic and color choices and combinations are obviously the major part of this process. When asked what could be a fairy wand on this path, Ludmila says that she would make it out of four main components actually basic for any creative process: a good mood, a desire to transfer positive emotions and feelings, inspiration, and love for the job you do. This combination motivates to find great solutions being persistent and hard-working at this stage. This basic approach empowered with deep knowledge or art and readiness to search can bring out amazing and \u2013 what is more \u2013 efficient and user-friendly designs.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9693\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/animation-color.jpg\" alt=\"animation color\" width=\"1500\" height=\"1042\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/animation-color.jpg 1500w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/animation-color-300x208.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/animation-color-768x534.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/animation-color-1024x711.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/animation-color-150x104.jpg 150w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Ludmila working over a UI concept<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">Let&#8217;s look through some tips in the perspective of color choice and application in UI design.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Don&#8217;t be afraid of experiments<\/span><\/h2>\n<p><span style=\"color: #333333;\">It&#8217;s not a secret that today designers have great support in <a href=\"https:\/\/blog.tubikstudio.com\/color-matters-6-tips-on-choosing-ui-colors\/\">color choice<\/a> in the aspect of making color matches. One such helpful trait is a huge number of ready-made palettes of various combinations, sometimes even featured in sample screens and pages. Software and tools enabling a designer to catch different harmonic combinations between one breath and the other are getting more and more sophisticated and highly functional so they become a great help especially in cases of big workload and hot deadlines.<\/span><\/p>\n<p><span style=\"color: #333333;\">However, as usual, standing on the solid ground of ready-made solutions and standard well-checked combinations, designers should always be ready to add their own two cents as well as sometimes go far from the offered decisions. Don&#8217;t resist standard solutions; however, don&#8217;t see them as your Bible in design. Be ready and keen to experiment \u2013 this is a great way to develop your design skills and create something that is out of the box. Certainly, it doesn&#8217;t mean that this very moment you should start something revolutionary new, but still take your time for experimenting and thinking over new tricks. Stay wise but have no fear to let your creativity fly higher now and then.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8158\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/wallpapers-tubik-studio.png\" alt=\"wallpapers illustration tubik studio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/wallpapers-tubik-studio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/wallpapers-tubik-studio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/wallpapers-tubik-studio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/wallpapers-tubik-studio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Colorful Wallpapers<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Don&#8217;t set strict limits of the color palette in your portfolio<\/span><\/h2>\n<p><span style=\"color: #333333;\">Your portfolio is actually your design face for the customers who do not know you personally. And for sure it&#8217;s only you who decides what this face will express. If you want to show only one side of your design style, if you want your potential customer to see you only smiling, or only deeply serious, or perhaps childish, then this tip is not for you. A limited <a href=\"https:\/\/blog.tubikstudio.com\/color-theory-brief-guide-for-designers\/\">color palette<\/a> of portfolio works is one of the fastest ways to do it. Nevertheless, practice proves that showing diverse color choices and combinations in the portfolio in a harmonic way enhances the better presentation of design skills and higher chances of getting involved in interesting design projects.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Try gradients<\/span><\/h2>\n<p><span style=\"color: #333333;\">Sure, this advice, as well as all the others, should be used wisely. It has to be mentioned that in many cases designers today prefer to avoid gradients working out colors for their designs. However, gradients are able to liven the accomplished task and strengthen the potential of color in different design solutions.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9694\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_stats_concept.png\" alt=\"tubik studio stats concept\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_stats_concept.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_stats_concept-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_stats_concept-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_stats_concept-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Stats Concept\u00a0<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Colors should feel clean in any combinations<\/span><\/h2>\n<p><span style=\"color: #333333;\">Trying different color combinations and their functional features in creating user-friendly interfaces, it is very important to remember that in any case, in even the most venturesome color matches and blends should feel clean. No dirt on a screen or a page. Clarity enhances usability rate, supports readability, and makes all the colors do their best in their interface.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Try using colors as a background, not only in the work itself<\/span><\/h2>\n<p><span style=\"color: #333333;\">It often happens that presenting their works, designers concentrate on the work itself not paying too much attention to the background colors. However, in many cases <a href=\"https:\/\/blog.tubikstudio.com\/light-or-dark-ui-tips-choose-proper-color-scheme\/\">background color<\/a> can become one more way to liven up the main <a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/\">image<\/a> or screen and make it look even more efficient and expressive. Don&#8217;t miss the chance to try, perhaps it&#8217;s applicable right in your case.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9491\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-graphic-ui-travel.png\" alt=\"tubik studio graphic ui travel\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-graphic-ui-travel.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-graphic-ui-travel-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-graphic-ui-travel-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/11\/tubik-studio-graphic-ui-travel-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Travel Notes App\u00a0<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Check the efficiency of color choice via black-and-white<\/span><\/h2>\n<p><span style=\"color: #333333;\">Talking about interfaces, whose aim is not just to transfer a visual message but also to enable easy and successful interactions with a product, a good way to check your solutions is the black-and-white look of the accomplished screen. Observing it, you will quickly understand if the elements, which have to be noticeable and functional, work like this or get lost without colors. Don&#8217;t neglect this easy way to check the efficiency of your design as it will not only reveal ineffective combinations but also will easily show you what are the potential problems of your interface for color-blind users.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Get inspired by the art<\/span><\/h2>\n<p><span style=\"color: #333333;\">A great way to get inspired and transform this inspiration right into the interface design is art. Classic art, modern art, digital art. Watercolors, oils, charcoals, pastels. Any kind of manifesto of artistic creativity that appeals to your heartstrings. It is especially efficient in the perspective of color choice and application and useful in case of creative block. Finding the sources of inspiration in the works of artists who you like and admire is very helpful. Get inspired and try to create your interface like a piece of art. The results can be stunning not only for your clients but even for you personally.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7698\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/art-gallery-app-tubikstudio.png\" alt=\"art gallery app tubikstudio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/art-gallery-app-tubikstudio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/art-gallery-app-tubikstudio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/art-gallery-app-tubikstudio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/art-gallery-app-tubikstudio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Art Gallery App\u00a0<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Keep attention to details<\/span><\/h2>\n<p><span style=\"color: #333333;\">Famous American designer Charles Eames said: \u201cThe details are not the details. They make the design\u201d. That is a key law of working over UI design for applications or websites, in particular when you choose and combine the color palette. Nothing should be left without your thorough analysis and attention. Color is one of the methods to make all the details visible and therefore efficient. Although, color shades and shadows become an effective way to strengthen the <a href=\"https:\/\/blog.tubikstudio.com\/visual-hierarchy-effective-ui-content-organization\/\">visual hierarchy of the elements<\/a> and their interconnection.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Remember that usability is a key<\/span><\/h2>\n<p><span style=\"color: #333333;\">Creating interfaces is never an act of pure creativity. It is the act of providing users with the product that will heal their pain and make their life happier. So, from the perspective of color choices and usage in UI, a designer should always remember that the interface should be highly usable and clear. All the slightest aspects of color choices should increase usability, utility, and harmony. Use color coding of categories, provide color markers, use color to improve and speed navigation \u2013 there are so many aspects that can become much more efficient and user-centered just with the help of the great power of color.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9695\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_app_concept-1.png\" alt=\"tubik studio app concept\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_app_concept-1.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_app_concept-1-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_app_concept-1-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubik_studio_app_concept-1-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Entertainment App<\/em><\/span><\/p>\n<h2>Recommended reading<\/h2>\n<p>Here are some materials we could recommend for those who would like to get deeper into the topic of color in design:<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/color-in-design-influence-on-users-actions\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Color in Design: Influence on Users\u2019 Actions<\/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-in-design-influence-on-users-actions\/\">Color in Design: Influence on Users\u2019 Actions<\/a><\/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\/dark-side-of-ui-benefits-of-dark-background\/\">Dark Side of UI. Benefits of Dark Background<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/3c-of-interface-design-color-contrast-content\/\">3C of Interface Design: Color, Contrast, Content<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Color is a strong tool of creating efficient UI design. The article collects tips from Tubik Studio designer about using color in app and web interface design.<\/p>\n","protected":false},"author":3,"featured_media":9696,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[233,248,259,20,319,47,365,67,437,68,447,69,457,70,479,71,482,73,485,76,491,100,502,147,515,151,533,212],"coauthors":[],"class_list":["post-1256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-human-computer-interaction","tag-illustration","tag-interface-color","tag-app-design","tag-mobile-app","tag-branding","tag-product-design","tag-color","tag-tips","tag-color-choice","tag-tubik-studio","tag-color-combination","tag-ui","tag-color-glossary","tag-usability","tag-color-palette","tag-user-experience","tag-color-scheme","tag-user-experience-design","tag-coloristics","tag-user-interface","tag-design","tag-ux","tag-design-studio","tag-uxui","tag-design-tips","tag-web-design","tag-graphic-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Color in UI Design. Look on the Bright Side<\/title>\n<meta name=\"description\" content=\"Color is a strong tool of creating efficient UI design. The article collects tips from Tubik Studio designer about using color in app and web interface design.\" \/>\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-ui-design-look-on-the-bright-side\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color in UI Design. Look on the Bright Side\" \/>\n<meta property=\"og:description\" content=\"Color is a strong tool of creating efficient UI design. The article collects tips from Tubik Studio designer about using color in app and web interface design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-26T09:51:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T13:27:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"7 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-ui-design-look-on-the-bright-side\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/\",\"name\":\"Color in UI Design. Look on the Bright Side\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png\",\"datePublished\":\"2016-02-26T09:51:02+00:00\",\"dateModified\":\"2023-08-17T13:27:36+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Color is a strong tool of creating efficient UI design. The article collects tips from Tubik Studio designer about using color in app and web interface design.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png\",\"width\":800,\"height\":600,\"caption\":\"tubikstudio illustration wallpapers\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color in UI Design. Look on the Bright Side\"}]},{\"@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 UI Design. Look on the Bright Side","description":"Color is a strong tool of creating efficient UI design. The article collects tips from Tubik Studio designer about using color in app and web interface design.","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-ui-design-look-on-the-bright-side\/","og_locale":"en_US","og_type":"article","og_title":"Color in UI Design. Look on the Bright Side","og_description":"Color is a strong tool of creating efficient UI design. The article collects tips from Tubik Studio designer about using color in app and web interface design.","og_url":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2016-02-26T09:51:02+00:00","article_modified_time":"2023-08-17T13:27:36+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png","type":"image\/png"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/","url":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/","name":"Color in UI Design. Look on the Bright Side","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png","datePublished":"2016-02-26T09:51:02+00:00","dateModified":"2023-08-17T13:27:36+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Color is a strong tool of creating efficient UI design. The article collects tips from Tubik Studio designer about using color in app and web interface design.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/02\/tubikstudio-illustration-wallpapers.png","width":800,"height":600,"caption":"tubikstudio illustration wallpapers"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/color-in-ui-design-look-on-the-bright-side\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Color in UI Design. Look on the Bright Side"}]},{"@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\/1256","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=1256"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1256\/revisions"}],"predecessor-version":[{"id":14740,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1256\/revisions\/14740"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/9696"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=1256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=1256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=1256"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=1256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}