Web Design Theory

16 Posts

You know an amazing web design when you see it... but what really makes it work? This session is dedicated to a series of essays, articles and tutorials on the topic of understanding the theory behind great website designs.

Posts in this series
  • Design Theory
    Understanding Visual Hierarchy in Web DesignPreview
    Visual hierarchy is one of the most important principles behind effective web design. This article will examine why developing a visual hierarchy is crucial on the web, the theory behind it, and how you can use some very basic exercises in your own designs to put these principles into practice.Read More…
  • Design Theory
    Designing for the New Fold: Web Design Post MonitorismFold 1
    Designing for the 'fold' has long been a priority for many Web Designers, but with so many devices capable of displaying your website, how on earth do you know where it is? Should we be worried? This article asks how important the 'fold' actually is, the variables at play, changing browsing habits and what you can do about it. The Death of the Fold is upon us, at last!Read More…
  • Design Theory
    Great Design Hurts: Striving for Pixel PerfectionGreat design hurts
    I'm going to share a design theory that I've been working on implementing into my own workflow for the past couple of years: pixel perfect mockups. To some it might be obvious, but its a tenet so crucial to my own design process now that I'd say it's been the single most influential idea that I've been presented with in over 10 years of designing.Read More…
  • Design Theory
    Mathematics and Web Design: A Close RelationshipMath preview
    Math is everywhere, even where you wouldn’t expect it. You can find mathematical ratios and constants in architecture, but also in the instruments we use to make music. You can find math in certain games we play, and therefore it should not surprise you that mathematics plays an important role in web design too. But what is this role? And how can we use these ratios, constants, and theories to make our web designs more beautiful?Read More…
  • Design Theory
    An Introduction to Color Theory for Web DesignersColor
    Today we're going to learn the importance of color in Web Design and how to choose a pleasing color scheme. This article is part of our Basix series, which is aimed at providing practical and concise explanations of design principles for those with little design experience... let's get started!Read More…
  • Design Theory
    The Gestalt Principle: Design Theory for Web DesignersFunny optical illusions 48
    The way that people see our designs strongly effects the meaning that they take away from them. The Gestalt Principle examines this phenomena; As such, it's one of the fundamental principles that each and every web designer should consider when moving through the design process. We'll also examine how understanding gestalt will improve your own workflow!Read More…
  • Design Theory
    The Scaling Fallacy and Web DesignScorp
    Put simply, the scaling fallacy is the phenomena where people wrongly assume that something that works at one size will also work at another size. In this article, we’re going to discuss how this fallacy comes into play in the real physical world, and then we’ll explain how to apply the lessons to your own web designs.Read More…
  • Design Theory
    Errors: Bad Decisions or Bad Design?Milk
    Let’s face it: errors happen all the time. Most errors are caused by what we call human error and they seem unavoidable, but I’m going to make the argument in this article that good design practices can help prevent and even eliminate errors that happen on the web. As for the rest of the errors of the world, I’ll leave that up to someone else.Read More…
  • Design Theory
    Less is More: Fundamentals of Minimalist Web DesignPre
    Fighting the battle against clutter is something every designer undertakes, whether it's on their own site or when designing for a client. Your web site’s design should enhance your site's purpose by putting the focus on the content and being usable by everyone. Taking the extra time to ensure no detail is left overlooked will produce an effective and attractive website.Read More…
  • Design Theory
    Understanding the F-Layout in Web DesignPreview
    Today we're going to examine the "F Pattern Layout". Rather than trying to force the viewer's visual flow, the F-Layout gives in to the natural behaviors of most web surfers and it uses scientific studies to back it up. This tutorial will walk you through the principles of the F-Layout, why it works, and how you can create your own.Read More…
  • Design Theory
    Understanding the Z-Layout in Web DesignPreview
    The Z-Layout is a great way to start just about any web design project because it addresses the core requirements for any effective site: branding, hierarchy, structure, and call to action. While the classic "Z-Layout" isn't going to be the perfect solution for each and every website out there, it's certainly a layout that's effective enough to warrant inclusion in any web designer's arsenal of layout ideas.Read More…
  • Design Theory
    Concept and Inspiration: Design Theory for Web DesignersDesign concept
    Developing a meaningful concept is a crucial step in any design project... but it's a skill that few people really take the time to understand and appreciate. Today, Ahmed (UI Manager at Link Development and Adobe User Group Manager in Egypt) is going to walk us through the creation of a concept and inspiration process. We'll go through the process step by step, until we arrive at a successful concept to start our web design.Read More…
  • Design Theory
    Visual Direction in Web DesignImg1
    One of the big secrets of design is learning how to guide the visual direction of viewers; This principle is often overlooked by even the most experienced designers, so today we're going to take a deeper look at how it works. Visual direction is controlling the eye movement of the user; this can be achieved by carefully selecting your images and by well-placed and aligned design elements.Read More…
  • Design Theory
    The Web Designer’s Theory of RelativityAlbert einstein head
    Relativism is the concept that points of view have no absolute truth or validity. For web designers, this has monumental implications. What is beautiful? Which typeface is perfect for this design? Red or Blue? The questions that we have to deal with on a regular basis often leave us, knowingly or not, returning to notions of relativity in order to walk away from a project without going insane. For the perfectionists among us (and most of us are perfectionists, are we not?!), this is little consolation though. Today we'll discuss the theory of relativity as it applies to us... Read on Young Einsteins!Read More…
  • Design Theory
    Unity in Web DesignFamily
    Today we're going to take a look at a design principle that plays a major role in the success of a web design: Unity. As with many designed elements in the world, unity can make or break a site's design. A well "unified" site feels natural, organic, and seamless; Where an site lacking unity can feel disjointed, discontinuous, and discombobulated (in other words, it just falls apart visually). Read on to find out more!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…