Art of the Web (DSGN 234)

Explainer

Overview

At its best, the internet is a magnificent pool of information and knowledge. Let’s contribute to it. For this assignment, think of something you’d like to teach the class to do and create a website for it. It can be small (how to tie a ribbon on a gift) or large (how to get the most out of your education?) but should exercise an editorial point of view and establish a visual system. Consider how to use language and form to establish a consistent tone of voice and direct a user through the process.

Consider

  • Pay special attention to the typography of your instructions. How can you develop a tone of voice through the language and aesthetic choices?
  • Consider formal qualities and techniques that can help unify your type, images, and content (color, photographic treatment, size, crop, content)
  • How should the links be organized on the website? Is there consistent navigation? How does the impact change when you can see the entire set of instructions right away vs. one at a time?
  • Is your explainer most effective in a purely typographic format or does it need additional content? Consider adding captions, video, illustrations, or photos for additional context. If you choose to add supporting content, think through the art direction and how you can create your own set of assets.

Specs

  • HTML (CSS optional)

Learning Goals

  • Develop a narrative through mixed media
  • Think through website organization
  • Familiarize ourselves with HTML