Design Theory

  • UI Design
    Making Your Web Designs More Effective With the Golden RatioPreview
    The Golden Ratio is used within graphic layouts of all kinds, especially to balance content that is text heavy. It can help designers create hierarchy and draw users’ eyes to specific areas. Check out the following website examples and see how designers are making use of it! Read More…
  • Shopify
    How They Did It: Shopify - It’s All About the DetailsPreview
    If you haven't ever heard of Shopify before, perhaps you have taken up residence under a rock. Shopify is one of the most popular services for creating e-commerce solutions online, and they've recently redesigned their front-facing site. Today, we're going to take a look at some of the finer details of the redesign, and talk a bit about how the redesign was achieved. Let's dive in!Read More…
  • Photography
    The Web Designers’ Guide to Photo SelectionFoto
    Photographic images grab our attention and trigger an almost instantaneous response when we encounter them. They are therefore an important part of any website we create. How do we choose the right ones? Read More…
  • Typography
    Tips to Help You Properly Mix Text With ImageryLorem
    In this article, we will discuss five different aspects of placing text over images that will help you properly mix copy and imagery.Read More…
  • Color Theory
    6 Beginner “Safety First” Color Guidelines for the WebColor preview
    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 design.Read More…
  • Design Theory
    9 Quick Wins for Halfway-Decent Design9 wins thumb
    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 and technology you use. But that's not always possible, especially if you're a beginner. Fear not! These few tips will get your designs looking halfway-decent, quickly.Read More…
  • Design Theory
    Understanding the Composite Parts of Your DesignFourier retina
    In this article we're going to look at a simple analogy which will illustrate effective ways of communicating through design. Once we've established the idea, we'll take a look at some familiar examples to drive the point home.Read More…
  • Design Theory
    Writing and Designing a Killer HeadlineHeadline retina
    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 Google search. Or maybe you regularly come back to Tuts+ to see what’s new. But these don’t answer my question.Read More…
  • Design Theory
    Design School for Developers: It's a Wrap!Dsfd wrap retina
    So there we have it, the end of our session for Design School for Developers. Hopefully, by now, you’ll have a much better understanding of the basic principles of design and how you can put all of this information into practice for your future endeavours in designing for the web.Read More…
  • Design Theory
    Responsive Web DesignDsfd rwd retina
    Unless you’re totally new to the industry, or you’ve been living under a rock in the faraway lands of another planet, you’ll have heard about responsive design. Even if you don’t understand it fully, it’s bound to be something you’ll have come across or interacted with in some way or another.Read More…
  • Design Theory
    Video in Web DesignDsfd video retina
    Video itself has been around for a long time; in films, on the television and now readily available to play on our phones, tablets and other devices. Video on the web has also been around for a long time. We started out with heavy-weight flash files of videos and animations, whereas now we have HTML5 video and so many more options for including video in our web pages. Heck, half the time it’s even just as easy as dropping some embed code into a website. In short, we’ve never had it as easy when it comes to using video on the web.Read More…
  • Design Theory
    CSS3, Web Fonts and IconsDsfd webfonts retina
    We’re really lucky to be working in an industry like the web industry. Nowadays, we have so many new tips and techniques and ways of working all of the time. We’re also really lucky that we’re in an age where, as these new technologies are introduced, our browsers can (for the most part) be pretty quick to catch up, so we get to put these new technologies into our designs (and gasp, even into client work!) more than ever before.Read More…
Suggested Envato Tuts+ Course

Next lesson playing in 5 seconds

Web Design for BeginnersFree