Visual Design Principles - Lecture Flashcards

Comprehensive practice questions covering the 5 visual design principles, eye-scanning patterns, and Gestalt psychology based on Dr. Fadhilah Rosdi's lecture.

How long does it take for a user to form a visual impression of a website or application?

$50\,ms$ or $0.05\,s$.

What are the five key visual design principles listed by Dr. Fadhilah Rosdi?

Scale, Visual Hierarchy, Contrast, Balance, and Gestalt Principles.

Which four successful brands are highlighted as having consistent UI?

Apple Inc, Google's Material Design, Airbnb, and IBM's Carbon Design System.

How is the principle of Scale defined in visual design?

Scale refers to using relative size to signal importance and rank in a composition.

In terms of establishing mood through Scale, how do large text and small text typically differ?

Large text is perceived as bold and loud, while small text is perceived as minimal.

What is the definition of Visual Hierarchy?

The arrangement of elements to show importance and guide the eye to attend to design elements in a specific order.

According to the visual hierarchy of size, what is the typical order of reading priority?

Headlines > subheadings > body text.

How does color affect visual hierarchy?

Bright colors usually draw greater attention than duller hues.

For what type of content is the F-pattern eye-scanning behavior common?

Text-heavy content such as blogs, news sites, and articles where users scan left-to-right, line by line.

Describe the eye movement path in a Z-pattern scan.

Across the top, diagonally down to the bottom left, and then across the bottom (Horizontal > Diagonal > Horizontal).

What is the primary function of whitespace in a design layout?

It prevents clutter, improves focus, creates breathing room, and helps separate groups of content.

What is the purpose of alignment in visual hierarchy?

It creates order and connection between elements, often utilizing a modular grid.

How is the principle of Contrast defined?

The juxtaposition of visually dissimilar elements (such as color, shape, size, or font weight) to convey the fact that elements are different.

What is the difference between Symmetrical and Asymmetrical balance?

Symmetrical balance is formal and evenly distributes visual weight, whereas Asymmetrical balance is dynamic and uses elements of different weights.

What is Radial balance?

A distribution of visual weight that leads the eye toward the center of the composition.

What core concept do Gestalt principles capture regarding human perception?

Our tendency to perceive the whole as opposed to individual elements.

Define the Gestalt principle of Similarity.

Elements that look similar are perceived as related or part of a group, such as buttons of the same shape and color.

Define the Gestalt principle of Proximity.

Objects that are close together are perceived as a group, allowing designers to organize items using spacing instead of boxes.

What is the Gestalt principle of Closure?

The tendency for people to see complete figures even when parts are missing, often used in logos like those for WWF and IBM.