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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Ti serve ancora aiuto? Contattaci Contattaci