(a09) Newsletter Wireframe in Adobe Illustrator

We will use an existing UI study as a reference to create a Wireframe.

mccann-web114-a09The following (2) items are due:

(a09-01)  original file (.AI)
(a09-02)  Save a Copy… (.pdf)

Create a newsletter wireframe that has properly named Layers and are organized using Group folders. Using the existing UI study from assignment 02, change the styles of the shapes, add Lorem Ipsum (as mock content) using the Text tool, then duplicate and re-organize with the Layers panel. Then duplicate the wireframe using the Artboard tool and modify existing elements to create a mobile view of the wireframe.

There are to be (2) wireframes on (2) separate artboards in the same AI file:

mccann-web114-a09-01-s

  1. Artboard 1: Email newsletter wireframe – 700 px wide
  2. Artboard 2: Mobile newsletter wireframe – 320 px wide

Use directions from Week 09 AI Newsletter Wireframe

  • Full credit for the creation of all steps shown to completion
  • Change assignment 02 element attributes into a wireframe
  • Correctly duplicated artboards
  • Properly organized Layers panel
  • Shapes correctly sized and aligned
  • Proper hierarchy of design elements in the Layers panel
  • All objects named accordingly
  • Logically grouped items

Assignment Submission:

Before final submission you will need to make sure all files are named properly and are being placed in a properly labeled assignment folder.

web114-a09 files requiredYou should be sending me a ZIPd folder containing the appropriate files

  • Create (1) one assignment folder: LastName-web114a09
  • Place properly named assignment file(s) in this folder.
      LastName-web114-a09-01.ai
      LastName-web114-a09-02.pdf
  • Right-click on the assignment folder and select Compress”…”
    A Zip’d copy of the folder will now appear

Submitting your assignment

  1. You are to send the URL to a ZIPd assignment via an eMail app of choice
    Send to :Martin.McCann@seattlecolleges.edu
  2. The Subject line should contain the following:
    Web114 – a0(assignment number) – 0(section)
  3. In the body of the message should be a direct URL to this week’s assignment. If you are using the Edison server the URL should look somewhat like this:
    http://edison.seattlecentral.edu/~Your.Name/web114/LastName-web114-a0*.zip

Due – Week 09