Final booklet

Spread 1

Added rotation and green color change to the main title “Webapp” to invoke more interest.  Second spread and following have reduced the width of comments from the previous critique.

Spread 2

Each code page have a snippet showing the progress of when that specific code was written.  Statistics include date, time taken, lines of code, and emoticon for mood.

Spread 3

Same style as above.

Spread 4

Final back cover includes the same style comments like interior, but differentiates by having a green outline indicating uniqueness of author bio.  ASCII picture of myself is left in due to popular requests.

PDF: Booklet Final Spread

Cover ideas

Cover Idea 1

Wanted to have the front cover to give an indication of the content inside the booklet so the homepage of the web application and title in code are used.  On the back, staying true to the comment style explanation of the interior, explains the author of the booklet and portrays code in 10’s.

Cover Idea 2

This front cover assumes readers won’t care exactly what the code exactly implements, but instead just informs it’s code.  The design writes out code in ASCII letters to make it look even more retro.  The back is similar to Cover Idea, but instead overlays a photo of myself formed using ASCII characters like the front.

Cover Idea 3

Unlike the first two designs which used a lot of black, this last design keeps it clean and simple with part code style and ASCII rendering of myself.  Additionally, it includes “Webapp” to denote the main point of the code as opposed to having the emphasis on code.  This is the design used for the rough draft.

Resume and business card final

Final Resume

Took in the suggestions from Tuesday’s critique and changed the name to be in one color with heavier stroke.  Additionally, added more space between Courses and Language.  The area between the left and right column has also expanded for clear separation.  Arrow bullets were removed due to distraction, and the overall resume was slight adjusted in location.

Final Business Card

Keeping with the clean design of the resume, name is colored and bolded in Garamond with title, affiliations, and contact information in Helvetica.  Carnegie Mellon logo adds prominence to institution association.

Business card rough draft

Business Card Sketches

Sketches were more conservative due to my major.  There are no diagonals or vertical placements.

Business Card Draft

Keeping with the clean design of the resume, name is colored and bolded in Garamond with title, affiliations, and contact information in Helvetica.  Carnegie Mellon logo adds prominence to institution association.

Resume rough draft

Sketches

Sketches were aligned to the two thirds, one third rule.  Played around ideas stemming from the classical resume layout.

Resume Draft

Used Garamond for name to differentiate from the rest of the resume.  Coloring highlights the main parts of the resume (along with all caps).  Following the two thirds, one third rule to focus attention on employment experience.  Four levels of hierarchy to further classify personal information.

Typographic Hierarchy (part 4)

Color Design 1

This was a redesign of one of the critiqued designs from part 3.  Moved all of the films to one side to maintain unity.  In addition, not all words are hugging along the same diagonal line (the dates for example).  Used minimal coloring as Miyazaki films aren’t very heavy and dense, but rather light and innocent.  Brought “Admission free” up to top of line so more emphasis is given.  Italicized “present” and dates to add some differentiation.  Choice of colors still doesn’t seem to be ideal.

Color Design 2

This design is also one that was critiqued in part three.  Though the design still emphasized indentation, there are slight changes in the general left to right style to create a more centered approach.  This redesign brought up importance of the main subject with bold colors and has a blockbuster feel to it.  This is probably my favorite of the three designs for this assignment.

Color Design 3

This design is build upon one of the non-critiqued designs from part three.  The general left and right is preserved with added interplay of colors.  “Hayao Miyazaki” is moved to the left as opposed to the right to create more balance and emphasis.  “Admission free” is put at the bottom to create a focal point, so viewers can see it despite its smaller size.  Again minimal color is employed to give a lighter feel.