Flat Design

A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.

In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.

More terms you might want to know

ID

A selector that can be applied to any HTML element. ID should be used when designing for a single instance, such as using the id="main" attribute on an <h1> tag.

Character

A letter, symbol, or another alphabet unit.

Hierarchy

Also known as visual hierarchy, hierarchy is the ordering of priorities in a design. This may include different visual elements, such as contrast, colour, font size and placement on a page. The graphic designer's job is to create an understandable document using organisational systems that the reader easily understands.

Ascenders

The part of lowercase letters that goes above the baseline when used in running text. As such, ascenders are considered less condensed than those used for numerals and other capital letters. Some examples of ascenders include b, d, h, k, and l. The opposite of an ascender is a descender.

Brand Identity

The perception that people have of a business and its reliability, authenticity, and attractiveness. It's also the set of impressions an individual has when they think about a brand.

Saturation

The intensity of a color relative to its own brightness. Colours are said to be saturated when they have a strong hue and high intensity.

User Research

A field of study that aims to understand the user experience of a product or service. Conducting UX research includes interviewing, observing, and surveying users. Understanding the user experience is important because it helps designers understand how to design a better product that will be more appealing and usable for people.

Emblem

A mark or symbol used to represent an institution, organisation, person, or group, and it is usually displayed on flags and seals.

Hamburger Menu

A well-known UI element in computer applications. It's an expandable menu of context-specific commands typically launched from the application's main menu.

Asymmetry

The degree of difference between the two sides of an object or system.

Problem?

Got a suggestion or found an issue with the glossary?
Let me know!