Principles of Design for Coders

In this lesson, coders learn the basic elements of an effective design by utilizing line, shape, and form to engage and guide the viewer through a space.

In this lesson, programmers and website designers explore how to use positive and negative space to naturally create perspective, distance, and focus.

In this lesson, learn more about site and app design with a brief review of color, tone, and texture, which impact the feel and user experience of a website.

There’s more to color than meets the eye! In this design lesson for coders, learn about the science of color, including how types of light impact perception.

Now that you understand the science behind color, it’s time to dig into color theory! Learn about hue and saturation, as well as primary and secondary colors.

You are comfortable with the basics, but you’re not done learning about colors yet! In this lesson, learn the difference between RGB, CMY, and Hex color modes.

In this ongoing design series lesson, coders and web designers learn a variety of useful terminology for typography, lettering, alignment, and typeface.

Are you coding a website, and want to understand typography and style options? Learn how these design elements contribute to the look and feel of a website.

In this lesson, learn how to place text with purpose, using tag lines, display, and body text. Review how these factors affect the website viewer’s experience.

When coding for design, it’s important to know your user, and why they’re viewing your website. Learn why the audience is most significant factor in design.

In this design lesson, learn how to define an audience by viewing examples of successful apps and websites with contrasting designs and user bases.

In this lesson, coders and website designers learn about the importance of requesting and accepting user feedback when coding for a positive user experience.

So, you’ve learned the power of scale, color, and typography. Now review the hierarchy of these aesthetic elements in this design lesson for coders!

You may know the fundamentals of design, but how effectively can you organize content for an audience? Learn what elements create a visually organized layout.

In this lesson, programmers and website designers explore the concepts of form and function, helping beginners create user-friendly website and app designs.

You’ve likely heard it before: less is more. In this important design lesson, gain valuable insight on how this concept directly relates to effective designs.

In this lesson, learn to keep the medium in mind when designing a website or app. Review potential browser, storage, operating system, and design limitations.

In this lesson, website and app programmers learn about the power of bandwidth and how it can positively or negatively affect user experience.

In this lesson—part of an ongoing design series for coders—learn about the output size of various devices, and how resolution plays a role in the end result.

In this design lesson for programmers, dive into interactive buttons and image links, and see how these can deepen the user experience in an organized fashion.

In this design lesson for coders, review the importance of size, shape, and consistency when designing web and mobile icons to improve the user experience.

In this design lesson for coders, students learn by example, reviewing samples of websites that use graphics and photos to relay messages to the viewer.

In this design lesson, programmers review user expectations and how the way information is accessed and delivered affects the overall user experience.

In this lesson, learn about interactive ways to present content, and explore how to use sound and motion in an app or website to engage and delight the viewer.

This design lesson shows website and app designers how to organize content and create smooth navigation by reviewing a few, helpful examples.

Are you ready to take your website, app, or e-publication to the next level? Learn how to consider the user when creating an interactive design.

If you are a web designer, you understand the importance of user-friendly buttons. In this lesson, learn how buttons with rollover states affect your design.

In this lesson coders and web designers will learn how to plan out prospective content. Students will explore a handy and affordable organizational method.

In this lesson, learn how to build a functional layout from the ground up! Explore wireframing, and learn how and why it’s beneficial in website design.

If you’re a programmer, creating a design that works for the user is a top priority. Learn about essential factors in UX design and website functionality.

Are you a novice website designer looking for a better understanding of the basics? In this lesson, learn how consistency affects user experience.

There are many factors that contribute to user-friendly web design. Learn how repeating elements, like font, shape, and color create a better user experience.

In this lesson, website designers and coders study the big picture in order to understand how consistency and repetitive elements create a system for the user.