Aliens Wiki
Cinematic Knowledge Experience
0%
Aliens Wiki
Now Playing
Aliens Wiki · HIEN
⌨️ Keyboard Shortcuts
→Next slide ←Previous slide SpacePlay / Pause MNarration on/off FFullscreen ?Show/hide this
Press any key to close
Wiki Article · Cinematic

Mockup

Mockup ek static visual representation hai kisi digital product, web page, mobile app screen, ya…

Overview
🌟

Mockup — Quick Facts

📌

Property: Detail

🎯

Full Name: Mockup (also: Mock-up, Mock up)

⚡

Category: Web Design / UI-UX Design /…

🔑

Domain: Software Product Development, Web…

Topic 1
📥 📥 🧠 🔬 💡 🎯

Infobox

📚 | Property | Detail | |---|---| | Full Name | Mockup (also: Mock-up, Mock up) | |…
Topic 2
✨

History aur Evolution

💡

Architecture: Architects buildings…

🔑

Print Design: Newspapers aur…

⚡

Advertising: Ad agencies clients…

🎯

Industrial Design: Products ke…

Topic 3
✨

Wireframe vs Mockup vs Prototype

🎯 Yeh teen concepts design process ke teen distinct stages represent karte hain. Aksar log…
Topic 4
⭐

Types of Mockups

⭐ 1. Low-Fidelity Mockup Wireframe se thoda zyada detailed lekin still simplified. Basic…
Topic 5
✨

Fidelity Levels — Detailed Comparison

🔑 | Aspect | Low-Fidelity | Mid-Fidelity | High-Fidelity | |---|---|---|---| | Visual…
Topic 6
✨

Mockup in Design Process

✨ `mermaid flowchart TD A[Research Phase] --> B[User Research + Competitive Analysis] B -->…
Topic 7
🌟

Mockup Components aur Elements

💡

Grid System — columns aur gutters…

🔑

Header / Navigation — logo, menu…

⚡

Content Areas — main content,…

🎯

Footer — links, copyright, contact…

Topic 8
✨

Popular Mockup Tools

💡

Browser-based, collaborative, free…

🔑

Real-time multi-user editing —…

⚡

Component system, auto-layout,…

🎯

Dev mode — developers ke liye…

Topic 9
📥 📥 🧠 🔬 💡 🎯

Mockup Use Cases

📚 1. Client Presentations aur Approval Sabse common use case. Mockup clients ko dikhata hai…
Topic 10
✨

Benefits of Mockups

💡 1. Visual Clarity Wireframe abstract hai — mockup concrete hai. Stakeholders ko exact…
Topic 11
✨

Limitations

🎯 1. No Interactivity Mockup static hai — click, scroll, transition, animation dikhane me…
Topic 12
✨

Mockup Best Practices

💡

Wireframe pehle, mockup baad me —…

🔑

Design system use karo —…

⚡

Real content prefer karo — Lorem…

🎯

Multiple states design karo —…

Topic 13
✨

Mockups in Agile aur Modern Workflows

💡

Sprint 0 / Discovery: Initial…

🔑

Per Sprint: Sprint ke stories ke…

⚡

Just-in-Time Design: Sirf next…

🎯

Design Debt: Agar mockup…

Topic 14
✨

Glossary

✨ | Term | Meaning | |---|---| | Mockup | Static, high-fidelity visual representation of a…
Topic 15
📥 ⚙️ 🔬 💡

Disclaimer

🌟 Yeh article informational purposes ke liye hai aur Aliens Wiki ke editorial standards…
Comparison
✨

Wireframe vs Mockup vs Prototype

⚖️

What It Is: Skeletal structure /…

⚖️

Fidelity: Low to Mid

⚖️

Visual Detail: Minimal — boxes, lines,…

Comparison
✨

Fidelity Levels — Detailed Comparison

⚖️

Visual Detail: Basic shapes, grayscale…

⚖️

Content: Placeholder (lorem ipsum,…

⚖️

Images: Placeholder boxes with X

Diagram
📥 ⚙️ 🔬 💡

Visual Flow

📊 Diagram visualization — details in narration
Related Topics

See Also

📖

Wireframe.md)

🔗

Prototype

💡

User interface design

📚

User experience design

🔑

Responsive web design

🌐

Figma

Quick Quiz
🧠 QUIZ TIME

Quiz — Question 1

Mockup ka sabse sahi definition kya hai?

Quick Quiz
🧠 QUIZ TIME

Quiz — Question 2

Mockup ka 'Full Name' kya hai?

Complete! 🎉
COMPLETE

Mockup Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Mockup Complete

➡️

Wireframe.md)

1/24
0:00
REC 00:00ESC=Cancel
Aliens School
3
Recording shuru hone wali hai...
✅
Recording Complete
Video process ho rahi hai...
Live Class
Slide 1 / 7
Timer
00:00
📝 Speaker Notes
—
⏭️ Up Next
—
—
🗂️ All Slides