{"id":1696,"date":"2016-10-20T09:39:18","date_gmt":"2016-10-20T16:39:18","guid":{"rendered":"http:\/\/areteworks.local\/?p=1696"},"modified":"2016-10-20T09:39:29","modified_gmt":"2016-10-20T16:39:29","slug":"user-interface-design-color","status":"publish","type":"post","link":"https:\/\/areteworks.com\/user-interface-design-color\/","title":{"rendered":"User Interface Design and the psychology of color"},"content":{"rendered":"

Color usage in User Interface Design relies on more than just the personal preferences of designers and clients. The increase in touchscreen usage on electronic devices means the interaction is more direct and intimate. With that comes an emotional relationship between users and their devices that should be part of any successful interface. The psychological aspects of color<\/a> have never been more important in User Interface design.<\/p>\n

Color is a form of non verbal communication. It is not static. It stimulates emotions in users and fosters a connection between the end-user and the product.
\nThe visual design process<\/a> should include focusing on the emotion your project should convey. UI design should foster a favorable relationship between end-users and the product, and color is an effective way to tap into people\u2019s emotions.<\/p>\n

For example, red is physical and conveys passion and urgency. Blue is more intellectual and soothing. Soft blues will calm the mind and aid concentration, which may be beneficial in certain work environments. Yellow is rooted in the emotional. The yellow wavelength is relatively long and thus stimulating by default. And white conveys clarity, simplicity and efficiency. The cleanest user interface systems will have an expert usage of white space.<\/p>\n

Emotional connections can be established in a variety of ways. It is important for the UI color scheme to support the personality of the device and the emotion you want to stimulate in its users.<\/p>\n

\"User<\/p>\n","protected":false},"excerpt":{"rendered":"

Color usage in User Interface Design relies on more than just the personal preferences of designers and clients. The increase in touchscreen usage on electronic devices means the interaction is more direct and intimate. With that comes an emotional relationship between users and their devices that should be part of any successful interface. The psychological…<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[23],"tags":[],"acf":[],"yoast_head":"\nUser Interface Design and the psychology of color - Areteworks<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/areteworks.com\/user-interface-design-color\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Interface Design and the psychology of color - Areteworks\" \/>\n<meta property=\"og:description\" content=\"Color usage in User Interface Design relies on more than just the personal preferences of designers and clients. The increase in touchscreen usage on electronic devices means the interaction is more direct and intimate. With that comes an emotional relationship between users and their devices that should be part of any successful interface. The psychological…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/areteworks.com\/user-interface-design-color\/\" \/>\n<meta property=\"og:site_name\" content=\"Areteworks\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-20T16:39:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-20T16:39:29+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/areteworks.com\/wp-content\/uploads\/2016\/10\/ui-design-color-261x300.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steven Liu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/areteworks.com\/#website\",\"url\":\"https:\/\/areteworks.com\/\",\"name\":\"Areteworks\",\"description\":\"UI UX Design Company\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/areteworks.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/areteworks.com\/user-interface-design-color\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/areteworks.com\/wp-content\/uploads\/2016\/10\/ui-design-color-261x300.jpg\",\"contentUrl\":\"http:\/\/areteworks.com\/wp-content\/uploads\/2016\/10\/ui-design-color-261x300.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/areteworks.com\/user-interface-design-color\/#webpage\",\"url\":\"https:\/\/areteworks.com\/user-interface-design-color\/\",\"name\":\"User Interface Design and the psychology of color - Areteworks\",\"isPartOf\":{\"@id\":\"https:\/\/areteworks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/areteworks.com\/user-interface-design-color\/#primaryimage\"},\"datePublished\":\"2016-10-20T16:39:18+00:00\",\"dateModified\":\"2016-10-20T16:39:29+00:00\",\"author\":{\"@id\":\"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a\"},\"breadcrumb\":{\"@id\":\"https:\/\/areteworks.com\/user-interface-design-color\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/areteworks.com\/user-interface-design-color\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/areteworks.com\/user-interface-design-color\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/areteworks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Interface Design and the psychology of color\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a\",\"name\":\"Steven Liu\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/areteworks.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g\",\"caption\":\"Steven Liu\"},\"url\":\"https:\/\/areteworks.com\/author\/steven-liu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Interface Design and the psychology of color - Areteworks","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:\/\/areteworks.com\/user-interface-design-color\/","og_locale":"en_US","og_type":"article","og_title":"User Interface Design and the psychology of color - Areteworks","og_description":"Color usage in User Interface Design relies on more than just the personal preferences of designers and clients. The increase in touchscreen usage on electronic devices means the interaction is more direct and intimate. With that comes an emotional relationship between users and their devices that should be part of any successful interface. The psychological…","og_url":"https:\/\/areteworks.com\/user-interface-design-color\/","og_site_name":"Areteworks","article_published_time":"2016-10-20T16:39:18+00:00","article_modified_time":"2016-10-20T16:39:29+00:00","og_image":[{"url":"http:\/\/areteworks.com\/wp-content\/uploads\/2016\/10\/ui-design-color-261x300.jpg"}],"twitter_card":"summary","twitter_misc":{"Written by":"Steven Liu","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/areteworks.com\/#website","url":"https:\/\/areteworks.com\/","name":"Areteworks","description":"UI UX Design Company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/areteworks.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/areteworks.com\/user-interface-design-color\/#primaryimage","inLanguage":"en-US","url":"http:\/\/areteworks.com\/wp-content\/uploads\/2016\/10\/ui-design-color-261x300.jpg","contentUrl":"http:\/\/areteworks.com\/wp-content\/uploads\/2016\/10\/ui-design-color-261x300.jpg"},{"@type":"WebPage","@id":"https:\/\/areteworks.com\/user-interface-design-color\/#webpage","url":"https:\/\/areteworks.com\/user-interface-design-color\/","name":"User Interface Design and the psychology of color - Areteworks","isPartOf":{"@id":"https:\/\/areteworks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/areteworks.com\/user-interface-design-color\/#primaryimage"},"datePublished":"2016-10-20T16:39:18+00:00","dateModified":"2016-10-20T16:39:29+00:00","author":{"@id":"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a"},"breadcrumb":{"@id":"https:\/\/areteworks.com\/user-interface-design-color\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/areteworks.com\/user-interface-design-color\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/areteworks.com\/user-interface-design-color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/areteworks.com\/"},{"@type":"ListItem","position":2,"name":"User Interface Design and the psychology of color"}]},{"@type":"Person","@id":"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a","name":"Steven Liu","image":{"@type":"ImageObject","@id":"https:\/\/areteworks.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g","caption":"Steven Liu"},"url":"https:\/\/areteworks.com\/author\/steven-liu\/"}]}},"_links":{"self":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/posts\/1696"}],"collection":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/comments?post=1696"}],"version-history":[{"count":0,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/posts\/1696\/revisions"}],"wp:attachment":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/media?parent=1696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/categories?post=1696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/tags?post=1696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}