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.

All Design Theory tutorials:

  1. Qihoo 360 Secure: The Most Popular Browser You’ve Never Heard Of

    Qihoo 360 Secure: The Most Popular Browser You’ve Never Heard Of

    Tutorial Beginner

    One of the most popular desktop browsers in China is one you’ve probably never crossed swords with, but it’s huge. According to the tech analytics peeps over...

  2. WeChat Does Your Laundry: Designing for China’s Biggest Social Platform

    WeChat Does Your Laundry: Designing for China’s Biggest Social Platform

    Tutorial Beginner

    I have a hard time getting western designers to understand why I keep talking about WeChat (Chinese: Weixin 微信) in the context of web design. In the west,...

  3. Creating Color Schemes with LESS Color Functions

    Creating Color Schemes with LESS Color Functions

    Tutorial Intermediate

    LESS provides a handful of functions which make defining and manipulating colors super easy. In this tutorial we are going to walk through a number of them,...

  4. Localizing Your Website or App for the Chinese Market

    Localizing Your Website or App for the Chinese Market

    Tutorial Beginner

    Localization, the process of optimizing a site or app across differing languages and cultures, goes far beyond basic translation. Actually, translation’s...

  5. Big in Japan: Web Design in the Land of the Rising Sun

    Big in Japan: Web Design in the Land of the Rising Sun

    Tutorial Beginner

    Slice the sashimi, pour some sake and get comfy under the heated coffee table. I’d like to tell you about this wonderful country I call home.

  6. Chinese ICP Licensing: What, Why and How to Get Hosted in China

    Chinese ICP Licensing: What, Why and How to Get Hosted in China

    Tutorial Beginner

    If you want a serious web presence in mainland China, you’ll need an ICP License; this article walks you through the basics of who can have one and how to...

  7. Lifelong Education is for Everyone

    Lifelong Education is for Everyone

    Tutorial Beginner

    Today, I hope to challenge and inspire you to dive headfirst into the world of education, and to not look back for the rest of your life.

  8. The Web Designers’ Guide to Photo Selection

    The Web Designers’ Guide to Photo Selection

    Tutorial Beginner

    Photographic images grab our attention and trigger an almost instantaneous response when we encounter them. They are therefore an important part of any...

  9. Tips to Help You Properly Mix Text With Imagery

    Tips to Help You Properly Mix Text With Imagery

    Tutorial Beginner

    In this article, we will discuss five different aspects of placing text over images that will help you properly mix copy and imagery.

  10. 6 Beginner “Safety First” Color Guidelines for the Web

    6 Beginner “Safety First” Color Guidelines for the Web

    Tutorial Beginner

    In this tutorial I’ll be sharing with you six sure fire, “can’t go wrong” guidelines you can follow to get a foundational grasp on working with color in web...

  11. 9 Quick Wins for Halfway-Decent Design

    9 Quick Wins for Halfway-Decent Design

    Tutorial Beginner

    To truly design something well, you need a deep understanding of what you're designing, and who you're designing for, as well as a deft mastery of the tools...

  12. Writing and Designing a Killer Headline

    Writing and Designing a Killer Headline

    Tutorial Beginner

    Hey, you made it! You’ve arrived at this article. So how did you end up here? Maybe you were browsing Twitter, or reading your RSS feeds. Maybe it was a...