Class Descriptions

As of Fall 2014, all GRPH and MMSP course prefixes, numbers and names will have changed. Old course identifiers are listed after the new ones. For a comprehensive list of name changes, click to download the VMD Course Name Conversion Chart.

VMD students working

© 2014 VMD Department. Photo by Julia Sperling, VMD student 


Introductory Courses

These courses have no prerequisites and can be taken during the first semester.

VMD 100, 101, and 105 are foundation courses for all of our certificates and degrees, and are prerequisites to most of the advanced courses. As a new student, you should take these courses before any others. If you believe you already have the skills taught in these classes, see the Department Prerequisite Policy.

All of our courses are credit; we no longer offer non-credit courses.

VMD 100 (GRPH 23) – Orientation to Visual Media Design
Survey class acquainting students with areas of study and employment in graphic design, illustration, industrial design, prepress and print production.

VMD 101 (DSGN 101) – Design Fundamentals
A multidisciplinary collaborative design course covering the theories, processes, vocabulary, techniques and skills common to design disciplines. Equivalent to MMSP125 which focuses specifically on web design.

VMD 105 (GRPH 25) – Visual Media Digital Skills
Introductory Macintosh computer class – hardware and operating system software, networks, type and text formatting, raster and vector graphics, time-based media, layout for print and web, and best professional practices. Software covered includes Photoshop, Illustrator, InDesign, Flash, Dreamweaver and HTML.

VMD 110 (GRPH 110) – History of Graphic Design
A study of the development of visual communication in art, graphic design, illustration, and popular culture from the 19th century to the present. The influence of political, social, technological, and commercial forces are examined with an emphasis on the use of interpretation of imagery, symbols, and type in design. (Required only for students who are in the AA or Certificate in Graphic Design programs).

VDM 111 (GRPH 27)– Print Processes for Designers
A practical course to familiarize design students with processes and workflows involved in producing digital and offset printed materials. Students complete in-class exercises for the stages of print production — prepress, press, and finishing — using digital and traditional equipment. (Required only for students who are in the AA or Certificate in Graphic Design programs).

VMD 113 – Current Topics in VMD
This course varies from semester to semester. Note: depending on the topic, prerequisities may be required. Check current schedule for details.

VMD 114A (GRPH 92A) – Letterpress Printing I
A hands-on course in letterpress printing. Course covers handset metal type, printing on the Vandercook and Chandler & Price presses, bookmaking and more. Short-term course.

VMD 116A (GRPH 153) – Book Structures, Boxes, and Bindings I
An introduction to the various practical methods of contemporary book design and production within a context of the historical development of book structures.

Back to top

Design and Typography

The design and typography classes range from beginning to advanced levels and cover topics related to both screen and print design. Please note these courses have prerequisites. To learn about waiving prerequisites, see the Department Prerequisite Policy.

VMD 120 (GRPH 35)– Graphic Design I
Introduction to design for visual communications. Design Fundamentals, basic typography and design process explored. Practical exercises and assignments. Prereq: VMD 101 (or ART 125).

VMD 122 (GRPH 36)– Graphic Design II
Continued study of conceptual development, iterative design process, typography and layout for graphic design. Prereq: VMD 120.

VMD 124 (GRPH 37) – Graphic Design III
An advanced design class focusing on the development of 
a personal voice and conceptual approach to design thinking. Design process is emphasized. Prereq: VMD 122.

VMD 126 (GRPH 140) – Design for Interactive Media

The design process for interactive media: information design, content/structure relationships, interface design and navigation, and presentation design issues. The design and production of a prototype for a simple interactive project. Prereq: VMD 120, VMD 140.

VMD 127 (MMSP 136) – User Experience
Course focuses on industry-standard concepts & vocabulary used in User Experience (UX) for interactive projects including principles, processes and techniques. Prereq: VMD 105.

VMD 130 (GRPH 53A) – Typography I
Beginning typography with a study of the terminology, classification, history and use of type in communications. Practical exercises and assignments. Prereq: VMD 101 (or ART 125) and VMD 105. Coreq: VMD 152.

VMD 131 (GRPH 53B) – Typography II
Continued study of typography with an emphasis on developing an awareness of typographic form and structure. Practical exercises and creative projects. Prereq: VMD 131.

VMD 134 (GRPH 151) – Lettering and Type

Learn to design your own typeface by both traditional and digital methods. Prereq: VMD 101.

VMD 136 – Digital Font Creation
Learn to create your own typeface digitally using the latest industry software. 
Prereq: VMD 101, VMD 150.

Back to top

Digital Skills for Visual Media Design

VMD 140 (MMSP 130) – Web Production I
Overview of website development, planning, and production. Prereq: VMD 105.

VMD 141 (MMSP 135A) –  Web Production II
Development for web and smart devices using Dreamweaver and professional-level code editors. Topics include separating markup, presentation and content, production of accessible web sites, and using HTML5 and Cascading Style Sheets. Prereq: VMD 140.

VMD 142 (MMSP 135B) –  Web Production III
Overview of advanced multimedia production for the Web. Topics include static versus dynamic websites, database-driven websites, creating and styling dynamic web pages, and standards-based web production. Prereq: VMD 141.

VMD 150 (GRPH 100A) – Illustrator I
Introduction to the program Adobe Illustrator and its use in graphic design and illustration. Prereq: VMD 105.

VMD 151 (GRPH 100B) –  Illustrator II
Advanced class in digital illustration, focusing on the development of illustration skills. Prereq: VMD 105.

