01 Project: Digital Magazine / Interactive PDFs

PROJECT DESCRIPTION

Create a Digital Magazine | Interactive PDFs.

  • Based off of art / design magazines or gallery books that showcase artists and their work
  • Use your work and that of fellow classmates for content
    • Each student is required to submit 5 high quality images fo thier work with small statements about each piece including slide ID
    • A general ethic / work statement written in the third person
  • Design must include grid structure, strong typography and layout with consistent elements throughout the design and interactive elements

OBJECTIVES

Learn

  1. The design process
  2. Principles and elements of layout design
  3. Grid structure
  4. Differences between print design and media/web design

DELIVERABLE

Submit in digital format

  • Native INDD file organized in folders
  • Exported INTERACTIVE DESIGN
  • Time-log
  • Critique statement

DUE

September 19

 

02 Project: Portfolio DEMO Site

Learn to use Photoshop as a tool for mocking up a design

Take the Photoshop mock up and create a full HTML and CSS website

OBJECTIVES

Learn

  1. The web design process
  2. Principles and elements of layout design in web design
  3. Grid structure
  4. Looking at a Photoshop Mock up design
  5. Saving different graphics needed before coding the HTML and CSS
  6. Coding HTML and CSS

 

03 Project: Building a Web Design Portfolio Site

OBJECTIVES

Learn

  1. The web design process
  2. Principles and elements of layout design in web design
  3. Investigation of Web Design styles
  4. Website design visuals & Wireframing
  5. Color Schemes
  6. Grid structure
  7. Creating a Photoshop Mock up design
  8. Saving different graphics needed before coding the HTML and CSS
  9. Coding HTML and CSS
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s