Holiday
New Years Day.

 

Faculty Work Day

No Class

 

                                                         

Process
First Day of Class

  • Welcome Back & Introductions

This color means something is due

This color means something is assigned

  • Which Servers?
  • We have two sets of server folders and Canvas courses. Please use the 111-1 and 111-2 folders; and the 4451 and 4453 Canvas courses.
  • Everyone enrolled in BUS123, Business Math - Go to the orientation that overlaps this class! BUS 123 folks can catch up outside class.

  • Watch:
    Christoph Neimann and 3 Fears of Creatives
  • Ultimate Art Collection on the server (Vector Artwork)
  • TheNounProject.com
  • Assign Presentation Groups 
  • Lecture:
    Visual Brief Collage (Moodboards)
  • Introduce Project:
    Restaurant Branding  

Branding Step 1:
Research Branding & Logo Direction (200 images)
Due 1/8 BOC

Assignment:
Read Graphic Design Solutions: pages 240-254.

Check Canvas for the first Discussion...due on Friday!!!

Technology II

Syllabi

Begin Exercise Editorial Build, overview and homework assignment

  • select online editorial
  • library, select 3 layouts, make full-sized xerox copies

examples

instructions

positive attitude

time management

    SUPPLIES
  • tracing paper pad
  • pencil
  • eraser
Process

Branding & Logo Research Due 

Meet in Room 203 

  • Lecture:
    • What is branding?
    • What is design?
    • What is process?
    • What is Visual Identiity?
    • What is a construct?
    • What is a visual brief collage? (pg. 253)
  • Review In-Class:
    Restaurant Branding
  • Resource:

    Branding Step 2:
    Restaurant Logo Thumbnnails (10 Solid Concepts)

    Due Dates:
    1/13 - Group 1
    1/15 - Group
    2

    • Start:
      Restaurant Logo Thumbnails (If time allows)
Technology II

Bring 3 full-sized editorial build photo copies and supplies to class (grade)

    SUPPLIES
  • tracing paper pad
  • pencil
  • eraser

Process

Canvas Discussion due

Meet in Room 212a 

  • Work with Robin on CA Subscription

  • Work:
    Restaurant Logo Thumbnails (If time allows)

Next Canvas Discussion

 

                                                         

                                                         

Process

(Group 1) Branding Step 2:
10 Restaurant Logo Thumbnails

Meet in Room 203 

  • Introduce Project Component:
    Printed Menu

  • Critiques: 
    Restaurant Logo Thumbnails (10 Solid Concepts)

Branding Step 3:
3 Visual Brief Collage/Moodboards (example)
1/15 - Group 1
1/17 Group 2

Menu Step 1: Menu Layout Research (200 Images)
Due 1/17 BOC

Technology II

Exercise Shape Builder and Live Paint. Submit native Ai file and smallest PDF.

Bring tracing paper, pencil, and black sharpie marker.

Process

(Group 2) Branding Step 2:
10 Restaurant Logo Thumbnails

(Group 1) Branding Step 3: Visual Brief collage is due today. Store as PDF in AVA Classes>Dropoff.

Meet in Room 203 

  • Critiques: 
    Restaurant Logo Thumbnails (10 Solid Concepts)
  • After Critiques Work: 
  • Restaurant Logo Roughs (3)
  • Menu Layout Research

Branding Step 4: 
Restaurant Logo Roughs (3)

Due Dates:
1/22 - Group 2
1/24 Group 1

Technology II

Exercise Pen Tool tutorials, due EOC on dropoff server. Submit native Ai files.

Exercise Clipping Masks. Submit native Ai file.

Process

Canvas Discussion due

(Group 2) Branding Step 3: Visual Brief collage is due today.  Store as PDF in AVA Classes>Dropoff.

Menu Step 1:
Sign off Restaurant Menu Research - Due BOC

Meet in Room 212a 

830am Class, John will be in a little late; taking kids to school

  • Work: 
    Restaurant Logo Roughs (3)

Next Canvas Discussion

                                                         

                                                         

Holiday
Martin Luther King Jr. Day
Technology II

Exercise Clipping Masks

Exercise Editorial Build continued

Demo: measuring type and layout

  • type ruler, picas & points
  • fonts, sizes
  • leading
  • grid review
  • guide layers
  • headline
  • subheadlines
  • body copy
  • folios, page numbers
  • images

WIC on editorial build, measurements and font specifications

Process

