Chapter 1 quiz

Question 1

Container

Answer 1

An element that holds and separates content, often used to set a maximum width for layouts

Question 2

Logo

Answer 2

A graphical symbol or emblem that represents a company, product, or brand

Question 3

Branding

Answer 3

The practice of creating a name, symbol or design that identifies and distinguishes a product or company from others

Question 4

Identity

Answer 4

The visual components associated with a brand, often represented in branding guidelines

Question 5

Navigation

Answer 5

Elements of a webpage that guide users through its content, typically menus, links, and buttons

Question 6

Fold

Answer 6

The part of a webpage visible without scrolling. Content “above the fold” is immediately visible

Question 7

Content

Answer 7

Information on a webpage, including text, images, videos, and any other media

Question 8

Footer

Answer 8

The section at the bottom of a webpage, usually containing links, contact, and copyrights

Question 9

Whitespace

Answer 9

Empty space in a design, helping content to breathe and improving readability

Question 10

Grid

Answer 10

A framework made of intersecting vertical and horizontal lines, used in design for alignment and consistency

Question 11

Rule of Thirds

Answer 11

A design principle dividing a space into thirds, placing the focal point on one of these divisions

Question 12

Wireframes

Answer 12

A basic layout representation of a webpage of app’s structure

Question 13

CSS Framework

Answer 13

A pre-prepared library used to simplify and speed up CSS development

Question 14

Proximity

Answer 14

The closeness of elements, implying a relationship between them.

Question 15

Repetition

Answer 15

Consistent use of design elements to create a cohesive feel

Question 16

Placement

Answer 16

Positioning of elements in design

Question 17

Continuance

Answer 17

A design principle where elements guide the viewer’s eye in a continuous, uninterrupted flow

Question 18

Isolation

Answer 18

Highlighting an element by separating it from others

Question 19

Masonry Layout

Answer 19

A grid layout where each gird item can be a different size, similar to a masonry brick wall

Question 20

Parallax Scrolling

Answer 20

A visual effect where the background moves slower than the foreground when scrolling

Question 21

Responsive Design

Answer 21

Designing websites to adjust and look good on all devices and screen sizes

Question 22

Media Queries

Answer 22

CSS techniques used in responsive design to apply styles based on device characteristics

Question 23

Breakpoints

Answer 23

Specific points in the design where the layout adjusts to fit screen sizes or devices

Question 24

SVG (Scalable Vector Graphics)

Answer 24

An XML-based vector image format that scales without losing clarity

Question 25

Typer of Balance and Symmetry

Answer 25

1. Symmetrical Balance: Elements are mirrored on both sides of a design.
2. Asymmetrical Balance: Different elements are used on either side, yet still achieve balance
3. Radial Balance: Elements radiate from a central point
4. Crystallographic Balance: a repeated design element, creating a sense of balance