Griglia reattiva per Bootstrap

Griglia reattiva per Bootstrap

Se non stai ancora progettando per i telefoni cellulari, il mercato presto ti getterà sugli scogli della disoccupazione.


Printed 2013-05-20

Se non stai ancora progettando per i telefoni cellulari, il mercato ti lancerà presto sugli scogli della disoccupazione. Creare un design per tutte le autorizzazioni esistenti diventa irrealistico: sono apparsi troppi display diversi e ce ne saranno ancora di più.

C'è un comodo strumento per il layout immediato per qualsiasi autorizzazione: Bootstrap. Non entrerò nel territorio dei codificatori HTML, ti dirò solo ciò che il designer deve sapere per creare un design adattivo del sito web. 

Innanzitutto, sotto Bootstrap devi creare una griglia di un certo tipo. Il più conveniente è una griglia a 12 colonne. È adatto per la maggior parte dei siti aziendali e delle pagine di destinazione, anche se è più difficile creare un sito di notizie su di esso.

Non aver paura di aggiungere delle guide quando ne hai bisogno per rispettare il rientro e l'allocazione dello spazio libero, ma assicurati che i blocchi semantici si adattino perfettamente a questa griglia: quando comprimi lo schermo, ricostruirà in modo adattivo, e qui è necessario aderire rigorosamente alle colonne.

Maggiori informazioni sulle griglie nel design:

Perché ho bisogno di una griglia
Oltre i confini delle colonne
Densità regola
Griglia e stato d'animo
Griglia reattiva per Bootstrap
Formula griglia
Metodo: se la griglia non funziona

Our services

Latest works:

«Ci sono molti lead, il reparto vendite fa appena in tempo »
Julia (Marketing Manager).
«Abbiamo coordinato a lungo il design con l'ufficio centrale negli Stati Uniti, ma di conseguenza tutto è stato accettato. È positivo che i nostri appaltatori abbiano fatto del loro meglio durante il servizio fotografico e nella fase di progettazione! »
Karina Khusainova (Google, Associate Product Marketing Manager).