COAP:COAP-3150 - week 3: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
No edit summary
Line 30: Line 30:
<references/>
<references/>


==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://designfestival.com/grid-theory/ Grid Theory]
* [http://www.thegridsystem.org/ The Grid System]


===Tools===
* [http://960.gs/ 960 grid system] - grid templates for Photoshop (among others) to place as layers.
* [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 17:50, 9 February 2012

Design specifications

Analyzing needs analysis results
Card sorting
  • generative— gathering user input on the organization and labeling of content
  • evaluative-determining whether people can correctly find things in an organizational structure we’ve created[1]
  • open (no categories) vs closed (predefined categories) [2]
  • In class activity - find and sort information on your site
Designing information

Tools for site planning

Readings

References


  • Assignment – building site information architecture