🔷 Fundamental Elements of Design

5.1Point / Dot (विन्दु)

A point is the smallest, most basic unit of design. It has position but no length or width. In practice, a dot.

• A single dot = a focal point (bindi, full stop, bullet).
• Several dots can form a line, a texture, or even an image (pointillism, halftone printing).
• In halftone printing, photos are literally made of tiny dots at different sizes — the dot is the atom of print.
• In design, a dot on an otherwise empty page demands attention. It is the seed of everything else.

5.2Line (रेखा)

A line is a continuous mark — a path of a point. It has length but (usually) no real width. Lines guide the eye and build shapes.

Types of lines and their feel

• Horizontal — calm, stable (horizon).
• Vertical — strong, formal, proud.
• Diagonal — energy, motion.
• Curved — soft, natural, flowing.
• Zigzag — tension, urgency.
• Dotted/dashed — suggestion, incomplete, dotted.
• Thick — bold, heavy.
• Thin — delicate, refined.

Uses in design

• Divide a layout (rules between articles).
• Underline for emphasis.
• Form outlines and shapes.
• Direct the eye (leading lines).
• Create texture (hatching, parallel lines).
• Indicate boundaries (borders, frames).

5.3Form, Shape, and Size (रुप, आकार)

Shape

A shape is a 2D enclosed area defined by lines or colour.

• Geometric — circle, square, triangle, rectangle. Feels precise, man-made.
• Organic — leaf, blob, cloud. Feels natural.
• Abstract — stylised icons (a "heart" shape is abstract — real hearts don't look like that).

Form

A form is a 3D shape — it has depth. In flat design, form is implied through shading, perspective, and gradients.

• A circle is a shape; a sphere is a form.
• Drop shadows, gradients, and lighting simulate form on a flat page.

Size

• Relative size creates hierarchy — bigger elements are read first.
• Contrast in size draws attention (tiny subhead + huge headline).
• Size must match context — a poster headline ≠ a book headline.

5.4Colour (रङ)

Colour is light of a specific wavelength perceived by the eye. In design, colour is the most emotional of all elements — it sets mood instantly.

Properties of colour

• Hue — the colour itself (red, blue, green).
• Saturation — intensity; from vivid to greyed-out.
• Value (brightness) — lightness/darkness of a colour.

Colour wheel basics

• Primary — red, yellow, blue (in traditional); red, green, blue (RGB); cyan, magenta, yellow (CMY).
• Secondary — orange, green, purple.
• Tertiary — mix of primary + secondary.

Colour schemes

• Monochromatic — one hue, varying value/saturation.
• Analogous — next to each other on the wheel (blue-green, green, yellow-green).
• Complementary — opposite (blue + orange). High contrast.
• Split-complementary — base + two neighbours of its complement.
• Triadic — three equidistant colours.
• Tetradic / Square — four colours forming a rectangle/square.

Colour psychology (typical associations)

• Red — urgency, passion, danger, celebration (Nepali weddings).
• Blue — trust, calm, corporate.
• Green — nature, growth, money, health.
• Yellow — happiness, caution, optimism.
• Black — premium, elegance, mourning.
• White — purity, minimalism, peace; mourning in some cultures.
• Saffron/Orange — energy, devotion.

Colour models — practical

• RGB — screens. 0–255 per channel.
• CMYK — print. 0–100%.
• HEX — web (#FF5733).
• Pantone (spot) — standardized brand colours.

5.5Light and Shade (उज्यालोपन र छायाँ)

Light and shade are what give flat shapes the illusion of depth and drama. They simulate the way real light hits real objects.

• Highlight — brightest point directly hit by light.
• Mid-tone — the general colour of the object.
• Shadow — where light doesn't reach.
• Cast shadow — the shadow the object throws onto another surface.
• Reflected light — light bouncing back into the shadow from nearby surfaces.

Uses in design

• Makes buttons and UI elements feel "clickable" (skeuomorphism).
• Creates drama in posters and illustrations.
• Guides attention — a lit object on a dark background pops.
• Establishes mood — long shadows = drama; soft light = calm.

5.6Space (खुला ठाउँ)

Space is the area around, between, and within the other elements. "White space" or "negative space" is not empty — it's a design element in its own right.

Types

• Positive space — the elements themselves (text, images, icons).
• Negative space — the empty area around them.
• Active negative space — empty area used intentionally to shape something else (the arrow hiding in the FedEx logo).
• 2D space — flat arrangement.
• 3D / illusion of depth — overlap, perspective, scale, atmospheric perspective.

Why it matters

• Too little space = cramped, hard to read.
• Enough space = breathing room, elegance.
• Strategic empty space = premium feel (Apple ads, luxury brands).
• Space groups related items (proximity).