This talk aims to explore some of the perceptual effects color brings to the web, especially highlighting those that bring a desirable sense of “realness” or “tangibility” to the components. We’ll see how different design paradigms (flat UI\/skeumorphic\/photographic\/etc) approach the problem, and then identify small techniques common to all of them. In particular, we’ll touch on manipulating color quickly using natural color spaces, defining components using gradients & overlays, and ‘cheating’ at textures using noise.<\/p>\n
The content covers both theory and real-world techniques & code snippets, and aims to be accessible to all levels, but some previous knowledge of styling or CSS may be helpful.<\/p>\n","protected":false},"excerpt":{"rendered":"
This talk aims to explore some of the perceptual effects color brings to the web, especially highlighting those that bring a desirable sense of “realness” or “tangibility” to the components. We’ll see how different design paradigms (flat UI\/skeumorphic\/photographic\/etc) approach the problem, and then identify small techniques common to all of them. In particular, we’ll touch … Continue reading Getting ‘Real’ with Hue: Using Color and Noise to Make Design Feel Tangible<\/span><\/a><\/p>\n","protected":false},"author":1346476,"featured_media":0,"template":"","meta":{"_crdt_document":"","_wcpt_session_time":1437836400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[758],"footnotes":""},"session_track":[5545],"session_category":[],"class_list":["post-757","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-user"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5NT6N-cd","session_date_time":{"date":"July 25, 2015","time":"3:00 pm"},"session_speakers":[{"id":"758","slug":"taylor-smith","name":"Taylor Smith","link":"https:\/\/milwaukee.wordcamp.org\/2015\/speaker\/taylor-smith\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/users\/1346476"}],"version-history":[{"count":3,"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/757\/revisions"}],"predecessor-version":[{"id":913,"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/757\/revisions\/913"}],"speakers":[{"embeddable":true,"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/758"}],"wp:attachment":[{"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=757"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=757"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/milwaukee.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}