The foundation of design

UI elements are outlined with justifications and explanations to why they should appear as stated.

The layout of each principle goes like this.

  1. The skinny - a brief overview, introduction, single paragraph explaining clearly and concisely the premise.
  2. The detail - a deeper explanation of the theory of the design type and why it must be considered, with visual examples.
  3. UX laws considered - listing the types of UX laws and links to what they might be.
  4. Neurotypes considered - listening the Neurotypes and what the definitions are.
  5. Further reading - related tools and articles of interest.
  6. Bibliography and references - listed.
Numbers 0 to 9 presented in the format of a phone dialpad.

Numbers
Typical imposter letter shapes, lowercase, d, b, q, and p.

Font
The uppercase letter t inside a marquee box with draggable corner handles.

Typography
A colour wheel icon with lines joining the locations of complimentary colours.

Colour
Four icons of cursors, pointers and hit areas for mobile and desktop computers.

Buttons, Links, Inputs
A simple wireframe of a desktop user interface.

Interface
A collection of speech bubbles in various sizes.

Communications
An icon of an animated circle moving diagonally from bottom left to top right.

Animations