Active Outline
General Information
- Course ID (CB01A and CB01B)
- ARTS D057.
- Course Title (CB02)
- Graphic Design-Visual Communication: Typography
- Course Credit Status
- Credit - Degree Applicable
- Effective Term
- Fall 2024
- Course Description
- The course focuses on the interpretation of the elements and principles of design as applied to the use of typography in graphic design. An emphasis will be placed on the integration and selection of letter forms and type styles as they relate to the production of the printed page and interactive design. The software used includes Adobe Photoshop, Adobe Illustrator, and Adobe InDesign.
- Faculty Requirements
- Discipline 1
- [Art]
- FSA
- [FHDA FSA - ART]
- Course Family
- Not Applicable
Course Justification
This course belongs on the A.A. degree in the Graphic Design CTE program. This course is CSU transferable. As part of a sequence of courses, it is an intermediate course in the sequence of courses that introduces the integration and selection of letterforms and type styles as they relate to the production of the printed page, multimedia design, and the World Wide Web.
Foothill Equivalency
- Does the course have a Foothill equivalent?
- No
- Foothill Course ID
Formerly Statement
Course Development Options
- Basic Skill Status (CB08)
- Course is not a basic skills course.
- Grade Options
- Letter Grade
- Pass/No Pass
- Repeat Limit
- 0
Transferability & Gen. Ed. Options
- Transferability
- Transferable to CSU only
Units and Hours
Summary
- Minimum Credit Units
- 4.0
- Maximum Credit Units
- 4.0
Weekly Student Hours
| Type | In Class | Out of Class |
|---|---|---|
| Lecture Hours | 3.0 | 6.0 |
| Laboratory Hours | 3.0 | 0.0 |
Course Student Hours
- Course Duration (Weeks)
- 12.0
- Hours per unit divisor
- 36.0
Course In-Class (Contact) Hours
- Lecture
- 36.0
- Laboratory
- 36.0
- Total
- 72.0
Course Out-of-Class Hours
- Lecture
- 72.0
- Laboratory
- 0.0
- NA
- 0.0
- Total
- 72.0
Prerequisite(s)
Corequisite(s)
Advisory(ies)
ARTS D053.
Limitation(s) on Enrollment
Entrance Skill(s)
General Course Statement(s)
Methods of Instruction
Lecture and online web site with visual aids
Discussion and problem solving in class
Online exploration of appropriate internet sites and graphic design related content
Homework and extended projects
Assignments
- Reading
- Class assignment handouts (4-6 projects) and tutorials
- Recommended texts and references
- Tutorials
- Setting text as a graphic vs type box
- Font resources
- Symbols and marks
- Type as it relates to digital technology
- Lorem Ipsum
- Type columns and margins
- Type point size logic
- Origins of type printing
- Blackletter
- Text threads
- Typographical vocabulary and structure
- Baskerville, Bodoni, Didot
- Paragraph formatting
- Optima
- InDesign Type Mechanics
- Font meaning
- Header to paragraph structure
- Styles
- Images and text wrap
- International style, Swiss Modernism
- New Wave & Punk
- Neo Primitives
- Humanist & Contemporary Type
- Type systems
- Axial
- Radial
- Dilation
- Transitional
- Bilateral
- Random
- Hands on projects
- Produce a hand script type face.
- Connect narrative concepts with appropriate type faces.
- Produce a poster illustration using conceptually appropriate type faces.
- Produce a poster using hierarchical type system.
- Discussions - Students will participate in class discussions and critiques pertaining to projects focusing on articulating and evaluating typographical concepts visually, and creating with a high degree of craftsmanship.
Methods of Evaluation
- Evaluation of three to four projects, presented in digital format demonstrating proficiency in typographic design, perception and techniques, including the student's ability demonstrate the ability to solve projects with as much creativity and originality as possible through following typographical systems.
- Evaluation of student discussions and critiques pertaining to projects focusing on articulating and evaluating concepts, form, and craftsmanship.
- Assess Lab activity - Students will demonstrate through practical application, techniques and skills associated with professional digital layout and type setting.
- Exams or quizzes to evaluate comprehension and mastery of key terms and concepts discussed in lectures, related to typographic design.
- Evaluation of a final project that demonstrates a knowledge of the elements and principles of typography as it relates to graphic design, organization of design elements, materials and forms of visual communication.
Essential Student Materials/Essential College Facilities
Essential Student Materials:
- Cloud based storage account or thumb drive for storage.
- #1 Technical drawing pen
- Pencil assortment: 2H, 2B, 4B
- 18" steel ruler and a Pica or Haberule
- Erasers, masking tape and assorted templates
- Black, fine and broad line marker
- Tracing paper pad and a layout bond pad
- Other materials may be required to complete specific projects.
- Teleconferencing software
- Adobe Creative Cloud Software
- Internet Browser
- Adobe XD
- Adobe Indesign
- Adobe Illustrator
- Adobe Photoshop
- 30 station smart classroom
- Digital Drawing Tablets
- LaserWriter and inkjet printers
- Video projection monitor
- Digital camera
- Security storage cabinet
Examples of Primary Texts and References
| Author | Title | Publisher | Date/Edition | ISBN |
|---|---|---|---|---|
| Sarah Hyndman | Why Fonts Matter | Gingko Press | (May 1, 2016) | ISBN-10 â : â 1584236310 ISBN-13 â : â 978-1584236313 |
| Kimberly Elam | Typographic Systems of Design: Frameworks for Type Beyond the Grid (Graphic Design Book on Typography Layouts and Fundamentals) | Princeton Architectural Press | 1st edition (April 19, 2007) | ISBN-10 â : â 1568986874 ISBN-13 â : â 978-1568986876 |
| Erik Spiekermann | Stop Stealing Sheep & find out how type works | TOC Publishing | 4th edition (September 15, 2022) | ISBN-10 â : â 3949164030 ISBN-13 â : â 978-3949164033 |
Examples of Supporting Texts and References
None.
Learning Outcomes and Objectives
Course Objectives
- Design typographic elements to demonstrate a knowledge of the elements and principles of graphic design, organization of design elements, materials and forms of communication.
- Analyze styles in typographic design, type selection, and type specification, in relation to new computer technology and interactive content.
- Produce a body of work in digital format.
CSLOs
- Demonstrate a knowledge of the elements and principles of design, organization of design elements, materials and forms of communication as they pertain to typographic design systems.
- Analyze styles in typographic design, type selection, and type specification, in relation to new computer technology and interactive content.
Outline
- Design typographic elements to demonstrate a knowledge of the elements and principles of graphic design, organization of design elements, materials and forms of communication.
- Application of basic design principles
- Preliminary rough to finished comprehensive art
- Typographic readability (letter spacing, word spacing and line spacing)
- Typographic selection (conceptual meaning, sizing and placement)
- Analyze styles in typographic design, type selection, and type specification, in relation to new computer technology and interactive content.
- Typographic vocabulary (terminology)
- Mechanics of typography (measurements systems and processes)
- Produce a body of work in digital format.
- Styles: Roman, Gothic, Italic, Script
- Designers: Jenson, Baskerville, Caslon, Bodoni, Zapf, et al.
- Dynamics of typographic legibility
- Typographical design systems for layout development
Lab Topics
- Produce a hand script type face.
- Connect narrative concepts with appropriate type faces.
- Produce a poster illustration using conceptually appropriate type faces.
- Produce a poster using hierarchical type system.
