Video: Come Creare un Sito Web Professionale in 20 Minuti 2025
Per garantire coerenza di progettazione, facilità d'uso e per rendere l'ingegneria più pratica, la maggior parte dei siti Web utilizza una piccola manciata di design diverso layout definiti modelli . Ti consigliamo di sviluppare modelli di pagina quando crei un nuovo sito web o ne ridisegni uno esistente.
Questi modelli sono progettati per gestire tutti i diversi tipi di contenuti, messaggi e attività che il sito Web richiederà. Per fare un esempio, il sito Web di Monster Energy utilizza solo circa 12-14 diversi modelli di layout per creare l'intero sito Web. Alcuni di questi modelli includono Home, All Sports Landing, Sports Landing, Athlete Detail e News Item Detail. Tutti gli atleti usano lo stesso modello di pagina Dettaglio atleta. Il modello viene popolato dinamicamente da un database con le immagini e le informazioni uniche dell'atleta.
L'altra cosa da notare sui modelli è che mentre entrambi consentono una varietà di disposizioni di layout (del contenuto di una pagina interna), la navigazione viene mantenuta nella stessa posizione in tutto il sito. Nell'esempio, la navigazione principale è posizionata verticalmente a sinistra, mentre la navigazione di "intestazione" secondaria attraversa la parte superiore e la navigazione a piè di pagina porta in primo piano.
Per inciso, questo sito ha un buon esempio di super footer . Un super footer è un footer-on-stero che vive nella parte inferiore della pagina, come mostrato nella figura seguente. Contiene una serie di collegamenti di testo ridondanti a tutte le parti del sito, ma si noti che è molto parola chiave - ricco di progettazione. Super footer non solo forniscono un mezzo rapido per navigare l'intero sito, ma sono anche un'opportunità per SEO ( s earch e ngine o ptimization): iniettando il tuo sito con più parole e frasi ricercabili, si migliora il posizionamento di ricerca naturale del sito quando le persone cercano tali termini.
Il processo di informazioni e wireframing determinerà in definitiva il numero e i tipi di modelli che è necessario progettare per un sito. Una volta identificati i diversi modelli, è possibile iniziare a progettare "comps" visivi per ciascun modello.
