Difference between revisions of "Design and Prototyping"
Line 11: | Line 11: | ||
Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for leye in | Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for leye in | ||
− | + | designing > developing > re-designing > re-developing | |
+ | |||
+ | prototyping allows you to do that | ||
+ | |||
+ | static site generators | ||
+ | |||
+ | planning vs. making | ||
+ | |||
+ | static site generators -> metalsmith | ||
+ | |||
+ | having conversations early -> if you know how drupal will spit out -> develop CSS file to structure | ||
+ | |||
+ | psych tool -> making them think they're in good hands -> first site looks good while not putting in too much work | ||
+ | |||
+ | about the design design a framework before you code half |
Revision as of 21:14, 1 April 2016
Start with a branding style guide
Planning ahead of time
Prototype is the fastest way to validate an idea
Wireframing vs. Prototyping
Wireframing > Sticky notes > Agreeing on structure /what goes on each page
Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for leye in
designing > developing > re-designing > re-developing
prototyping allows you to do that
static site generators
planning vs. making
static site generators -> metalsmith
having conversations early -> if you know how drupal will spit out -> develop CSS file to structure
psych tool -> making them think they're in good hands -> first site looks good while not putting in too much work
about the design design a framework before you code half