Graphic Design Basics: Core Principles for Visual Design vs Design for Developers

The five principles covered — symmetry, scale, framing, hierarchy, and grids — represent a genuinely authoritative selection of foundational design concepts, drawn directly from Lupton and Phillips' textbook Graphic Design: The New Basics, which is used in design programmes worldwide. The examples chosen to illustrate each principle are professional-quality and historically significant. The limitation is the depth available in 35 minutes: each principle receives 5–7 minutes of explanation, which introduces the concept but does not build operational fluency.

Ellen Lupton is Senior Curator of Contemporary Design at the Cooper Hewitt Smithsonian Design Museum and Director of the Graphic Design MFA programme at the Maryland Institute College of Art (MICA), where Jennifer Cole Phillips is also a professor. Their co-authored book Graphic Design: The New Basics has sold extensively and is adopted in design schools globally. Among online design instructors, Lupton has arguably the strongest institutional and scholarly credentials available — the instruction here carries a weight of authority that practitioner-led courses cannot match.

The course is included within a Skillshare membership ($168/year or approximately $14/month, with a free trial period). Within that subscription, the course provides high-quality content at negligible marginal cost. As a standalone proposition, 35 minutes is a modest content volume, but the instruction quality justifies the subscription contribution. Skillshare's free trial makes it risk-free to evaluate.

The course includes a brief class project — creating a simple layout that applies the five principles — but given the 35-minute runtime there is limited opportunity to build from project foundation to completed work with instructor commentary. Reviewers who want hands-on practice with design software (Adobe Illustrator, Figma, InDesign) will need to combine this class with tool-specific Skillshare courses or other platforms. The theoretical grounding is excellent; the practical scaffolding is minimal.

The five principles taught — symmetry, scale, framing, hierarchy, and grids — are directly applicable to every category of visual design work: editorial layout, brand identity, web interface design, packaging, and presentations. Learners who internalise these principles find them immediately useful when evaluating their own design work and identifying why a composition feels unbalanced or unclear. The concepts are tool-agnostic, meaning the learning applies regardless of which design software a learner uses.

Reviewers consistently praise the curriculum for distilling design theory (composition, color, typography, grids) into tight, first- principles lessons. The javarevisited round-up calls it the place "you start if you want to understand design principles deeply," though a few note the tooling segments (Sketch/Photoshop) now feel dated next to Figma.

Sarah Drasner's dual background as engineer and former scientific illustrator is the standout. Blog reviewers say she "perfectly selects the most important points" and "explains them in a style that keeps attention," and her Netlify/Microsoft/Google pedigree gives the design advice real credibility.

It is bundled in the Frontend Masters subscription rather than sold standalone, so value depends on whether you use the wider library. At 4h20m it is short, which some see as efficient and others see as surface-level for the price of a subscription.

The CodePen/CSS Grid exercises and primitive-shapes drills are well liked and the GitHub repo makes them easy to follow, but reviewers note there is no single capstone project — it is more guided exercises than a portfolio build.

Developers repeatedly report applying the layout, color and typography rules immediately in real projects and collaborating better with designers; the main caveat is that the tool-specific demos age faster than the timeless theory.