Font Style

Designers and developers use font styles to denote differences in meaning between two or more words, phrases, sentences, paragraphs, or blocks of text. Typical font styles in CSS and web development are normal, italic, oblique and inherit.

More terms you might want to know

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.

Design Debt

A concept used in systems design to describe the negative consequences of making seemingly innocuous design changes. Shorthand for a product's delayed but inevitable need to be reworked due to earlier, seemingly trivial decisions not having been fully thought through in the original release.

Designers incur this "debt" by making quick and easy choices that save time in the present but cause more complex problems later on down the road when it becomes necessary to change or add something.

User Scenario

An example of a typical user and the actions they take. Typically these are written in the form of a story.

Rule of Thirds

A rule of thumb used in photography to create more visually appealing images which states that an image should be composed so that the subject or focus of the image occupies one-third of the picture space, with two equal vertical lines dividing their composition into two.

Material Design

A design language developed by Google. The goal of Material Design was to create fluid, natural movement for users on any platform they happen to be using.

Baseline

An imaginary line on which most letters "sit". As such, it equals the height of an em square. The expected result of a baseline is to reference the height with which text is aligned. The alignment ranges from ascenders, which are the upper strokes in b, d, and h, down to descenders like j or y.

Palette

A set of colors which can be used to create a particular visual effect. It is usually composed of multiple primary, secondary, and tertiary colours.

Fishbone Diagram

Also known as an Ishikawa diagram, is a widely used technique in project management. The diagram provides a means of evaluating the cause-and-effect relationship between the various activities necessary for completing a project by visualising all activities in the project as bones that interconnect on an anterior and posterior spine, with causality flowing from one to another.

KPI

A key performance indicator is a variable that measures how well an entity is performing. It's a figure that designates an individual or item's performance level. A particular company may use metrics such as sales, revenue, production, and market share to gauge the success of their firm.

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.

Problem?

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