.

 

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

830am class meet in Room 203 

1030 class meet in Room 212a 

  • 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

Demo: 8 page booklet signature

Begin Exercise InDesign Importing Images

Demo: Images

  • importing images
  • image sizing and resolution
Process

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

Meet in Room 203 

  • 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

Meet in Room 203 

  • 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

Meet in Room 203 

  • 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)

Demo: safe cutting techniques

Demo: rubber cement

Exercise: Cutting Demo, bring supplies

  • black presentation board
  • utility knife
  • x-acto knife

presentation board-Michaels

presentation board-Hobby Lobby

Process

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

Meet in Room 203 

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

Begin Exercise InDesign Type

Branding Step 8: Restaurant Logo. Project Deliverables Art Director wants:
Packaged native file(s) with fonts and links, and X1a.PDF. Folder should be titled "your last name"-Branding.

  • 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

Meet in Room 203 

Menu Step 6:
Final Designs
Due Dates:
Group 2 - 2/12
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

Meet in Room 203 

  • 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 page, Desktop Menu page, Mobile home page, Mobile Menu page.
  • 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

Exercise Photoshop Adjustment Layers

Demo: adjustment layers

  • levels
  • brightness and contrast
  • color balance
  • feathering

Process

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

830am class Meet in Room 203 

1030am class Meet in Room 212a 

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

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

Meet in Room 203 

  • 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

 

Technology II

Exercise: Print Booklet

Process

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

Meet in Room 212a 

  • 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 in desktop and mobile view (12 designed pages)
    • 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

Meet in Room 212a 

  • Discuss:
    Menu Step 8 Physical Deliverables (show examples)
    Due 3/9
  • 1-on-1 critiques:
    Group 2 Restaurant wire frames
  • Work Day: 
    • Website Roughs

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

830 am class meet  in room 203

1030 am class meet  in room 212a

  • 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

Meet in room 203

Introduce Project Advertising Project

  • Look at the media kit for the Inlander 
  • In-class critiques:
    Website Roughs (Group 2)

Website Step 6:
Website Final Design
Due Dates:
Group 1 -3/17
Group 2 - 3/19

Ad Step 1:
Advertising Research (as before) (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

Meet in room 203

  • Lecture:
    Principles in Advertising
  • The Creative Brief (from your reading)
  • Elements of an ad (from your reading)
  • 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)  2 thumbnails per concept. So 20 total
Due 3/2

Next Canvas Discussion

top of page

Process

Canvas Discussion due

Ad Step 2:
Signoff Advertisement thumbnails - Due BOC

Meet in room 203

  • 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

Meet in room 212a


  • 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

Meet in room 203

  • Watch: 
    Art & Copy

  • Check-In:
    Moodboards

Next Canvas Discussion

Process

(Group 2) Ad Step 4: Advertisement Roughs

Meet in room 203

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

Ad Step 6:
Advertisment Finals & Creative Brief
Due 3/20 (FInals Week)
Group 2 - 3/16
Group 1 - 3/18

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

Meet in room 203

  • 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

Menu Step 8: Physical Print Menu Final /Logo revisions Printed, Mounted Leave on tables outside John's Office Due BOC

  • No Class:
    Arts Day
    830-2pm

Process

(Group2) Step 6: Sign off
Final Advertisment & Creative Brief - Due

  • After Critiques Work:
    • Advertisment Finals (Group 2)
    • Website FInal Revisions

 

Technology II

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

  • In-class critiques:
    Restaurant Website Final

Bootstrap 4

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

Web Step : Final files on server.

Process

(Group 1) Step 6: Sign off
Final Advertisment & Creatve Brief - Due

  • In-class critiques:
    Final Advertisement (Group 1)

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

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

  • In-class critiques:
    Restaurant Website Final

Bootstrap 4

WIC Contact Info and Hours

Study Day

No classes

Finals

 

Finals

 

Faculty Work Day,

 

top of page