Linee guida per la realizzazione di mockup
Nei lavori di realizzazione pagine o siti web da mockup siamo soliti utilizzare il plugin premium Elementor Pro.
Di seguito le linee guida per realizzare un mockup utile al corretto svolgimento del lavoro:
1. Creare una cartella per ogni pagina da realizzare. Ad es. "Home", "Contatti", "Chi siamo", ecc. Creare una cartella anche per il Footer e l'Header del sito.
2. Creare un pdf di tutte le pagine del sito, versione desktop e mobile. Se manca il mobile provvederemo noi a realizzarlo a nostra discrezione.
3. Nel pdf indicare con commenti il tipo di Font utilizzato (nome font, stile, colore, grandezza e interlinea) per ogni elemento.
4. In ogni cartella inserire un file di testo contenente tutti i testi da inserire nella pagina.
5. In ogni cartella inserire tutti i media della pagina. I media consentiti sono jpg, png, svg. Le immagini devono avere come profilo colore RGB.
Note per il design:
Elementor prevede una larghezza massima di pagina variabile, di default utilizza 1140px ma puo arrivare anche a 1600px.
Il Layout ha una struttura di max 10 colonne e la larghezza viene definita in percentuale.
Lo spazio tra colonne è variabile ma ci sono larghezze standard che conviene rispettare:
- No-Gap: 0px
- Defualt: 10px
- Narrow: 5px
- Extended: 15px
- Wide: 20px
- Wider: 30px
Eventuali note possono essere inserite nel PDF, i colori vanno segnati con valori esadecimali (HEX) es. #FFC0CB