Visual Design Course


24 locations available

Program Description

Skills & Tools

Apply Photoshop’s powerful functions to digital product design.

Production Standard

Start with an idea and a mood board: finish with a production‐ready mockup of a responsive webpage.

The Big Picture

Grasp how effective visual communication — from font pairings to style tiles — helps translate compelling ideas across any team, in any field.

Meet Your Support Team

Our educational excellence is a community effort. When you learn at GA, you can always rely on an in-house team of experts to provide guidance and support, whenever you need it.


Learn industry-grade frameworks, tools, vocabulary, and best practices from a teacher whose daily work involves using them expertly.

Teaching Assistants

Taking on new material isn't always easy. Through office hours and other channels, our TAs are here to provide you with answers, tips, and more.

Course Producers

Our alumni love their Course Producers, who kept them motivated throughout the course. You can reach out to yours for support anytime.

See What You'll Learn

Week 1: Photoshop for Web Design

  • Orientation & Photoshop for the Web Part 1
    • Describe how Photoshop fits into a modern web design workflow.
    • Use Photoshop web–specific tools to create parts of a simple landing page mockup.
  • Photoshop for the Web Part 2
    • Use Photoshop web–specific tools to create a simple landing page mockup.

Week 2: The Design Discovery Process

  • Research
    • Explain how an objective and strategy defines the purpose of a web project.
    • Summarize a creative brief into keywords to be explored through design ideation.
    • Demonstrate how research leads to clear understanding and communication.
  • Ideation
    • Explain how design constraints can be used to prompt design ideation.
    • Create a mood board that expresses a clear potential design direction.

Week 3: Composition Principles for the Web

  • Contrast & Similarity
    • Critique and present mood boards from ideation lesson
    • Demonstrate how contrast and similarity can occur simultaneously to enhance each other’s effects.
    • Use contrast and similarity to show relationships between a page’s elements.
  • Gestalt Principles in Web Design
    • Identify six gestalt principles of perception when encountered in a web composition.
    • Apply levels of contrast and gestalt principles of perception to create an effective hierarchy in a composition.

Week 4: Color Theory for Web Design

  • Color Theory
    • Describe the fundamentals of color theory and color schemes.
    • Choose color schemes to evoke emotions, create a hierarchy, and convey meaning.
  • Color for the Web
    • Apply color theory and color schemes to the web.
    • Choose color schemes to evoke emotions, create a hierarchy, and convey meaning in your final project.

Week 5: Web Typography

  • Fonts & Typefaces
    • Identify qualities and characteristics of fonts and typefaces.
    • Select typefaces for particular audiences or usages.
    • Demonstrate an ability to control and manipulate the appearance of type.
  • Composition with Type
    • Explain how and why to set up a baseline grid when setting type.
    • Apply knowledge of contrast and hierarchy to typography.
    • Demonstrate an ability in basic typesetting on a baseline grid.

Week 6: Designing Interfaces & Interactions

  • UX Fundamentals
    • Consider a web design in terms of its capabilities to the user.
    • Identify affordances and evaluate their effectiveness in a web interface.
    • Demonstrate a user-centered approach to designing the main interactive areas of a landing page.
  • Designing for Interaction
    • Define common UI and Navigation patterns.
    • Apply best–practice UI patterns and navigation to design a multi-state system of interactions.

Week 7: Responsive Design

  • Responsive Design
    • Illustrate how a responsive grid folds to accommodate content at different breakpoints.
    • Design mobile and tablet compositions on a responsive grid.
  • Flexible Session
    • This session is designed to allow your instructor to tailor the topic based on the needs of your class. Suggested topics include designing for mobile, motion design, style guides, etc.

Week 8: Final Presentations

  • Final Presentations
    • Present the decision-making process for your design work.
    • Give and receive feedback and suggestions for improvement.

Financing Options

Need payment assistance? Our financing options allow you to focus on your goals instead of the barriers that keep you from reaching them.


Apply for 3-year, fixed-rate, merit-based loan¹ for your tuition and cost of living financing. Current income not factored into financing approval for Immersive students.

¹Must be a US citizen or Permanent Resident; approval pending state of residency.
Financing options differ in each market and are only available to students accepted into our programs.
Contact a local admissions officer for more info.

Last updated May 2018

About the School

General Assembly is a pioneer in education and career transformation, specializing in today’s most in-demand skills. The leading source for training, staffing, and career transitions, we foster a flou ... Read More

General Assembly is a pioneer in education and career transformation, specializing in today’s most in-demand skills. The leading source for training, staffing, and career transitions, we foster a flourishing community of professionals pursuing careers they love. Read less
New York , Atlanta , Austin , Boston , Chicago , Dallas , Denver , Los Angeles , Santa Monica , Irvine , New York , Providence , San Francisco , San Jose , Seattle , Washington , Arlington , London , Hong Kong , Singapore , Brisbane , Melbourne , Sydney , USA Online + 23 More Less