(Group 1) Branding Step 4: Restaurant Logo Roughs of 3 concepts - Due BOC

Meet in Room 203 

  • In-class critiques: 
    Restaurant Logo Roughs (Group 1)
  • Branding Step 1: Restaurant Logo Final Due BOC
    Group 1: 1/27
    Group 2: 1/29

Technology II

Branding Step 5: Technology Stategy signoff

Exercise Editorial Build continued

Demo: transferring editorial build measurements to InDesign document

set up job folder for Exercise: Editorial Build

WIC editorial build

Process

Canvas Discussion due

(Group 2) Branding Step 4: Restaurant Logo Roughs of 3 concepts - Due BOC

Meet in Room 203 

  • Critiques: 
    In-class Restaurant Logo Roughs (Group 2)
  • After Critiques Work: 
    Restaurant Logo Final

Menu Step 2: Restaurant Menu Thumbnails (5) Due 1/31 - BOC

Next Canvas Discussion

                                                         

                                                         

Process

(Group 1) Branding Step 6: Final Restaurant Logo - Due BOC

  • In-class  critique: 
    Final logos (Group 1)
  • Work: 
    • Final Logo Revisions
    • Restaurant Menu Thumbnails (5)
Technology II

Exercise Editorial Build complete in InDesign, saved on class dropoff server, packaged, with X1a PDF

Begin Exercise Master Pages

Demo: Master Pages

WIC Exercise Master Pages

Begin Exercise InDesign Importing Images

Demo: Images

  • importing images
  • image sizing and resolution
Process

(Group 2) Branding Step 6: Final Restaurant Logo - Due BOC

  • In-class  critique: 
    Final logos (Group 2)
  • Lecture: 
    Grid Systems
    • Intro to 12 column grid system
Technology II

Exercise Master Pages, complete in InDesign, saved on class dropoff server, packaged, with X1a PDF

Begin Exercise Paragraph and Character Styles

Demo: Paragraph and Character Styles

WIC Exercise Paragraph and Character Styles,

Assignment: write branding technology strategy requirements, paragraph and correct sentence form, in a Word document; submit into dropoff server folder

Process

Canvas Discussion due

Menu Step 2: Sign off (5) thumbnails - Due BOC

  • Group critiques: 
    Critique menu thumbnails in groups of three and check in with art director on (3) layout selections by end of the class
  • Start Moodboards for selected thumbnails

Menu Step 3:
Moodboards From 3 selected thumbnails

Due 2/3 BOC

Menu Step 4:
menu roughs
Due Dates
Group 2- 2/5
Group 1 -2/7

Next Canvas Discussion

                                                         

top of page

Process

Menu Steps 3: Signoff (3) menu moodboards - Due BOC

Branding Step 7:
Restaurant Logo revisions -
PDF Due on Server BOC

  • Look at:
    Logo Revisions (All)
  • Discuss Branding Step 8 Deliverables
  • Lecture: 
    6 Key Components
    of Web Design
  • Work: 
    Menu Roughs

Assignment: Read
Ch. 13, Interactive and Motion Graphics

Technology II

Exercise Paragraph and Character Styles, complete in InDesign, saved on class dropoff server, packaged, with X1a PDF (grade)

Branding technology strategy Word document due BOC on dropoff server folder

Process

