8-Week Part-Time Course

Talk to Admissions +44 2033089506
apply photoshop functions

Skills & Tools

Apply Photoshop’s powerful functions to digital product design.

industry-standard website mockup

Production Standard

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

visual communication

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.

  • instructor


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

  • teaching assistant

    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.

  • producer

    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


  • Explain how an objective and strategy defines the purpose for a web project.
  • Summarize a creative brief into keywords to be explored through design ideation.
  • Demonstrate how research leads to clear understanding and communication.


  • 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 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 hierarchy, and convey meaning.

Color for the Web

  • Apply color theory and color schemes to the web.
  • Choose color schemes to evoke emotions, create 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 of your design work.
  • Give and receive feedback and suggestions for improvement.

Request a Detailed Syllabus

Get Syllabus

Great design goes way beyond skin deep. Learning how to create meaning through type, color and graphic form will greatly enhance your ability to communicate in a meaningful and compelling way.

Jessie Rauch / Independent Design Director,

Jessie Rauch

Meet your instructors

Learn from skilled instructors with professional experience in the field.

Silvia Script

Washington, D.C.

Silvia Script

Senior User Experience and Interface Designer,

Publicis Sapient

Aaron Scott


Aaron Scott

Principal + Creative Director ,

Symbolic Design

Chris Guimarin

New York City

Chris Guimarin

Product Design Lead,


Sofia Mohammad

Los Angeles

Sofia Mohammad

Provided service for 100+ clients worldwide,

Shawn Sprockett

San Francisco

Shawn Sprockett

Product Designer,


John Hanawalt

San Francisco

John Hanawalt

Senior Brand Designer,

Rocket Lawyer

visual design student working

Get Answers

Have questions? We’ve got the answers. Get the details on how you can grow in this course.

  • Why is this course relevant today?

    Presentation is everything. To be successful at any endeavor, whether you’re working on establishing your own brand, launching a new product, or working on a project, people expect great design. It is a requirement in today’s economy.

  • What practical skill sets can I expect to have upon completion of the course?

    In this course, you’ll explore the elements of good design and how you can use them in your own work. You'll learn design theories, how to apply them in the context of the web, and the hard skills of using different industry–standard software and processes. Each step of the way you’ll get to put the skills to use by designing various elements of an identity system including a mood board, color scheme, style guide, presentation template, and high–fidelity web and mobile site mockups.

  • Does the course cover HTML and CSS?

    No, this course covers visual design skills such as design principles and graphics software. It does not cover front end development skills such as HTML, CSS, or Javascript.

  • Are there any prerequisites for the course?

    No. However, if you aren’t familiar with Photoshop, Illustrator, or InDesign, there are optional pre–course tutorials you can go through that will walk you through the basics so you can come to class ready to hit the ground running.

Dig Deeper Into The Curriculum

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.

Speak with admissions about your options.

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.

Let’s keep you updated.

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.