Considering how loads of designers are self-taught, either in whole or in part, the importance of a levelheaded foundation in visual design theory is often overlooked. New designers often aspire to jump right into making websites, rather than learning the basics of why some designs bring about and some don’t. But they’re putting themselves at a disadvantage to designers who do have formal training or have taken the time to learn the principles behind excellent design.
Below are extra than 45 recent education in visual design theory. Included are all-function theories, theories about addict experience and usability, typographic theory, describe and grid theory, and affect theory.
All-function Design Theory
The Lost Principles of Design
Covers a number of vital visual design principles, counting balance, draw a distinction, accent and subordination, directional forces, ratio, extent, repetition and rhythm, and unity, all with illustrations.
Principles of Excellent Design: Balance
Discusses how vital balance is to making an effective design. It covers symmetrical and asymmetrical balance, as water supply as off-balance designs.
Web Design Tips: The Use of Balance
This covers how to make balance in your website designs. It’s a simple overview article, with a lot of matter-of-fact advice in addition to theoretical conversation.
The 5 Primary Principles of Potent Web Design, Part 5: Balance
This article from The Pro Designer covers the opinion of balance and how to apply it to your designs. It’s small and to the point. Be guaranteed to try out out the links at the end for the other principles in the series.
3 Visual Design Principles for Instructional Design Success
While dealing particularly with instructional design, this article covers three vital principles with the intention of can be applied regardless of the function of your design: using layouts to convey importance and relationship, using pattern and repetition to organize content, and using just the right images and no extra.
Elements and Principles of Design
A fantastic primer on the vital theories of visual design. If you’re not guaranteed where to start, this might be a excellent place.
In Search of Ethics in Visual Design
Ethical considerations are all too often overlooked in the world of visual design. This article aims to change with the intention of by discussing a designer’s responsibility to their users.
Aspire to Know How to Design? Learn the Basics
This article provides a fantastic overview of vital visual design principles, counting affect, outline, affect, space and extra. Additional resources are provided for all concept.
Elements and Principles of Design
This leaf offers a vital but helpful overview of the elements and principles of design, with vital illustrations of all concept. It’s a fantastic starting point and incredibly straightforward to know, since it’s aimed at young students.
11 Principles of Interaction Design Clarified
Veering dead from strictly visual design, this helpful article covers theories related to interactive design. Included are concepts such as matching experience and expectations, consistency, and functional minimalism. Some of the concepts could be carried finished to non-interactive design (such as for print media).
The Modern, No-Nonsense Guide to the Principles of Design
This covers all of the basics: balance, accent, movement, pattern, repetition and extra, as water supply as six “new” principles of eBook design with the intention of are just as relevant to website and visual design.
Grid and Describe Theory
Grid-Based Web Design, Simplified
This covers the theory of grid-based design and gives matter-of-fact advice on how to make your own grids, without finished-complicating things.
Grids in Modern Web Design
A slideshow with the intention of clarifies the theory behind using a grid for a describe. It’s a quick introduction to grid theory, with a few matter-of-fact examples.
Grids: Order Out of Chaos
A small article from About.com with the intention of discusses the basics of grid systems, why you should use them and what goes into designing them. Most of the in rank is geared to magazine and other print media, but loads of of the principles apply to all types of design.
Rule of Thirds, Visual Center, Grids
A additional About.com article with the intention of discusses the theories of balance in leaf describe. The principles could be applied to either web or print design, but the article focuses on print design.
Gestalt Principles Applied in Design
This Six Revisions placement covers the six vital principles of Gestalt theory — proximity, similarity, figure-disturb a curfew, symmetry, “common fate” and closure — and how to apply them to your designs.
Understanding Visual Hierarchy in Web Design
This Webdesign Tuts+ placement covers the basics of visual hierarchy from a very matter-of-fact standpoint. By the time you end the article, you’ll have a grasp of not release what hierarchy is and why it’s vital, but also how to effectively incorporate it in your designs.
How to Use Visual Hierarchy in Web Design
This article from Design Shack covers the principles of visual hierarchy and how to realize it, accounting for size, affect, spot and visual complexity.
Grid Theory
This article covers grid theory in relation to Phi, the Rule of Thirds, and the 960 Grid system. It’s excerpted from Jason Beaird’s The Principles of Gorgeous Web Design tome.
Applying Divine Ratio to Your Web Designs
Discusses how to apply Phi (a ratio of roughly 1:1.618) in order to realize extra attractive and visually balanced designs. It also discusses the Rule of Thirds and has some matter-of-fact advice for implementing all theory.
Usability and Addict Experience
5 Timeless Usability Principles for Website Designers
This placement from 1st Web Designer covers five established principles of usability, counting designing with a butt in mind and focusing on conventions.
10 Usability Principles to Guide You Owing to the Web Design Maze
A quick overview of 10 usability principles. It’s small and to the point and a fantastic place to start learning about usability.
How Cognitive Biases Affect Addict Experience
This vaguely extra advanced article covers the psychology behind why users react to design elements the way they do. It also covers the cognitive biases of persons caught up in crafting the addict experience and how they can with a denial change the result.
Principles for Usable Design
A quick overview of some vital usability principles, counting consistency, simplicity and communication. It offers a handful of tips for effectively implementing all opinion.
8 Design and Usability Principles You Can Apply to Your Website
This article offers some fantastic tips with the intention of, if followed, could really improve the usability and addict experience of your designs. Included are topics like designing to demographics and prose for a Web audience.
11 Quick Tips for Extra Usable Content
This UX Booth article has some brilliant thoughts on how to make your website’s content extra addict-friendly. Some are directly related to design, while others are extra related to the content itself (which should permanently be considered in perspective of the design).
What You Call for to Know About Usability
Some levelheaded social class in rank on website usability, counting why it’s vital, some in rank on Jakob Nielsen’s heuristics, and some best practices for usability.
Typography
A 20 Minute Intro to Typography Basics
A quick, simple guide to excellent typography. This is a high-level overview with the intention of covers things like typeface classifications, the anatomy of category, kerning and tracking, alignment, and ligatures, among other topics.
8 Simple Ways to Improve Typography in Your Designs
This not release teaches you the theories behind the tips, but gives you matter-of-fact examples and code to get you started using the theories.
The Elements of Typographic Style Applied to the Web
One of the most thorough guides to Web typography theory out there. It covers horizontal shift, vertical shift, blocks and paragraphs, the etiquette of hyphenation and pagination, and harmony and counterpoint, all in point.
Designing for Seniors
If you ever have to make designs for older demographics, at that time this is a must scan. It clarifies numerous ways to make category extra seniors-friendly, counting guidelines for typographic style and size, copy length, colorless space and extra.
Typography for Children
There are also guidelines for designing typography for children. This article covers things like legibility, readability and extra, all related to how children perceive and respond to designs.
Typography Is the Backbone of Excellent Web Design
Brian Hoff covers the techniques with the intention of he uses in his own Web typography, discussing in cooperation why they bring about water supply and how to get excellent consequences.
How to Make Fantastic Web Typography in 10 Minutes
This article is a mix of theory and matter-of-fact advice, and it covers vertical rhythm, font families, visual hierarchy and font colors, all of which are vital in typography, regardless of medium.
“What Font Should I Use?”: Five Principles for Choosing and Using Typefaces
Includes some brilliant guidelines for choosing fonts for your designs, counting draw a distinction, font families and appropriateness.
Eight Tips for Category on the Web
A small article from Fonts.com with the intention of covers vital guidelines for making excellent Web typography. Included are things like avoiding justified copy, using smart punctuation and making a typographic hierarchy.
Category and Affect
Clarifies how to choose the proper colors for your typography, and the rationale behind using different colors when designing category.
Typography Tuesday: Hierarchy
Hierarchy is one of the most vital concepts in typographic design, since it reinforces the priority of elements. Making a sense of hierarchy is as simple as differentiating between such elements as headlines, body copy, headings and so on. This article covers a variety of ways to do with the intention of.
Category Study: Typographic Hierarchy
Here is a fantastic lesson in typographic theory, walking you owing to the principles, with a fantastic example with the intention of evolves throughout the article.
The Typographic Extent
This covers a additional vital part of typography design: sizing your typography based on a pre-certain extent. This gives the copy extra order and reinforces relationships between the various typographic elements.
Affect Theory
Affect Theory for Designers, Part 1: The Importance of Affect
The initially part in my own three-part series on affect theory for designers. This article covers the meanings of different colors, counting cultural differences in affect importance. Parts two and three go deeper into the concepts and terminology of affect theory and into making your own affect schemes.
Affect Theory Quick Reference Poster
While not strictly a theory lesson, this poster includes all of the basics you call for to know about affect theory, in an straightforward-to-reference preparation. It’s available as a print-ready PDF or as desktop wallpaper.
Affect Theory in Visual Design
Covers the basics of making affect schemes, based on habitual patterns. Caring illustrations accompany all pattern.
Understanding Affect and Affect Theory in Visual Design, Part 1
Here’s a additional series with the intention of introduces you to affect theory relative to visual design. It starts out with some vital terminology and affect schemes, and at that time progresses to affect meanings in part 2.
A Look Into Affect Theory in Web Design
This Six Revisions article offers a fantastic overview of affect theory, counting the affect wheel, terminologies, relationships between colors, types of affect in design, and affect meanings.
How to Get a Professional Look With Affect
This placement from Webdesigner Depot covers all of the basics of using affect to realize a professional design. It goes into extra advanced techniques for making affect schemes.
Making Consistently Colorful Addict Experiences: Part 1, Theory
This article on UX Booth discusses affect theory in terms of addict experience design. It discussion about how affect helps define how users perceive in rank in a design, as water supply as the subconscious impact of affect on addict experience.