(Group 2 Menu Step 4: Signoff
Menu Roughs - Due BOC

  • In-class critique: 
    Menu Roughs - (Group 2)
Technology II

Begin Exercise InDesign Type

Discuss Branding Step 8: Project Deliverables Art Director wants:

  • Full color printed & trimmed to 4"x4"
  • Mounted to 5"x5" presentation board
  • Handout template
  • Purchase:
    • Presentation board
    • Utility Knife
    • Spray Mount
    • Masking Tape

Demo: Type

  • threading type boxes
  • type wrap
  • initial caps
  • adding rules
  • tabs
  • indents
  • leader lines
  • interactive hyperlinks

Assignment: write print menu technology strategy requirements, paragraph and correct sentence form, in a Word document; submit into dropoff server folder

Process

(Group 1) Menu Step 4: Signoff
Menu Roughs- Due BOC

Canvas Discussion due

Menu Step 6:
Final Designs
Due Dates:
Group 2 - 2/11
Group 1 - 2/14

Website Step 1: Restaurant Website
Research Due 2/10 BOC

Next Canvas Discussion

Process

Website Step 1:
Sign off
Website Research (200 Images) on Server - Due BOC

  • Lecture: 
    Sitemaps, Wireframes, prototypes, UI/UX and other fun web terminology
  • Start:
    website ideation; thumbnails, concepts, and wireframes.
  • Work:
    Menu Design Finals
  • Wireframes (Thumbnails):
    1 Sitemap covers all layout concepts. There will 5 concepts. Per concept, there will be 4 thumbnail sketches. Desktop home, Desktop Menu, Mobile home, Mobile Menu.
     
  • Website Step 2:
    Restaurant Website Wire Frames (Thumbnails) and 1 Sitemap - Due 2/19 BOC

Technology II

Print menu technology strategy Word document due BOC on dropoff server folder

Menu Step 5: Technology Strategy

Step 5 Signoffs

WIC

Process

(Group 2) Menu Step 6: Signoff
Final Print Menu Designs - Due BOC

  • In-class critique: 
    Menu Finals - (Group 2)
  • Work:
    • Menu Revisions
    • Wire frames (Thumbnails) and Sitemap
Technology II

Exercise Photoshop Adjustment Layers

Demo: adjustment layers

  • levels
  • brightness and contrast
  • color balance
  • feathering

Lecture: Photoshop cropping and sizing images

Demo: cropping and sizing images

  • selecting and using the cropping tool
  • using the "crop options" dialog box to set pixel dimensions
  • setting the correct printing resolution for a 150lpi halftone screen (300ppi)
  • cropping the image to match the rough layout

Process

Canvas Discussion due

(Group 1) Menu Step 6: Signoff
Final Print Menu Designs - Due BOC

  • In-class critique:
    Final Print Menu Designs (Group 1)
  • Work:
    Printed Menu Final Revisions/Website Roughs

Menu Step 7:
Design Revisions Restaurant Print Menu Revisions (PDF ONLY) Due 2/21             

Next Canvas Discussion

Presidents Day

 

Process

Website Step 2:  Signoff
Restaurant Thumbnail/Wire Frames, Sitemap - Due BOC

  • 1-on-1 critique:
    Restaurant Wireframes (Thumbnails) and Sitemap
  • If we run out of time schedule a meeting during office hours
  • Work:
    Roughs Index (Home) & Menu Page
    • Photoshop Template in Pickup Folder

Website Step 3:
ONE Restaurant Moodboard due on the server             
Group 1 - 2/24
Group 2 - 2/26

Website Step 4:
Restaurant Website Roughs Index Page- Due Dates:
Group 1 - 2/24
Group 2 - 2/26

Technology II

Exercise Photoshop selection tools and masks

Demo: selection tools

  • utilizing Photoshop selection tools
  • creating selections and/or masks
  • working non-destructively

Process

Canvas Discussion due

Menu Step 7: Sign Off Menu Final revisions (PDF ONLY) Due BOC

  • Discuss:
    Menu Step 8 Physical Deliverables (show examples)
    Due 3/9
  • Work Day: 
    • Website Roughs

Assignment: Step 6
Restaurant Website FInal Due 3/13              

Next Canvas Discussion

Process

(Group 1) Website Step 3: Signoff
Restaurant Website ONE moodboard - Due BOC

(Group 1) Website Step 4: Signoff
Restaurant Website Roughs Index (Home) Page & Menu Page - Due BOC

Canvas Discussion due

  • In-class critiques:
    Website Roughs (Group 1)

Assignment:
Read Graphic Design Solutions: pages 285-305.

Technology II

Bootstrap 4

Ex Responsive Layout

Demo: responsive layout

  • sections
  • containers
  • rows
  • columns

Begin Exercise Landing Page

Print Step 7: Final files

Process

(Group 2) Website Step 3: Signoff
Restaurant Website ONE moodboard - Due BOC

(Group 2) Website Step 4: Signoff
Restaurant Website Roughs Index (Home) Page & Menu Page - Due BOC

Website Step 6:
Website Final Design
Due Dates:
Group 1 -3/11
Group 2 - 3/13

Ad Step 1:
Advertising Research (as before) and creative brief (Word DOC) (200 images)
Due 2/28

Technology II

Bootstrap 4

Begin Exercise Images for Web

Demo: images for web

  • figure tag

Begin Exercise: Navigation

Demo: navigation

  • hamburger menu
  • logo in navigation

WIC Exercise Landing Page

Process

Step 1: Sign off
Advertising Research (as before) and Creative Brief (Word DOC) - BOC

Canvas Discussion due

  • Lecture:
    Principles in Advertising
  • Watch in-class: Storytelling for advertising campaigns by Stephan Mumaw. In Lynda.com
  • Work:
    Ad thumbnails and concepts.

Ad Step 2:
Thumbnails / Concepts (Minimum 10 Different Concepts)
Due 3/2

Next Canvas Discussion

top of page

Process

Canvas Discussion due

Ad Step 2:
Signoff Advertisement thumbnails - Due BOC

  • Group critiques:
    Group of 4 critique then Check-in with Art Director after selection of 3 directions for sign off
  • If time runs out, schedule a meeting during office hours

Ad Step 3:
Mood Boards due on server
Due 3/6

Ad Step 4:
Advertisement Roughs
Due Dates:
Group 2 - 3/9
Group 1 - 3/11

Technology II

Bootstrap 4

Begin Exercise CSS Typography

Demo: web typography

  • rems
  • h tags
  • hexidecimal colors
  • Google web fonts
  • text alignments
  • capitalizations
  • leaders for web

Discuss Menu Step 8: Project Deliverables AD wants:

  • Full color printed & trimmed
  • Mounted with a pocket

Process

  • Work:
    • Moodboards
    • Ad Roughs
    • Website
Technology II

Bootstrap 4

WIC Index Page (introduction/history)

Process

Canvas Discussion due

Ad Step 3: Moodboards  - Due on server BOC

  • Watch: 
    Art & Copy

  • Check-In:
    Moodboards

Next Canvas Discussion

Process

Menu Step 8: Physical Print Menu Final /Logo revisions Printed, Mounted Due BOC

(Group 2) Ad Step 4: Advertisement Roughs

  • In-class critiques:
    Advertisment Roughs (Group 2)
  • After Critiques Work:
    • Advertisment Finals (Grp.2)
    • Website FInals

Ad Step 6:
Advertisment Finals
Due 3/20 (FInals Week) 

Technology II

All classes will watch the Grad Show presentations in Building 24, room 110. Be there at 8:20.

Process

(Group 1) Ad Step 4: Advertisement Roughs

  • In-class critiques:
    Advertisment Roughs (Group 1)
  • After Critiques Work:
    • Advertisment Finals
    • Website FInals
Technology II

Step 5: Technology Strategy, Ads technology strategy Word document due BOC on dropoff server folder

Menu Project Finish print menu mounted pockets & attach logo print

Process

Canvas Discussion due

(Group 1) Website Step 6:
Sign off Restaurant Website Final - Due BOC

  • In-class critiques:
    Restaurant Website Final
    (Group 1)
  • After Critiques Work:
    • Advertisment Finals
    • Website FInals

Process

(Group 2) Website Step 6:
Sign off Restaurant Website Final - Due BOC

  • In-class critiques:
    Restaurant Website Final
    (Group 2)
  • After Critiques Work:
    • Advertisment Finals
    • Website FInal Revisions

 

Technology II

Bootstrap 4

WIC Menu Page (appetizers, soups, salads, entrées, desserts, beverages)

Web Step : Final files on server.

Process

(All) Step 6: Sign off
Final Advertisment - Due

  • In-class critiques:
    Final Advertisement (All)

What to have turned in for Process:

  • The Discussions on Canvas
    • Brains and Brands
    • Milton Glaser - To Inform and Delight
    • Studio Tour No. 1
    • Looking at Personas
    • Stephen Gates - The Crazy One podcast
    • Debbie Millman and Simon Sinek
    • AIGA: American Institute of Graphics Artists
    • Studio Tour No. 2
    • Visit the AIGA conference
  • On the server have each project compartmentalized and FILE  MANAGED
    • PDFs ONLY of Roughs, Finals, Final Revised files for Branding, Menu, Website  & Ad in respective folders
    • Folders for each projects thumbnails or wireframes (scanned in), and sitemap
    • Folders for Research, Moodboards 
  • Printed & Mounted projects for Branding Menu and Ad
  • The Restaurant Website-loaded onto sfccdesign.com
  • A laser print of the billing for the restaurant ad
  • Ad Step 7:
    Advertisment Final Revisions
    Due 3/24 (FInals Week) Printed and Mounted with 2" border

 

Technology II

Bootstrap 4

WIC Contact Info and Hours

Study Day

No classes

Finals

 

Finals

 

Faculty Work Day,

 

top of page