Hero Image

The primary graphic that appears at the top of a webpage, designed to grab people's attention.

More terms you might want to know

Hex Code

A way of expressing colours on digital media. To specify a hex code, you need to consider the three primary colours: red, green and blue. The hex code is always six characters long and looks like this: #RRGGBB and their values range from 00 to FF.

Heatmap

A graphical representation of the density and distribution of data points. Denser regions in the image are interpreted as the data points' frequency, while lower densities are interpreted as fewer data points in that area.

Heatmaps show you where people worldwide are clicking on content to help you understand how people interact with your website designs and content.

Miller's Law

An observation in Psychology that suggests that the number of mental objects the average person can keep track of is seven (plus or minus two).

Bottom Navigation

One of the most common types of navigation in UI design. It's usually a system of one or more horizontal buttons placed at the bottom of the screen, directing users to other parts of an app or website. Bottom navigation is often used as an alternative to scrolling or tabbing through links on a page.

Scope Creep

Scope creep is when the scope of a project starts to grow without any agreement on how it's going to be paid for. Creep happens because items and features are tacked on top of the original scope of work agreed upon in the original contract.

Colour Palette

A specific set of colours, usually with a limited number of values, chosen to suit the needs of a particular design.

Stroke

The path of any movement, mark, shape, or other feature of a design. It can be the border of an element or even the tight edge of a text box, etc.

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.

Grid

A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.

Aperture

The setting on a camera's lens which controls how much light comes into the camera. Aperture settings can usually be set to F-stop values ranging from F1.4-F22. The higher the aperture value, the smaller the opening is, and vice versa, which affects the depth of field in photos and how much light reaches and illuminates a subject or scene in a photo.

Problem?

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