Ένα σύστημα πλέγματος διαιρεί μια σελίδα σε στήλες και γραμμές που καθοδηγούν πού τοποθετείται το περιεχόμενο. Βάζει τάξη στη διάταξη. Ο Ελβετός σχεδιαστής Josef Müller-Brockmann κωδικοποίησε τις αρχές του πλέγματος τη δεκαετία του 1960 και το βιβλίο του Grid Systems in Graphic Design παραμένει ένα τυπικό σημείο αναφοράς. Οι εφημερίδες, τα περιοδικά και οι ιστότοποι βασίζονται όλα σε πλέγματα, αν και τα χρησιμοποιούν διαφορετικά.

Ένα τυπικό πλέγμα έχει στήλες, υδρορροές και περιθώρια. Οι στήλες περιέχουν περιεχόμενο. Οι υδρορροές διαχωρίζουν τις στήλες. Τα περιθώρια πλαισιώνουν τη σελίδα. Ένα πλέγμα 12 στηλών είναι συνηθισμένο στον ιστό επειδή χωρίζει ομοιόμορφα σε μισά, τρίτα, τέταρτα και έκτα. Οι σχεδιαστές μπορούν να εκτείνονται σε πολλαπλές στήλες για ευρύτερο περιεχόμενο ή να χρησιμοποιούν μία μόνο στήλη για στενό κείμενο. Το πλέγμα δεν υπαγορεύει το σχέδιο. Παρέχει μια δομή που ο σχεδιαστής μπορεί να ακολουθήσει, να λυγίσει ή να σπάσει σκόπιμα.

Στοιχεία πλέγματος

• Στήλες: κάθετες λωρίδες για περιεχόμενο.
• Υδρορροές: κενά μεταξύ των στηλών.
• Περιθώρια: εξωτερικά άκρα της διάταξης.
• Πλέγμα γραμμής βάσης: οριζόντιες γραμμές για στοίχιση κειμένου.

Το σπάσιμο του πλέγματος μπορεί να είναι ισχυρό. Μια εικόνα πλήρους διαβάθμισης που αγνοεί τις στήλες τραβάει την προσοχή ακριβώς επειδή παραβιάζει τη δομή. Αλλά το σπάσιμο λειτουργεί μόνο εάν το πλέγμα είναι αρκετά ισχυρό ώστε να γίνεται αισθητό.