Icon

A small picture or design that represents an idea, function, or some other type of visual concept. For example, in computer graphics and web development, an icon is a pictorial representation of a program or file type.

More terms you might want to know

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.

Serial Position Effect

A phenomenon in psychology in which recalling items in a list imposes an order on the list, with the first and last items remembered best. That is, if given a list of words to remember like "dog apple tree", people will tend to recall "dog" as being at the beginning of the sentence and "tree" as being at the end of it.

Quick Keys or Shortcuts

A Shortcut is a computer function that performs a set of commands to save time. A Quick Key is a keyboard shortcut used to trigger an action.

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.

Tint

A generic term for adding colour to an image. A tint can be applied by darkening a colour to create different shades or lightening the saturation, creating a washed-out look.

Opacity

The measure of how easily light passes through a material. It is a quantitative characteristic that can be represented as a number within the range of [0, 1], and in some cases [0%,100%], with lower numbers indicating higher transparency.

Interaction Design

The design of the interaction between users and products. Interaction design is focused on creating products that enable the user to achieve their objective(s) in the best way possible.

PNG Image

A PNG (Portable Network Graphics) file is a bitmap image format that has been designed to store images with an alpha channel. This format is primarily used for transparency so that it can be placed over other graphics in many design applications.

Placeholder Text

Text that is used to fill in a gap in a document.

Scale

The distance between two points of extrusion or an object. It can also be defined as the measurement of size.

Problem?

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