josh miles color psychology heroconf
TRANSCRIPT
» Josh Miles @joshmiles » Principal & Founder » Miles Design » #HeroConf
What’s in a Color?: Design Tips from an Industry Pro*
*I didn’t write that title.And as long as we’re disclaiming things I didn’t do… almost everything I’m showing you today is not mine. All trademarks, copyrights, etc. belong to their respective owners, and not me, Hanapin Marketing, or HeroConf. I’m showing these images today in the interest of “fair use” for the purposes of criticism, comment, and educational purposes. Capiche?
@joshmiles
Irony is…When you ask the designer with the black and white identity system to speak on color.
@joshmiles
Pro tips:- How do pros talk about color?- How does color impact meaning?- How can color guide user behavior?
@joshmiles
Pro tips:- How do pros talk about color?- How does color impact meaning?- How can color guide user behavior?- How does color impact your mood?
@joshmiles
Pro tips:- How do pros talk about color?- How does color impact meaning?- How can color guide user behavior?- How does color impact your mood?- Do pros use color for good or evil?
@joshmiles
Color spaces: Pantone: PMS Numbers CMYK: Cyan, Magenta, Yellow, Black RGB: Red, Green, Blue Hexidecimal: Red, Green, Blue
@joshmiles
Can you name this color? Pantone: 426c CMYK: 60, 60, 60, 100 RGB: 0, 0, 0 Hexidecimal: 000000
@joshmiles
Google Material DesignChoose your palette “Limit your choice of colors by choosing three color hues in the primary and one accent color in the secondary palette. The accent color may or may not need fall back options.”
@joshmiles
Pro tips:1. Talk about color like a pro.2. Convey meaning.3. Create hierarchy & guide behavior.
@joshmiles
Pro tips:1. Talk about color like a pro.2. Convey meaning.3. Create hierarchy & guide behavior.4. Set the mood.
@joshmiles
Pro tips:1. Talk about color like a pro.2. Convey meaning.3. Create hierarchy & guide behavior.4. Set the mood.5. Expect more - use color for good.
@joshmiles
Resources:http://www.w3schools.com/tags/ref_colorpicker.asp https://kuler.adobe.com/create/color-wheel/ http://www.pantone.com/pages/pantone/index.aspx http://blog.marketo.com/2012/06/true-colors-what-your-brand-colors-say-about-your-business.html https://blog.kissmetrics.com/color-psychology/ http://www.google.com/design/ http://www.awwwards.com/
@joshmiles
Resources:http://www.w3schools.com/tags/ref_colorpicker.asp https://kuler.adobe.com/create/color-wheel/ http://www.pantone.com/pages/pantone/index.aspx http://blog.marketo.com/2012/06/true-colors-what-your-brand-colors-say-about-your-business.html https://blog.kissmetrics.com/color-psychology/ http://www.google.com/design/ http://www.awwwards.com/