Tuesday/Friday

GDES-220 fall 2016 · American University Design
Instructor: David Ramos (ramos@american.edu)

Schedule

This schedule will change during the semester. Readings are listed under the class when they are due. Be ready to present your work in progress for any class.

This week

Tu 30 Aug #01

Topics

  • Introduction to design for interaction

Projects

Hey!

There’s reading due for next class! It’s listed under next class’ entry.

F 2 Sep #02

Topics

  • Capturing meaning with HTML/CSS typography

📎 First site: Basic site, Text Fixer

Reading

Projects

Tu 6 Sep #03

Topics

  • The box model

Reading

Projects

F 9 Sep #04

Topics

  • HTML/CSS box model (more on white space and DIVs)
  • Classes and IDs
  • Type

📎 Layout/typography demo (ZIP), complete (ZIP)

Tu 13 Sep #05

Topics

  • File structure
  • Images

📎 Positioning and image demo: Example vector images (ZIP); Complete image demo (ZIP)

Reading

Projects

  • Complete all HTML and some design/CSS for Recipe; some studio work in class

F 16 Sep #06

Topics

Reading

Projects

Tu 20 Sep #07

Topics

  • Positioning
  • Links

📎 Links demo: Links files (ZIP)

Reading

  • HTML & CSS, ch. 5

Projects

  • Turn in Recipe
  • Choose two or three possible articles for Content and form

F 23 Sep #08

Topics

  • Multicolumn pages
  • Grids and visual relationships

📎 Multicolumn layout demo: start (ZIP), complete (ZIP). Grid slides (PDF)

Reading

  • HTML & CSS ch. 16 (layout)

Tu 27 Sep #09

Topics

  • Studio
  • Sketching and process

Projects

  • Content and form: gather material. Bring collections of several dozen items (images, colors, patterns, type, and the like); three or more style tiles; or a combination of the two.

Reading

F 30 Sep #10

Topics

  • Sketching and process
  • Color models

Projects

  • Content and form: present three options for design concept as style tiles

Tu 4 Oct #11

Topics

  • Studio
  • Building layouts

📎 Layout exercise: start (ZIP)

Projects

  • Content and form: present refined version of one design concept

Reading

F 7 Oct #12

Topics

  • Information architecture, navigation, naming, and site maps

Projects

  • Content and form: show working template for one page

Reading

  • HTML & CSS ch. 18

Tu 11 Oct #13

Topics

  • HTML/CSS menus

📎 Navigation demo: start (ZIP), complete (ZIP)

Projects

  • Have refined design for front page and inside page

Reading

  • Don’t Make Me Think ch. 6

Tu 18 Oct #14

Topics

  • Background images
  • Selectors; reviewing floats

📎 Float demo: start (ZIP)
📎 Selector/background demo (ZIP), complete (ZIP)

Projects

  • Content and form: show working templates for all pages

Reading

  • Don’t Make Me Think ch. 2, 3

F 21 Oct #15

Topics

  • Studio

Reading

Tu 25 Oct #16

Topics

Projects

  • Content and form: add content

F 28 Oct #17

Plan

  • Studio

Projects

  • Content and form: add remaining content

Tu 1 Nov #18

Topics

  • Mobile/multidevice

📎 Responsive demo: start (ZIP), complete (ZIP)

Projects

F 4 Nov #19

Topics

  • Studio

Projects

Tu 8 Nov #20

Projects

  • Conference: critique site maps and three style tiles

F 11 Nov #21

Topics

  • Studio

Tu 15 Nov #22

Topics

  • Studio

F 18 Nov #23

Topics

  • Intro to JavaScript

📎 JavaScript intro: jQuery documentation,
Basic JavaScript + jQuery demo (ZIP),
Basic JavaScript + jQuery demo, complete (ZIP),
JavaScript scene demo (ZIP),
JavaScript slides (PDF)

Projects

  • Conference: critique final style tile and rough sketches for page layout

Tu 22 Nov #24

Topics

  • JavaScript: evaluating and using an existing script
  • CSS transforms and transitions

📎 Script: Unslider demo (ZIP),
Unslider demo, complete (ZIP)

Projects

  • Conference: critique refined sketches for every page type

Th 24 Nov

Thanksgiving Break

Tu 29 Nov #25

Topics

  • Coding accessibile sites
  • Design for accessibility
  • Website hosting and CMS concepts

📎 Accessibility example (ZIP), 🌄 Hosting slides (PDF), 🌄 CMS slides (PDF)

Projects

  • Conference: critique HTML/CSS work (finished typographic system, navigation system, and one page layout)

F 2 Dec #26

Topics

Tu 6 Dec #27

Topics

  • Studio

F 9 Dec #28

Topics

  • Intellectual property for designers
  • Future
  • Group critique semifinal project

Reading

F 16 Dec

Exam period; no class

  • Turn in Conference ★ (upload to Dropbox by 5:00 p.m.)