Visual Design Articles & Videos

  • What is Visual Weight?

    Visual weight measures how much design elements draw attention from the viewer. Objects that are bigger in size, simpler in shape, use dark colors, or have high contrast appear visually heavier.

  • Choosing Chart Types

    Pick a chart type that will help you make your point. In the vast majority of cases, use bar charts, line charts, or scatterplots.

  • Choosing a Color Palette

    Colors in an effective color palette work together, follow your brand’s color guidelines, and avoid overwhelming users.

  • The IL1 Typography Test

    Using typefaces with distinct characters can help users easily differentiate alphanumeric data. Choose typefaces that pass the I-L-1 test for data tables and information seen at-a-glance.

  • Common Region: Gestalt Principle for User Interface Design

    Items within a boundary are perceived as a group and assumed to share some common characteristic or functionality.

  • Figure/Ground: Gestalt Principle for User Interface Design

    Users perceive interface design elements that differentiate the foreground (figure) from the background (ground) as something to focus on or interact with.

  • Continuation: Gestalt Principle for User Interface Design

    The eye automatically follows lines and curves, continuing them. Employ continuation to guide users along desired paths in the UI.

  • Common Fate: Gestalt Principle for User Interface Design

    Things that move in synch are perceived as belonging to the same group and being different than other screen elements that stay put or move differently.

  • Connectedness: Gestalt Principle for User Interface Design

    Visual design elements that are connected (for example, by a line) are seen as belonging together. This principle is strong enough to overrule small differences between the items.

  • Closure: Gestalt Principle for User Interface Design

    People often fill in the gaps between visual elements, using closure to perceive them as a whole instead of being separate UI items.

  • Proximity: Gestalt Principle for User Interface Design

    UI elements that are close together are perceived as belonging together, whereas users think that things that are apart play different roles in the interaction.

  • Similarity: Gestalt Principle 1 for UI Design

    User interface elements that share one or more traits (such as shape, color, size, etc.) will be seen by users as being similar and belonging together.

  • The Gestalt Principles for User Interface Design

    The gestalt principles for visual perception make users see some graphical user interface design elements as parts of a whole, and others as being separate, and thus different.

  • 3 Strategies for Managing Visual Complexity in Applications and Websites

    In application design, prevent users from being overwhelmed by putting things in predictable places, using a clear visual hierarchy, and taking advantage of progressive disclosure.

  • Visual Hierarchy

    Visual hierarchy can help users decide where to look in a user interface: what's most important can be shown by color and size, and what things belong together can be shown by proximity and common regions.

  • Using Color to Enhance Your Design

    Color is an influential tool in user interface design. Here are 3 guidelines for applying color in your design.

  • Communication Not Decoration (UX Slogan #4)

    Users visit websites and use apps to get things done, so emphasize the content of interest to communicate with your audience. Avoid design pollution that decorates the UI with noncommunicative elements.

  • Assessing User Reactions to Visual Design

    4 user research methods for assessing visual design (and when and why to use each): preference explanation, open & closed word choice, and numerical rankings for brand attributes.

  • The Design Tool Does Not Make the Designer

    There are many design tools, and new ones come out all the time. Finding a single tool to do the job is not likely, so focus instead on understanding core design principles and adapting your process to best fit a particular task.

  • 3 Ways to Level Up Your Visual Design Skills

    Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.