HOME

SYLLABUS

AGENDA

STUDENTS

SOURCES

ATTENDANCE

TYPOGRAPHY ART 223C

AGENDA

AGENDA:

(Dates and projects are subject to change)

 

 

WEEK 01 _Jan 21_______________________________________________

 

Tuesday

 

Introduction

 

Supplies, Books, Due dates, Online communication,

In-class practices, Assignments/Projects, written exams, Presentation, Final, ...

Review Syllabus, Office hours, Presentation date, ...

 

 

 

 

Thursday

 

Review on Basic Elements of 2D Design:

Point, Line, Shape, Texture, Value, Color, …

 

Review on Basic Typography / Classifications / Anatomy

 

File format: NCSPD

Upload a selfie, IG handle

 

Exercise 1 [Here]

 

To read > It’s About Legibility by Allan Haley > [Here]

To Try > TypeTester

 

 

WEEK 02 _Jan 28 _______________________________________________

 

 

Tuesday

 

Type Methods

 

Text / Paragraph / Column Development

 

Lynda: InDesign CC 2019 Essential Training by David Blatner

Recommended : Entire course

Required: Chapter 1, 4, 9, 10

 

Work-flow / Workspace

Character style

Paragraph style

Nested style

 

Download In-class working file from Titanium

Introducing Project 1 - A [Brief]

 

Did you try TypeTester ?

 

Thursday

 

InDesign Work-flow

 

Starting Project 1

Project 1 due: Next Thursday

 

 

WEEK 03 _Feb 04_______________________________________________

 

 

Tuesday

 

Review on the 80 paragraphs

 

Grid and Grid and Grid.

Introducing Project 1 - B [Brief]

 

 

 

Thursday

 

Due before class: Project 1-A (80 Paragraph) in PDF format, Upload to Titanium

 

Project 1 - Part B

Turning sketches to Digital edition

Replacing grey boxes with the copy.

 

Pairing Methods

 

Worth reading:

Want to Become the Next U.S. President? Change the Color of Your Logo by Billie Muraben [Here]

 

 

 

 

WEEK 04 _Feb 11_______________________________________________

 

 

Tuesday

 

Presentation: Garrett Hoang

 

Due before class: Project 1-B in PDF format,  Upload to Titanium

 

We are using the result of Project 1 (A and B) to design a magazine layout.

 

A simple modular grid for a magazine [Template]

 

Know your system!

Axial

Radial

Dilatational

Random

Grid

Transitional

Modular

Bilateral

 

Using techniques: Line break, Leading, Spacing (Kerning, Tracking)

To attention: Tone, Direction, Groups/Subgroups, Rhythm

 

 

Exercise 2 [Brief]

Exercise 2 [Copy]

 

 

Upload your draft version by the end of class.

Upload your final design before next class.

 

 

Thursday

 

Presentation: Jeremiah Hustad

 

Due before class: Exercise 2 in PDF format.

Make sure you will have the file with you as we will create a mock-up for magazine.

 

Mock-ups and Smart objects

  • How to use
  • How to create

 

Download magazine mock-up [Here]

 

5 typographic portfolio website.

Share your URLs: [Here]

 

 

Prepare your Muse Portfolio content for next class:

  • Home (Intro, Your personal tag-line, slogan, your name in typographic form,...)
  • Works (At least 4 images in good quality, additional to your magazine mock-up)
  • About (Bio, Statement or any text material at least 120 words)
  • Contact (Email, cellphone, other social media or pages)

 

 

 

WEEK 05 _Feb 18_______________________________________________

 

 

Tuesday

 

Presentation: Brandon Bollinger

 

UI vs. UX

 

Adobe XD

Adobe Muse

 

 

Adobe Muse

Structure, page size, master pages, menu, inside pages

Creating pages, links, responsive pages, breaking point, ...

 

Review your shared URLs

Review your domain name choices

 

Your domain name. What extension?

 

.com

.site

.top

.xyz

.info

.life

.us

.art

 

Availability? Registering your domain name

Setting up your host

Suggestion for try (free): 50webs.com

Access to your FTP account.

 

Share your personal domain: [Here]

Share your muse_portfolio_asset [Here]

 

Start Adobe Muse [Here]

Start Adobe XD [Here]

 

 

 

 

Thursday

 

Presentation: Margaret Zisk

 

Continue on Adobe Muse and XD

 

 

 

Share your 2 sketches - Screen shots for Adobe Muse Portfolio

Save them side by side with this spec. in Photoshop:

72dpi / w3990 x h2160 / RGB

(If you have longer design that need to scroll down add another 1080 to the height)

 

 

 

 

 

 

WEEK 06 _Feb 25_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 07 _Mar 04_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 08 _Mar 11_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 09 _Mar 18_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 10 _Mar 25_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 11 _Apr 01_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 12 _Apr 08_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 13 _Apr 15_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 14 _Apr 22_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 15 _Apr 29_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

WEEK 16 _May 06_______________________________________________

 

 

Tuesday

 

 

 

Thursday

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

NCSPD

Name_Class_Semester_ProjectName_Date.xxx

smith_art223c_sp19_selfiev1_mmddyy.jpg