COAP:COAP-3150 - week 3: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 2: | Line 2: | ||
==Part I== | ==Part I== | ||
====[[Grids]]==== | ====[[Grids]]==== | ||
====[[ | ====Wireframes and mockups==== | ||
Wireframes are sketches of web page layouts and interfaces. They can be made using a variety of tools, from pencil and paper to sophisticated software, to sketch out the organization of a web page and its features. | |||
;Online tools | |||
* [http://wireframemockups.com wireframemockups.com] - also produces code for creating working [[Web prototyping software |prototypes]] | |||
* [http://www.gliffy.com/ Gliffy], [http://creately.com] - sketching online | |||
;Template and kits | |||
[http://www.jankoatwarpspeed.com Free Sketching & Wireframing Kit] to use with Illustrator or Photoshop or other vector-based drawing or image editing software. | |||
See also | |||
* [[Web wireframe]] article for more tools and software (some commercial) | |||
* Further reading on [[Web_prototyping_software#Introductions_and_further_reading |web prototyping]] | |||
==Part II== | ==Part II== | ||
Revision as of 21:43, 2 February 2012
This article or section is currently under construction
In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")
Part I
Grids
Wireframes and mockups
Wireframes are sketches of web page layouts and interfaces. They can be made using a variety of tools, from pencil and paper to sophisticated software, to sketch out the organization of a web page and its features.
- Online tools
- wireframemockups.com - also produces code for creating working prototypes
- Gliffy, [1] - sketching online
- Template and kits
Free Sketching & Wireframing Kit to use with Illustrator or Photoshop or other vector-based drawing or image editing software.
See also
- Web wireframe article for more tools and software (some commercial)
- Further reading on web prototyping
Part II
Design specifications
card sorting
designing information
sitemap planning
site/file structure
- Assignment – building site information architecture