Learn Design Theory

Learn the fundamental principles of design, including color theory, visual hierarchy, and more. Then use them to create effective and beautiful web designs.
Read moreRead less
All content
Courses
Tutorials

All Design Theory tutorials:

  1. The Testing Phase of Design Thinking

    The Testing Phase of Design Thinking

    Tutorial • Beginner

    Testing is the space for users to experience a prototype without guided questions from the team. It is the opportunity for the Design Thinking team to...

  2. Prototyping in Design Thinking: Fail Fast, Fail Often

    Prototyping in Design Thinking: Fail Fast, Fail Often

    Tutorial • Beginner

    In this article we’ll take a look at the prototyping stage of design thinking. Failing is mandatory.

  3. Kickstarting a Web Design Using an Image as a Base

    Kickstarting a Web Design Using an Image as a Base

    Tutorial • Beginner

    In this short tutorial I’m going to show you one of my favorite shortcuts for kickstarting a web design.

  4. Guide to SEO in China (2018 Edition)

    Guide to SEO in China (2018 Edition)

    Tutorial • Beginner

    In this tutorial, we discuss the details and tactics of search engine optimization (SEO) for China the organic way—without paid advertising.

  5. Quick Tip: Create a Color Scheme From an Image

    Quick Tip: Create a Color Scheme From an Image

    Tutorial • Beginner

    In this quick tip I’m going to demonstrate something really useful, a technique I use regularly: how to create a color scheme from an image.

  6. Best Practices in UX Design for a Global Audience

    Best Practices in UX Design for a Global Audience

    Tutorial • Beginner

    Here are three best practice tips on how to make your designs inclusive and relevant to a diverse and global audience.

  7. How to Set Up Grids in Affinity Designer

    How to Set Up Grids in Affinity Designer

    Tutorial • Beginner

    In this video, you'll learn how to set up grids in Affinity Designer. Learn to master the key features of both the standard grid and the isometric grid.

  8. Adobe Alternatives: Video Editing Applications

    Adobe Alternatives: Video Editing Applications

    Tutorial • Beginner

    Welcome to the fourth part in our series looking at alternative applications to the Adobe suite of products. In this article, we’ll look at video editing...

  9. 10 Remedial Design Pointers for Developers

    10 Remedial Design Pointers for Developers

    Tutorial • Beginner

    Here’s a situation which may be familiar to you: you’re a developer and you build a prototype to demonstrate something. It works just as you mean it to, but...

  10. Understanding Design Conventions

    Understanding Design Conventions

    Tutorial • Beginner

    Why following patterns and design guidelines makes sense for your user and makes for a better design.

  11. UX Design Process: Understanding Design Fundamentals

    UX Design Process: Understanding Design Fundamentals

    Tutorial • Beginner

    In this article you’ll learn about design fundamentals. We’ll talk about what a designer might want to express, and the visual decisions made to communicate...

  12. The Significance of Visual Context in Web Design

    The Significance of Visual Context in Web Design

    Tutorial • Beginner

    Let’s take a look at visual context in web design; what it is, how it’s achieved effectively, and what benefits it gives users and product owners.

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.