Design Elements and Principles Flashcards
Design Elements, Design Principles and Gestalt Principles
Design Elements
Components of visual language used by designers to communicate information and ideas. Including:
* Point
* Line
* Shape
* Form
* Tone
* Texture
* Colour
* Type
Design Elements
Point
Can be a dot but is not necessarily alway circular
Examples include half-tone printing, pixilation and dot rendering
Design Elements
Line
A continuous mark with various characterisitcs, such as straight or curvy, consistent weight or textured, created by manual or digital methods. Lines denote direction and boundaries
Lines exist in perspectives and grid layouts In technical drawings, line thickness is controlled for outlines, cutting edges, folds, hidden details, symbols or dimensions
Design Elements
Shape
Is an enclosure. It can be organic, geometric, hard-edged or feathered, abstract or symboli, as well as used with other elements to create form or pattern
Design Elements
Form
A three-dimensional entity, either real as in a construction, or in the form of an illustration. Form in illustrations may be created by point, line or shape and can be enhanced in tone, texture or colour
Design Elements
Tone
It is a light or dark variation of any colour, used to describe the three-dimensional nature of form in terms of its shadows and highlights, created by a light source.
A variation in tone is a ‘gradient’ in digital media. It can be smooth and gradual or created by point of line (dot rendering and cross hatching), subtle or dramatic, demanding on its intended use
Design Elements
Texture
Communicates a tactile aspect. It may be achieved through point and line, and applied in a realistic or an abstract style to create a pattern or simulate the finish of a material
It may also be combined with tone
Design Elements
Colour
Colours are determined by the colour wheel, with terms such as hue, complementary, contrasting, harmonious, and high/low key. Colour enhances form, attracts attention, creates hierarchy.
Colour model, RGB is used for TV and computer screens and CMYK is used for painting and print media. Both are used in the design industry, alongside Pantone and hexadecimal libraries (for precise colour mixes)
Design Elements
Type
The visual expressive reprentation of a word, number or character. Communicated through literal meanings of words and visual type form, sets of ‘typefaces’ belong to famililies and can be extended, condensed, bold, italic or 3D, all with different intentions
Examples include serif, san serif, decorative or script font
Design Principles
The conventions used to arrange and organise the design elements. Including:
* Figure-ground
* Balance
* Contrast
* Cropping
* Hierarchy
* Scale
* Proportion
* Pattern
Design Principles
Figure-Ground
The ability to seperate a visual scene into two parts: the main object (figure) and the background (ground). This is distinguished through contrast, colour, size, and position
For example, if we see a black bird on a white backgound, we perceive the bird as the figure and the white as the ground
Design Principles
Balance
Components of an image arranged in relation to a central axis, whether real or implied. There are two types of balance: symmetrical and asymmetrical. Symmetrical balance involving mirroring on either side of the axis, with centred and stable composition and asymmetrical balance involves placing components of different sizes and weights off-cenrre to create a more dynamic composition.
Design Principles
Constrast
The deliberate use of opposing aesthetic qualities in design components to create visually striking composition. Contrast is a poweful tool to create emphasis, to establish a focal point, and to generate visual tension. It helps to sperate different parts of a design and adds interest to monotonous layout, making a design more memorable, engaging and effective
Design Principles
Cropping
Involves removing, framing or concealing a portion of a visual message. Used to imporve the visual impact and balance and create a specific focus or emphasis on a particular element
Design Principles
Scale
Refers to the relative size of two or more components in a visual communication. Variation in size between two or more components of the same kind is used to create depth in composition, as well as create hierarchy
Examples of where scale may be expressed as ratio is when discussing or producing maps, diagrams, illustrations, technical drawings, models or mock-ups