SLIDE 1
HTML? HyperText Markup Language is the standard markup language - - PowerPoint PPT Presentation
HTML? HyperText Markup Language is the standard markup language - - PowerPoint PPT Presentation
HTML? HyperText Markup Language is the standard markup language used to create web pages. Written using tags enclosed in angle brackets <html> called opening tag </html> called closing tag interxchange.github.io good design is all
SLIDE 2
SLIDE 3
interxchange.github.io
SLIDE 4
#Design
good design is all about making other designers feel like idiots because that idea wasn’t theirs.
- Frank Chimero
clear thinking made visual staring at a computer screen untjl your eyes bleed
SLIDE 5
Web vs. Paper
web is interactjve and has to work on may difgerent devices and internet speeds and lots of constantly changing elements where on paper the constraints are constant htup:/ /iampaddy.com/lifebelow600/
SLIDE 6
Prototype Iterate
tamingdata.com
SLIDE 7
Good Design
“Good design is not about what medium you’re work- ing in. It’s about thinking hard about what you want to do and what you have to work with before you start.”
- Susan Kare
SLIDE 8
Design Process
Prompt / Client Meetjng Sketch / ideate Research Refine Prototype Revise Deliver
SLIDE 9
Web Chrome
SLIDE 10
Clarity
SLIDE 11
Clarity
SLIDE 12
Principles
SLIDE 13
Constraints
blog.clifgano.com
SLIDE 14
Design a UI
Design a Spaceship control panel constraints: only butuons
- n/ofg
fjre thrusters, top, lefu right, botuom, front and back self destruct
SLIDE 15
Tools
SLIDE 16
Inspiratjon
+
SLIDE 17
File Prep
72dpi is plenty for the web make images the size you want to display them PNGs are good for images SVGs for things like logos
- ptjmize your images: imageoptjm(mac) xnview(win)
use camelCase for fjle names
SLIDE 18
How to Design?
Time Low Fidelity High Fidelity Prototype Product
SLIDE 19
Becoming a Designer
- 1. Design Everything
- 2. Design More Things
- 3. Look for Projects
- 4. Take Classes
- 5. Read about design
SLIDE 20
commonsenseux.com