Layout

Πότε να τη χρησιμοποιήσετε

Το /impeccable layout είναι για σελίδες όπου τίποτα δεν είναι τεχνικά λάθος αλλά τίποτα δεν αναπνέει είτε. Ίσο padding παντού, μονότονα grids καρτών, περιεχόμενο που τρέχει από άκρο σε άκρο, ιεραρχία που βασίζεται μόνο στο μέγεθος. Χρησιμοποιήστε το όταν μια διάταξη «δεν φαίνεται σωστή» και δεν μπορείτε να διατυπώσετε γιατί.

Καλές αφορμές: «όλα φαίνονται στριμωγμένα», «διαβάζεται σαν τοίχος», «δεν ξέρω πού να κοιτάξω πρώτα».

Πώς λειτουργεί

Η δεξιότητα περνάει από πέντε διαστάσεις διάταξης:

1. Διάκενο: η κλίμακα διακένου είναι συνεπής ή υπάρχουν τυχαία κενά 13px, τα σχετικά στοιχεία ομαδοποιούνται σφιχτά με γενναιόδωρο χώρο μεταξύ ομάδων, υπάρχει κανένας ρυθμός.
2. Οπτική ιεραρχία: το μάτι προσγειώνεται στην κύρια ενέργεια μέσα σε 2 δευτερόλεπτα, η ιεραρχία κάνει πραγματική δουλειά ή φωνάζουν τα πάντα.
3. Grid и δομή: υπάρχει ένα υποκείμενο grid ή η διάταξη είναι τυχαία, τα στοιχεία είναι ευθυγραμμισμένα σε γραμμές βάσης.
4. Ρυθμός: η σελίδα εναλλάσσεται μεταξύ στενού και γενναιόδωρου διακένου, ή όλα είναι ομοιόμορφα.
5. Πυκνότητα: η διάταξη είναι στριμωγμένη ή σπάταλη, η πυκνότητα ταιριάζει με τον τύπο περιεχομένου.

Οι διορθώσεις συνήθως περιλαμβάνουν ανακατασκευή της κλίμακας διακένου, εισαγωγή ασυμμετρίας, κατάρρευση μονότονων grids σε μικτή διάταξη με hero и υποστηρικτικά στοιχεία, и δίνοντας στην κύρια ενέργεια πραγματικό χώρο.

Δοκιμάστε το

/impeccable layout the settings page

Τυπικές αλλαγές:

• Κλίμακα διακένου ενοποιημένη σε 8 / 16 / 24 / 48 / 96px
• Διαχωριστικές ενοτήτων στα 48px, κενά γραμμών στα 16px, ομάδες πεδίων φορμών στα 8px
• Κύριες ενέργειες αφαιρέθηκαν από τη ροή φορμής με buffer 32px
• Διακοσμητικά περιγράμματα αφαιρέθηκαν, αντικαταστάθηκαν με ομαδοποίηση βάσει διακένου
• Αναλογίες πλαϊνής μπάρας и κύριας στήλης επαναπροσδιορίστηκαν (280 / flex vs 25 / 75)

Παγίδες

• Σύγχυση arrange με distill. Αν το πρόβλημα είναι πάρα πολλά πράγματα, εκτελέστε /impeccable distill πρώτα. Το Layout είναι για το τακτοποίηση αυτών που είναι ήδη το σωστό σύνολο.
• Αναμονή ότι θα σώσει ένα σπασμένο grid. Αν η σελίδα δεν έχει καθόλου grid, το arrange θα κατασκευάσει ένα. Απλώς ξέρετε ότι το diff θα είναι μεγαλύτερο από ό,τι περιμένετε.
• Аγνόηση της ετυμηγορίας ιεραρχίας. Αν το arrange λέει «τίποτα δεν είναι κύριο», κανένα διάκενο δεν διορθώνει αυτό. Χρειάζεστε μια απόφαση περιεχομένου, όχι μια προσαρμογή διάταξης.