210
edits
Education/Design: Difference between revisions
Jump to navigation
Jump to search
no edit summary
Jamesboston (talk | contribs) No edit summary |
Jamesboston (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
Mozilla needs designers. You can help imagine the next generation of Mozilla products. | |||
Students are currently getting involved through the [http://design-challenge.mozilla.com/summer09/ Design Challenge] as part of the [http://labs.mozilla.com/projects/concept-series/ Mozilla Labs Concept Series]. | |||
Video tutorials created to help students get started with the Design Challenge can be found either at [http://www.vimeo.com/mozconcept Concept Series on Vimeo] or at the bottom of the [http://design-challenge.mozilla.com/spring09/ Spring 09 Design Challenge] page. However, those videos will also be linked from here with additional resources. | |||
=Design Theory= | |||
<!--=[[Education/Design/Theory|Design Theory]]=--> | |||
* [http://www.vimeo.com/3760909 Open Source Design, Mozilla and You] | |||
[[Image:Open_source_design_mozilla_and_you.jpg]] | |||
*[http://www.vimeo.com/3952822 Innovation, UCD, Web and Life ] | |||
[[Image:Innovation_ucd_and_web.jpg]] | |||
<!-- | |||
* Design Principles for Application Design | |||
* Interaction Design 101 | |||
* Personas 101 | |||
--> | |||
<!-- | |||
=[[Education/Design/Mockups|Mockups]]= | =[[Education/Design/Mockups|Mockups]]= | ||
* How to create a mockup | * How to create a mockup | ||
* Tools for creating mockups | * Tools for creating mockups | ||
--> | |||
=[[Education/Design/Prototypes|Prototypes]]= | =Prototypes= | ||
<!--=[[Education/Design/Prototypes|Prototypes]]=--> | |||
<!-- | |||
* From mockup to prototype | * From mockup to prototype | ||
* Tools for creating prototypes | * Tools for creating prototypes | ||
* Prototyping using the Web: HTML, CSS, Javascript | * Prototyping using the Web: HTML, CSS, Javascript | ||
* Rapid Prototyping using Javascript Frameworks (e.g. jQuery) | --> | ||
* Rapid Prototyping using Canvas | * [http://www.vimeo.com/3958413 Rapid Prototyping using Javascript Frameworks (e.g. jQuery)] | ||
[[Image:Prototyping_using_jquery.jpg]] | |||
* [http://www.vimeo.com/3833774 Rapid Prototyping using Canvas] | |||
* | [[Image:Prototyping_with_canvas.jpg]] | ||
*[http://www.vimeo.com/3922255 Engineering prototypes] | |||
[[Image:Engineering_prototypes.jpg]] | |||
<!-- | |||
=[[Education/Design/Examples|Design Examples]]= | =[[Education/Design/Examples|Design Examples]]= | ||
XXX | XXX | ||
--> | |||
[[Category:Education]] | [[Category:Education]] | ||
[[Category:Design]] | [[Category:Design]] | ||