5 things developers need to know about design
Post on 18-Oct-2014
3.066 Views
Preview:
DESCRIPTION
TRANSCRIPT
@PaulTrani
55
THINGS
Every Developer Needs to Know
ABOUT DESIGN
Monday, October 28, 13
@PaulTrani
5
Paul TraniCreative Cloud Evangelist, Adobe17 years of making design mistakes4 year-old cleverly disguised as a reasonable adult
Monday, October 28, 13
@PaulTrani
5
Why it matters...
Monday, October 28, 13
@PaulTrani
5Research
www.jnd.org @PaulTraniMonday, October 28, 13
@PaulTrani
5
Sexy?
Monday, October 28, 13
@PaulTrani
5
Sexy!
Monday, October 28, 13
@PaulTrani
155
Know that...
YOU’RE NOT A DESIGNER*
*But you are awesome and can fake it really well.Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
25
Know how to...
LEAD THE EYE
Monday, October 28, 13
@PaulTrani
5
It’s about leading the eye...
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5Golden Ratio
Monday, October 28, 13
@PaulTrani
5Golden Ratio
Fibonacci Numbers
Monday, October 28, 13
@PaulTrani
5Golden Ratio
Monday, October 28, 13
@PaulTrani
5Golden Ratio
Monday, October 28, 13
@PaulTrani
5
Which object is easier to look at?
Monday, October 28, 13
@PaulTrani
5
Sharp corners take focus outside the rectangle.
Monday, October 28, 13
@PaulTrani
5
Rounded corners take focus inside the rectangle.
Monday, October 28, 13
@PaulTrani
5
http://www.mani.de/backstage/?p=483
Monday, October 28, 13
@PaulTrani
5
http://www.mani.de/backstage/?p=483
Monday, October 28, 13
@PaulTrani
5
Adventure Co.escape normal
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
35
Know how to...
USE COLOR & IMAGERY
Monday, October 28, 13
@PaulTrani
5
“Use color to emphasize importance, not decorate a page.” Alexander White
Monday, October 28, 13
@PaulTrani
5
“A picture is worth a thousand words.”
“Let the picture tell the story.”
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
45
Know how to...
USE TEXT & TYPOGRAPHY
Monday, October 28, 13
@PaulTrani
5Typography
“Typography has one plain duty before it and that’s to convey information in writing.”
Emil Ruder
Monday, October 28, 13
@PaulTrani
5
Choosing Fonts
• Choose a font that fits the subject
• Don’t use more than three
Monday, October 28, 13
@PaulTrani
5
Font Styles
Monday, October 28, 13
@PaulTrani
5
Font Awesomeness
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
55
FEEDBACK FROM OTHERS
Always get...
Monday, October 28, 13
@PaulTrani
5
Over 1 million members...
Behance.net
Monday, October 28, 13
@PaulTrani
55
Design Fundamentals
1. You’re not a designer. (but you can fake it really well)2. Lead the eye with your layout.3. Use color and imagery to capture attention.4. Use fonts sparingly.5. Get feedback from others.
Monday, October 28, 13
@PaulTrani
65
MAKE IT AWESOME
Then...
Monday, October 28, 13
@PaulTrani
5
Adventure Co.escape normal
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
An electronic journal for mobile phones. Keep track of what you want and where you found it.
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Monday, October 28, 13
@PaulTrani
5
Closing Remarks
Monday, October 28, 13
@PaulTrani
5
Don’t try to be great, try to be invisible.
Monday, October 28, 13
@PaulTrani
5
Don’t “put a star burst behind it.”
Monday, October 28, 13
@PaulTrani
5
Don’t use yellow text on a white background.
Monday, October 28, 13
@PaulTrani
5
Don’t use Comic Sans.
Monday, October 28, 13
@PaulTrani
5
Thank You!
@paultraniptrani@adobe.com
http://www.paultrani.com http://www.behance.net
Monday, October 28, 13
top related