VMD 152 (GRPH 101A) – InDesign I
Introduction to Adobe InDesign for page layout: basic typesetting, introduction to styles and master pages, importing graphics, preparing jobs for print. Prereq: VMD 105.

VMD 153 (GRPH 101B) –  InDesign II
Advanced typesetting, tables, complex documents; grid development and usage, interactivity, introduction to digital publications for tablets. Prereq: VMD 152.

VMD 154 (GRPH 98A) – Photoshop I
An introductory hands-on course in digital imaging using the program Adobe Photoshop. Prereq: VMD 105.

VMD 155 (GRPH 98B) – Photoshop II
Advanced hands-on course in digital imaging using the program Adobe Photoshop as a creative tool. Prereq: VMD 154.

Back to top


Animation, Digital Illustration, and Gaming

0VMD 156 (MMSP 140) – Flash
This class covers the essential features of Adobe Flash, including drawing, animation, sound and interactivity using beginning ActionScript 3.0. Prereq: VMD 105.

VMD 162 (MMSP 146) – 2D Animation
An introduction to techniques used in animation. An overview of the industry of animation, as well as the specific tools and techniques currently used in industry. Prereq. VMD 101 (or ART 125) and VMD 105.

VMD 164 (MMSP 147) – 3D Animation
An introduction to techniques used in 3D modeling and imaging. Prereq: VMD 101 (or ART 125) and VMD 105.

VMD 166 (MMSP 145) – Storytelling and Storyboarding
Generation and development of content for multimedia that references traditional and digital storyboarding. Prereq: VMD 105.

VMD 170 (GRPH 110A) – Digital Illustration I
This course covers techniques in Adobe Photoshop and Adobe Illustrator for illustrators. While gaining technical knowledge, students will begin to explore stylistic options and build a body of work. Sketching and other techniques for developing concepts are also covered. Prereq: VMD 105.

VMD 172 (GRPH 110B) – Digital Illustration II
Continued study of techniques for illustrators, emphasizing personal style and advanced tools and approaches. Prereq: VMD 170.

VMD 178 (GRPH 118) – Portfolio Development for Illustration
This course will assist students in creating a portfolio for employment in the Illustration field or other uses. Prereq: Completion of VMD 170.

VMD 180 (GAME 100) – Exploring Game Worlds
An introduction to the history and status of interactive games. Students examine games as an art form and as part of an ever-growing industry. Includes an introduction to the career opportunities in the game industry. Students will learn how individual games are made, distributed and sold.

VMD 182 (GAME 130) – Game Production Workflow
This course develops fundamental skills in production and project management for interactive games. Students will explore the process of game production through designing, scheduling and creating an original playable prototype in a 3D game engine. Students will design independently and as part of a team. Prereq: VMD 164 and VMD 180.

VMD 184 – Team Production of Games
This course provides students with the experience of working in a video game development team, using a collaborative model employed in the commercial videogame production environment. Prereq: VMD 182.

VMD 188 – Career Portfolio for Games
Development of a portfolio for employment in an entry-level position as a designer or producer in the interactive game industry. Rresume writing, demo reels, design documents, informational interviewing, licensing issues and other topics will be covered. Prereq: VMD 182.

Back to top

Professional Development

VMD 190 (GRPH 149) – Portfolio Development
This course will assist advanced students in the conceptualization and development of a portfolio for employment or other uses. Topics covered include portfolio design strategies, format options, editing and sequencing, production and presentation for print and interactive media projects. Prereq: Third semester standing.

VMD 191 (MMSP 131) – Social Media For Professionals
This course teaches students how to use online social media tools such as Facebook, Twitter, LinkedIn and YouTube to develop, integrate and leverage online social networks. Students learn how to set up a professional media campaign as they engage clients with these tools. Students also critique current social media practices. Prereq: VMD 105.

VMD 192 (GRPH 148) – Professional Practices
This course covers topics relating to professional practices such as copyright, usage, best practices. Prereq: Third semester standing.

VMD 194A (GRPH 197) – Internship/Work Experience I
Application of skills and development of proficiency in a supervised
work environment. Students must complete a total of 60 hours for 1 unit credit. Prereq: VMD 122 and VMD 131, or VMD 126 and VMD 126.

VMD 194B (MMSP 160) –  Internship/Work Experience II
Application of skills and development of proficiency in a supervised
work environment. Students must complete a total of 120 hours for 2 units credit. Prereq: VMD 122 and VMD 131, or VMD 126 and VMD 126.

VMD 196 (MMSP 151) – Independent Study
This s class will allow students to work on individual projects within the CCSF community. This will allow students to gain more real-world experience while serving the CCSF community.

VMD 200 (GRPH 68) – Design Studio Practicum
In-house design & production internship in Emerge Studio for the development of advanced skills. Prereq: VMD 120, VMD 130, VMD 194, VMD 150, VMD 152

Back to top

Design Collaborative

Design Collaborative classes offer students a unique experience in design education. Our multidisciplinary approach is geared towards students interested in exploring many creative fields and solving design problems through multiple perspectives. Students will gain collaborative skills that will help distinguish them in today's highly competative workforce and increase their ability to be successful in the evolving marketplace of art and design.

DSGN 105 – Survey of Collaborative Design
A survey of influences and forces throughout history that drive change in design. Focus will be given to how collaborative processes lead to change. Students will research, analyze, and discuss design case studies.

DSGN 110 – Rapid Visualization
A free hand drawing course for the development of Visual thinking, covering processes, skills and techniques for the rapid visualization of design ideas. Practical application through individual and group exercise and projects.

Back to top