COAP:COAP-3150 - week 3: Difference between revisions
Jump to navigation
Jump to search
| Line 31: | Line 31: | ||
==Layouts and grids== | ==Layouts and grids== | ||
Grid systems and used to organize layouts in print and web pages. Grids are made of horizontal baseline grids and separations and vertical columns and spacing between columns and margins. | |||
* [http:// | * [http://designfestival.com/grid-theory/ Grid Theory] | ||
* [http://www.thegridsystem.org/ The Grid System] | * [http://www.thegridsystem.org/ The Grid System] | ||
===Tools=== | |||
* [http://modulargrid.org/#app Modular grid app] - CS5 plugin or web application and option to export result | |||
* [http://fluidbaselinegrid.com/ Fluid baseline grid] - for designing fluid CSS-based grids | |||
* [http://www.viget.com/inspire/free-psd-design-templates/ LAYOUT & STYLEGUIDE TEMPLATES: YOUR NEW BFFs] - Photoshop layout templates | |||
* [http://www.guideguide.me/ GuideGuide] - panel plugin for Photoshop CS4+ | |||
; Further reading | |||
* [http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/ Grid design basics: Grids for Web page layouts] - Dev.Opera | |||
* [http://www.smashingmagazine.com/2011/11/09/establishing-your-grid-in-photoshop/ Establishing Your Grid In Photoshop] | |||
* [http://designfestival.com/designing-for-the-web-templates-and-grid-systems/ Designing for the Web: Templates and Grid Systems]: Design Festival - | |||
---- | ---- | ||
* Assignment – building site information architecture | * Assignment – building site information architecture | ||
[[Category:COAP 3150]] | [[Category:COAP 3150]] | ||
Revision as of 00:27, 3 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")
Design specifications
- Analyzing needs analysis results
- Card sorting
- generative vs evaluative[1]
- open (no categories) vs closed (predefined categories) [2]
- In class activity - find and sort information
- Designing information
- Sitemap planning
- Designing navigation
- Site and file structure
Tools for site planning
- Web applications (on line)
Further reading
- Planning And Implementing Website Navigation - Smashing Magazine
- Card Sorting: How Many Users to Test (Jakob Nielsen's Alertbox)
- References
- ↑ Comparing User Research Methods for Information Architecture :: UXmatters
- ↑ Card sorting: a definitive guide - Boxes and Arrows: The design behind the design
Layouts and grids
Grid systems and used to organize layouts in print and web pages. Grids are made of horizontal baseline grids and separations and vertical columns and spacing between columns and margins.
Tools
- Modular grid app - CS5 plugin or web application and option to export result
- Fluid baseline grid - for designing fluid CSS-based grids
- LAYOUT & STYLEGUIDE TEMPLATES: YOUR NEW BFFs - Photoshop layout templates
- GuideGuide - panel plugin for Photoshop CS4+
- Further reading
- Grid design basics: Grids for Web page layouts - Dev.Opera
- Establishing Your Grid In Photoshop
- Designing for the Web: Templates and Grid Systems: Design Festival -
- Assignment – building site information architecture