The use of light or dark objects positioned over colourful backgrounds. Blurred backdrops allow bright colours to come through and convey a sense of frosted glass.
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.
Affordances describe a relationship between the environment and an animate object, classified as either positive or negative.
Items, such as a car that leads to movement, have a positive affordance. Things like stairs that lead upwards have a negative affordance because they will not allow for any other form of movement other than up or down if used accordingly.
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.
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.
A prediction model used in human-computer interaction. It states that the time required to move to a target area rapidly increases as the distance to the target increases. The law was proposed by Paul Fitts, an American psychologist, in 1954 as a mathematical model of movement with limited cognitive capacity.
Fitts hypothesized that one would quickly select its first apparent target when reaching for an object before considering alternatives — a phenomenon called "target fixation." This tendency would increase progressively with increased distance between the subject and object until it eventually became exponential (i.e., too far away).
All available space (line-height) between two consecutive lines of text; this measurement should be adjusted for either ascenders or descenders. In hand typesetting, leading referred to thin strips of lead inserted by hand between lines of type in the composing stick to increase vertical distance.
A digital image captured by a digital camera or scanner that has not been processed in any way by the camera software.
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.
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.
The small decorative stroke at the end of a stroke in a letter, or a typeface.