Wiki Article · Cinematic

Alignment (graphic design)

Alignment ka matlab hai: kisi bhi design me elements ko aise arrange karna ke woh visually…

Overview

Alignment (graphic design) — Quick Facts

📌

Field: Value

🎯

Type: UI/UX design principle

⚡

Purpose: readability, organization,…

🔑

Key properties: grid, whitespace, alignment type

Topic 1

Overview

💡

sab elements ek grid/row/column ke…

🔑

whitespace ka use ho

⚡

accessibility ka dhyan ho

Topic 2

Core ideas

💡

Left: sab elements left edge pe

🔑

Right: sab elements right edge pe

⚡

Center: sab elements center me

🎯

Justified: text dono sides pe…

Topic 3

Common types of alignment

💡

Left

🔑

Right

⚡

Center

🎯

Justified

Topic 4

Worked examples

💡

Labels left-align, input fields ek…

🔑

Button row center align

⚡

Links evenly spaced,…

Topic 5

Alignment in UI/UX and development

💡

Flexbox: justify-content,…

🔑

Grid: grid-template-columns,…

⚡

tab order, focus ring, readable…

Topic 6

Common mistakes

💡

Inconsistent alignment (kuch left,…

🔑

Grid ignore karna (random…

⚡

Whitespace kam ya zyada

🎯

Accessibility ignore (contrast,…

Topic 7

Alignment vs distribution

🌈 | Aspect | Alignment | Distribution | |---|---|---| | Focus | ek line/edge/center pe…

Comparison

Alignment vs distribution

⚖️

Focus: ek line/edge/center pe arrange…

Quiz — Question 1

Alignment (graphic design) ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

Alignment (graphic design) ka 'Type' kya hai?

Complete! 🎉

Alignment (graphic design) Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Alignment (graphic design) Complete

➡️

Alignment (graphic design)

Alignment (graphic design) — Quick Facts

Field: Value

Type: UI/UX design principle

Purpose: readability, organization,…

Key properties: grid, whitespace, alignment type

Overview

sab elements ek grid/row/column ke…

whitespace ka use ho

accessibility ka dhyan ho

Core ideas

Left: sab elements left edge pe

Right: sab elements right edge pe

Center: sab elements center me

Justified: text dono sides pe…

Common types of alignment

Left

Right

Center

Justified

Worked examples

Labels left-align, input fields ek…

Button row center align

Links evenly spaced,…

Alignment in UI/UX and development

Flexbox: justify-content,…

Grid: grid-template-columns,…

tab order, focus ring, readable…

Common mistakes

Inconsistent alignment (kuch left,…

Grid ignore karna (random…

Whitespace kam ya zyada

Accessibility ignore (contrast,…

Alignment vs distribution

Alignment vs distribution

Focus: ek line/edge/center pe arrange…

See Also

UI

UX

Accessibility

Typography

Grid

Flexbox

Quiz — Question 1

Quiz — Question 2

Alignment (graphic design) Complete!

Alignment (graphic design) Complete

UI