Design Principles for Developers

What is typography?

• the art and technique of arranging type to make written language legible, readable, and appealing when displayed.

• the study of geometric properties and spatial relations unaffected by the continuous change of shape or size of figures.

• the study of the development, structure, and functioning of human society.

• the conventional spelling system of a language.

Why is typography important in web design?

• It makes the site look fancy.

• It is important to make the site easy to read.

• It's not.

• It makes your website come up first in a Google search.

What are the two fundamental principles of design (in relation to typography) that make your site more visually pleasing and easy to read?

• classes

• repetition

• hierarchy

• content

What allows you to create styles for text that can be reused across a website?

• HTML

• JavaScript

• Bootstrap

• CSS

________ provides a clear visual order to content.

• Repetition

• Color

• Hierarchy

• Nothing

Which HTML tags make use of hierarchy "out-of-the-box".

• Header tags

• Image tags

• Paragraph tags

• Form tags

What are the two types of fonts that you, as a designer, should be thinking about?

• Display Fonts

• Free Fonts

• Expensive Fonts

• Text Fonts

Select all of the CSS properties that can be used for better readability.

• font-size

• line-height

• max-width

• color

What is another way we can think of spacing in our web design?

• Layout

• Hierarchy

• Repetition

• Color

What are two design principles that relate to spacing?

• Color

• Size

• Movement

• Proximity