Datorită muncii din domeniu în dezvoltarea front-end, am întâlnit adesea codul sursă al altor designeri. Buni, profesioniști, începători și doar amatori. Toți au un mare necaz - elementele din aspectul designului sunt împrăștiate aproximativ, adică nu sunt aliniate corespunzător, deoarece acestea sare dintr-o parte în alta. Așadar, am decis să scriu astăzi acest articol pentru designerii web, să le introducă într-un astfel de miracol ca grila modulară. cum să utilizați și unde să descărcați.
În opinia mea, una dintre cele mai importante abilități ale unui bun designer de web este aspectul corect trasat, gruparea straturilor într-o ierarhie și, cel mai important, alinierea corectă a grilei unul față de celălalt.
Pentru aceasta, există un concept precum grila modulară. Ajută la prevenirea haosului elementelor atunci când desenează un design. Prin urmare, atunci când nu există sau este ceva de genul imaginii de mai jos ...
Chaos în momentul desenării
... atunci pagina web este condusă de haos, arbitrar și confuzie. Butoanele, listele, meniurile, câmpul de căutare sunt împrăștiate pe pagină ca fiind oribile. Acest gunoi este la fel de prost și confuz ca este tras. Și acest lucru nu este un ton foarte bun pentru designer, iar în practică designerul de layout trebuie să se corecteze, ceea ce va afecta calendarul proiectului. Deci nu a existat nici un fel de grilă modulară.
Ce este o rețea modulară?
Un set de linii orizontale, la care aproape toate elementele aflate pe pagină sunt legate.
În majoritatea cazurilor, grila modulară este de 12, 16 și 24 de coloane. Dacă faceți un site gratuit cu o mulțime de "aer" între elemente, ar trebui să utilizați o grilă de 12 coloane. Dacă faci un site în care ar trebui să existe peste informația împrejur pe pixel pătrat (hi forex), merită folosită o grilă cu 24 de coloane.
De unde să obțineți grila modulară
Există două moduri de a obține o rețea modulară într-un mod absolut legal.
Lung, scump (dacă țineți cont de persoana / orele pentru care vi se plătesc bani) și nu este întotdeauna corect prima dată (depinde de experiența designerului în această chestiune). Practic, nu am întâlnit designeri care înșiși fac o rețea modulară. Aceasta, după părerea mea, este o pierdere de timp.
Pe Internet, un număr foarte mare de grile modulare gata făcute și servicii care vă permit să creați rețele prin a face un efort minim și nervi. Iată câteva dintre ele, în opinia mea, cele mai populare.
Modular Grid Pattern - Calculator foarte simplu și eficient, permițându-vă să lucrați cu el la un nivel intuitiv. Deplasați glisierele și bucurați-vă de rezultate.
Dacă nu doriți să desenați grilaje de fiecare dată când desenați, puteți face și mai ușor. Există multe extensii pentru Photoshop care vă permit să desenați grile modulare în programul propriu-zis. Din partea mea, pot recomanda un singur lucru:
Guideguide - Una dintre cele mai populare extensii. Complet gratuit (dar puteți face o donație). Recomandările pentru instalare (engleză) pot fi găsite aici. Dacă în două cuvinte și în limba rusă: instalați Adobe Extensios Manager (gratuit), instalați extensia, accesați Window> Extensions> GuideGuide. se bucură.