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

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

व्यवहार में संरेखण

• सामग्री के प्रत्येक ब्लॉक के लिए एक प्राथमिक संरेखण चुनें।
• तत्वों को किसी साझा किनारे या ग्रिड रेखा के साथ संरेखित करें।
• बॉडी टेक्स्ट के लंबे पैराग्राफ को सेंटर में रखने से बचें।
• लेआउट में मौजूद तत्वों को आपस में जोड़ने के लिए अलाइनमेंट का उपयोग करें।

बेहतर संरेखण अक्सर दिखाई नहीं देता। दर्शक को बस इतना महसूस होता है कि पृष्ठ व्यवस्थित है। खराब संरेखण से मन में एक अजीब सी बेचैनी पैदा होती है कि कुछ गड़बड़ है, भले ही दर्शक यह न बता पाए कि क्या गड़बड़ है।