User Interface Design

Question 1

What is User Interface Design?

Answer 1

User Interface Design is the process designers go through to create interfaces for websites, apps etc. using colour, fonts and graphic design principles to ensure a application or website is accessible to a wide range of audiences

Question 2

What is Hue?

Answer 2

saturated colour without any value.

Question 3

What is Saturation?

Answer 3

intensity of a colour, saturated is vibrant, desaturated is dull.

Question 4

What is Shade?

Answer 4

created when black is added to the hue

Question 5

What is Tint?

Answer 5

created when white is added to the hue.

Question 6

What is Tone?

Answer 6

created when grey/tint/shadow are added to a hu

Question 7

Monochromatic?

Answer 7

Hue with saturation and brightness variation

Question 8

Analogous?

Answer 8

Hues next to one another on the colour wheel with saturation variations

Question 9

Complementary?

Answer 9

Colours opposite on the colour wheel

Question 10

Split Complementary?

Answer 10

One colour + 2 colours equally spaced from one another

Question 11

Triadic?

Answer 11

Three colours equally distant around the wheel

Question 12

Tetradic?

Answer 12

Pairs of colours plus complements/double complementary

Question 13

Example of colour association?

Answer 13

Red = danger due to danger signs on the road

Yellow = Warning due to weather warning signs

Question 14

Example of colour Symbolism?

Answer 14

Red =Danger, Passion, energy, Love

Brown = Earth, Natural, Outdoors

Question 15

What is font weight?

Answer 15

Font thickness

Question 16

What is font leading?

Answer 16

Font vertical spacing

Question 17

What is font kerning?

Answer 17

Blank spaces between letters mainly to look more visually appealing

Also makes text easier to read

Question 18

What is font tracking?

Answer 18

Space between letters

Question 19

Justification?

Answer 19

Glyphs or letters stretched or compressed to algin left + right ends, more for news papers, not for web design!!

Question 20

User Interface Design Shape uses?

Answer 20

• Geometric
• Natural
• Abstract

Question 21

Design Elements UID: Colour?

Answer 21

• Colour itself should be used consistently
• doing so will tie the whole interface together
  
  • this can be used effectively to separate and group elements.

Question 22

Design Elements UID: Typography?

Answer 22

Fonts should be applied consistently in styles, sizes and colour throughout the application

Question 23

Design Elements UID: Layout?

Answer 23

The layouts between individual pages should be consistent in order for the user to navigate confidently.

Question 24

Design Elements UID: Hierarchy?

Answer 24

Using position and relative size, a designer can indicate the importance of information on the screen.

Question 25

Design Elements UID: Emphasis?

Answer 25

- An interface should reflect the appropriate emphasis to be placed on the headings, body text and images within it. - Do this by varying their size, positioning and colour

Question 26

Design Elements UID: Balance?

Answer 26

Balance the screen elements symmetrically, as if they had physical weight on a flat plane. This makes them more comfortable to view and easier to browse or navigate through.

Question 27

Design Elements UID: White Space?

Answer 27

- Space that surrounds the elements. - White space is used to: - Help the eye scan a design/text - Increase legibility and readability - Create a certain aesthetic/mood

Question 28

Design Elements UID: Unity?

Answer 28

Creating cohesive visuals which work together to create one connected piece

Question 29

Design Elements UID: Proximity?

Answer 29

- Structure and positioning of elements on a page or layout which establishes a visual link - This groups related elements together