Bring in 4 pieces/sites/links/whatever
Explain your choices.
(these must be works/sites you feel relate to this class, or are examples of what you wish [or definitely do not wish] to get from the class)
Due Date:
Bring in Site-Map and other Architectural information for a website of your choosing. Try to pick something that has at several pages and at least a few kinds of "Content." Picking a Newspaper or magazine site might be too involved, but just picking a tumblr blog would be too little to think about... though even a tumblr can be divided up into content like "video", "audio", "posts", etc., so maybe that is fine... If you have a personal site you are working on, or a previous project that you plan on adding too, use this as a way to explore that.
Criteria:
Due Date:
Main goal: Create a collection and a means for its display.
Brief:
In this project, each designer will create a chronologic website based on a collection of books they have read or otherwise encountered. Each project should contain a map or diagram representing relationships among the selected titles as well as a “chronology.”
Try to span roughly the last decade. Note those books (or if you'd like to also use films, records, or other works of art/design, that is fine too) that have had a meaningful, memorable impact on your life and practice. What has helped form the YOU of the present? What have you read that has been significant to the formation of your identity or the direction or content of your work?
Turn this chronology into a cleverly designed, hyperlinked narrative of your life and/or work through the lens of these other texts or works. Make design choices that correspond to you, the books, and any other content you’ve referenced. Think about the site architecture, format, what sort of “content” this might contain, etc.
The goal here is to deal with a variety of kinds of content, begin dealing with a quantity of information, build a site-plan for said material, learn some good HTML syntax and structure, put to use some CSS positioning, and to find an interesting way to display it all.
Have this live on either your server or on github for discussion in class.
Due Date:
Readings: http://contentsmagazine.com/articles/reading-between-the-texts/
The poster might be a print object, but it’s main purpose is catching someone’s eye and advertising a product, service, or event. Webpages can operate the same way, and often a startup or institutions site is nothing more than a poster (homepage) that links you off to some other stuff. For this project please design a poster using only HTML and CSS code (if you need a little JS, that’s fine too). You may use any @font-face references you’d like, but please create any graphic forms or other elements using only CSS3 transformations. Content in of your choosing. If you don’t want to come up with original content, take a design-history reference that you particularly love and try to replicate that using only code. “Poster” can be interpretted any way that you see fit. The point here is really to a) just make a single page that has graphic impact, and b) get a better understanding of @font-face use as well as some of the other CSS tranformations we've looked at. You should also begin to feel comfortable either taking a static design from PhotoShop or Illustrator and turn it into code — or — purely design “in the browser” with no design software even necessary.
Due Date:
Take a wikipedia entry about something that either relates to your work or something that is of particular interest to you. Using the text and images there, redesign it with your own custom HTML + CSS. This will be about type, hierarchy, and design. It is also to be (at least semi-) Responsive. We've started talking about Grid Systems and Responsive/Adaptive ideas, so begin to integrate them here. Think about how you are going to deal with images and captions. Also, think about this in terms of a greater eco-system (either the greater eco-system of wikipedia or in terms of "publishing" on the web in general) — is your solution something that only works for this page, or could it be implemented as part of a larger, expandable system.
Have this live on either your server or on github for discussion in class.
Due Date:
Do something cool with what we did in class for next week… 1-2 weeks. Make a Full-screen picture gallery. Make touch-gestures advance it forward/backward, make touch gestures load newer/older projects. What else?
Criteria:
Due Date:
For those of you that are 2nd years, you'll probably be working on your thesis sites. Your final project can just be that; hopefully you'll be able to apply everything we've worked on to your thesis site. For non-thesis students, you'll be free to work on anything that you like with the caveat that you are attempting to bring in as much of what we've covered as possible. I will have a short list of “must have” criteria — like a grid, or that it is responsive, or that it includes a certain number of JQuery plugins or something… Otherwise, please work on something passionate for you — either your personal site, maybe something you wish to explore online in terms of “publishing,” or an experiment that aids you in exploring your own potential thesis ideas, or other areas of your personal practice.
Criteria:
Due Date: