design for developers
TRANSCRIPT
Design for Developersby
Pwint Phyu Kyaw
[ Yangon ]
Who am i ?My name is Pwint Phyu Kyaw a.k.a Li Jia Li.
I’m a backend PHP Developer who also know a little about design.
I’m a co-founder of Hexcores.
Mission of the Hexcores is to simplify people life with technology.
Why is design important ?
It’s not just what it looks like and feels like. Design is how it works.
!
Users don’t see your code. They just see the UI of your app.
While (!functional_design){
iterate(); //Failure is on its way!
}
Reference : https://speakerdeck.com/prtksxna/interface-design-for-developers
Don’t worry
You just need some tools to solve the problems.
Design Hacks
Typography
Image Source : http://abduzeedo.com/typography-mania-19
Typography is the King.
WhatFonthttp://chengyinliu.com/whatfont.html
Available in
• Bookmarklet
• Chrome Extension
• Safari Extension
No more than two typefaces.
Let the content breath.
Visual Hierarchy ( Font Weight + Size + Color )
Registration Successful !User Account Information Jonathan Doe [email protected]
Registration Successful !User Account Information Jonathan Doe [email protected]
Color
Don’t know which color to use ?
Google Material Colorshttp://www.google.com/design/spec/style/color.html
Use icons in design" ♥ $ %
UX Design
What is UX Design ?• User-centered design
• Usability
• Interface design
• Prototyping
• Interaction design
• Information architecture
• Blah blah blah ……………………………………………….
Use UI patterns which are already used.
Learn from others
Resources
Design School for Developers http://webdesign.tutsplus.com/series/design-school-for-developers--webdesign-13793
Thanks for listening.& @EyeOfDragonLi