An organised arrangement of elements used for a particular purpose, such as to create striking visual effects or to convey information effectively. Good composition is achieved through different methods, such as placing figures or objects in a scene, revising and simplifying lines and shapes that make up a figure, and arranging multiple figures or objects into meaningful relationships.
A selector that can be applied to any HTML element. Classes should be used when designing for multiple instances. For example, if you want all <h1> tags in the website to look blue, then you could use the class="blue-text" attribute.
The written information that accompanies a design.
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.
Colours that directly across the colour wheel, like blue and orange. When you put these colours next to each other, they make a great contrast together. Complementary colours are often found in nature.
The designation of a set of character encoding styles for glyphs that are not capital letters.
A way of developing new products or services using a process of repeated and regular refinement, in which prototypes are made, evaluated, revised, and re-evaluated until the desired result is achieved. High profile companies have successfully implemented iterative design to create effective and innovative products.
A UX design technique to explore and map out a service, product, or system through physical navigation, often completed at the start of a design process to provide designers with an understanding of how users will navigate the system. In addition, body-storming can be used in development to test functionality or measure ease of use.
A prominent design feature of web applications. Links can be used to navigate websites, provide shortcuts to content, or change views within a web application. These links allow for ease of access and save time when users need to find information or use services from other domain names.
The distance from the baseline to the top of a capital letter, number, or other upper-case glyphs.
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.