लेआउट किसी पृष्ठ या स्क्रीन पर पाठ और छवियों को व्यवस्थित करता है। यह तय करता है कि चीज़ें कहाँ रखी जाएँगी और कितनी जगह घेरेंगी। लेआउट सघन या खुला हो सकता है। यह सममित या असममित हो सकता है। यह ग्रिड का अनुसरण कर सकता है या उससे मुक्त हो सकता है। लेआउट यह निर्धारित करता है कि दर्शक सामग्री का अनुभव कैसे करेगा। अव्यवस्थित लेआउट भारी लगता है। खाली लेआउट खालीपन का एहसास कराता है। सही संतुलन संदेश और माध्यम पर निर्भर करता है।

लेआउट के सिद्धांतों को सदियों से परिष्कृत किया गया है। प्रिंट डिज़ाइन ने इसके नियम स्थापित किए। मार्जिन सामग्री को जगह देते हैं। कॉलम पठनीयता के लिए पाठ को व्यवस्थित करते हैं। व्हाइट स्पेस तत्वों को अलग करता है और दृष्टि को निर्देशित करता है। पदानुक्रम सबसे महत्वपूर्ण चीज़ों को दर्शाता है। डिजिटल डिज़ाइन ने इन सिद्धांतों को स्क्रीन के अनुसार ढाला। रिस्पॉन्सिव लेआउट विभिन्न स्क्रीन साइज़ के अनुसार समायोजित हो जाते हैं। डेस्कटॉप पर तीन कॉलम वाला लेआउट मोबाइल पर एक कॉलम बन जाता है। सामग्री का प्रवाह बदल जाता है। पदानुक्रम बना रहता है। लेआउट उपयोगिता को भी प्रभावित करता है। उपयोगकर्ता की अपेक्षा के अनुसार रखा गया बटन क्लिक किया जाता है। मानक स्थान पर स्थित नेविगेशन मेनू का उपयोग किया जाता है। स्पष्ट लेबल और तार्किक समूहीकरण वाला फ़ॉर्म पूरा किया जाता है। लेआउट केवल सौंदर्यपूर्ण नहीं है। यह कार्यात्मक है। यह व्यवहार को आकार देता है। डिज़ाइनर लेआउट का उपयोग मार्गदर्शन करने, सूचित करने और समझाने के लिए करता है। प्रत्येक स्थान निर्धारण एक निर्णय है। प्रत्येक निर्णय के परिणाम होते हैं।

लेआउट सिद्धांत

• मार्जिन — सामग्री के चारों ओर का स्थान
• कॉलम — पाठ के लिए ऊर्ध्वाधर विभाजन
• खाली स्थान — वे खाली क्षेत्र जो तत्वों को अलग करते हैं
• पदानुक्रम — दृश्य महत्व का क्रम
• संरेखण — तत्व सामान्य किनारों के साथ संरेखित होते हैं
• निकटता — संबंधित तत्वों को एक साथ समूहीकृत किया जाता है

लेआउट भागों की व्यवस्था है। भाग महत्वपूर्ण हैं। उनके बीच की जगह भी महत्वपूर्ण है।