Qui a Strikingly abbiamo un elenco in continua crescita di layout di siti web che potete utilizzare per costruire spazi online unici. Il nostro team di web designer e sviluppatori crea costantemente nuovi modi per presentare i vostri contenuti attraverso siti web moderni e layout accattivanti. Nel corso degli anni, migliaia di utenti hanno utilizzato i nostri temi di layout di pagina web come punto di partenza per la creazione dei loro splendidi siti web e molti ci hanno detto di essere rimasti soddisfatti delle loro scelte.
Ma la ricchezza di opzioni può comportare un inconveniente: è difficile scegliere un solo tema di layout di pagina web quando le opzioni presentate sono così tante e valide. Come fare la scelta giusta? Ecco alcuni semplici consigli per il layout del sito web.
• Partite dal contenuto (Layout del sito web incentrato sul contenuto)
Molti web designer si basano sui contenuti e sugli obiettivi generali del sito quando creano temi di layout per siti web. I nostri layout di siti web gratuiti sono stati creati tenendo conto di determinati settori e tipi di siti web. Per semplificare la scelta, abbiamo classificato i temi in base al tipo di contenuto: siti aziendali, startup, blog e siti personali. Avere una buona idea del tipo di contenuto e di sito web che si intende creare può aiutare a fare la scelta giusta del design del layout del sito web.
• Layout del sito web a tutta larghezza contro quello a riquadri
In un tema di layout di pagina web a tutta larghezza lo sfondo si estende per l'intera larghezza dello schermo. Il sito web non sembra avere confini. Si tratta di un tipo di layout molto diffuso nel web design moderno, perché funziona meglio per i siti web che rispondono ai dispositivi mobili. Se avete molta grafica o utilizzate molte immagini e video sul vostro sito, il layout a tutta larghezza è un'ottima opzione. Tenete presente che in questo tema di layout di pagina web l'immagine di sfondo si adatta automaticamente alle dimensioni dello schermo, quindi il contenuto in cima allo sfondo - le voci di menu - potrebbe spostarsi a seconda delle dimensioni dello schermo, quindi fate attenzione ad aggiungere troppe opzioni.
Immagine tratta dal sito web di Unlocked Capital
Nel frattempo, i temi di layout di pagina del sito web con larghezza a riquadro sono più comuni nei progetti di siti web tradizionali. Sono comunemente utilizzati in spazi professionali e orientati al business. I siti a larghezza quadrata hanno cornici visibili sui lati destro e sinistro, in modo che il sito abbia un aspetto contenuto. In questo layout di sito web gratuito, i contenuti hanno una larghezza fissa e non si spostano in base alle variazioni delle dimensioni dello schermo.
Immagine tratta dal sito Beauty INU
• Layout del sito web con intestazione statica e intestazione a scorrimento
Gli stili delle intestazioni dipendono maggiormente dal tipo di attività svolta. L'intestazione si riferisce alla sezione superiore della vostra homepage. È la prima cosa che i visitatori vedono sul vostro sito web, quindi volete fare la prima impressione giusta con questo componente.
I siti web più semplici utilizzano un'immagine di intestazione statica nel tema di layout della pagina web. Potete scegliere di aggiungere contenuti all'immagine oppure, se il vostro sito web si basa molto sulle immagini, come nel caso di un'attività di viaggi e tour o di una casa vacanze, probabilmente vorrete un'intestazione che non abbia contenuti per evidenziare le meravigliose attrazioni che i turisti potrebbero ammirare venendo a trovarvi. Se avete bisogno di testo per spiegare cosa fa la vostra azienda, assicuratevi di combinare un'intestazione statica con una web copy accattivante.
Immagine tratta dal sito web di Pet Milestone Cards
Le intestazioni con slideshow sono invece ottime per le aziende che si rivolgono a diversi tipi di clienti e forniscono servizi differenti. Sono ideali per mostrare le diverse soluzioni e offerte di servizi in modo organizzato.
Immagine tratta dal sito web di Baby Fresh
Immagine tratta dal sito web di Baby Fresh
Oltre alle immagini, potete utilizzare anche sfondi video nella vostra intestazione. I video sono efficaci nell'attirare l'attenzione dell'utente, a volte molto più delle immagini statiche. Se usati correttamente, possono trasmettere il messaggio del sito in un modo che risuona bene con gli utenti.
• Layout del sito web a schede o a griglia
I layout dei siti web basati sulle schede e quelli basati sulle griglie sono la stessa cosa. Ma vi daremo un suggerimento su come si differenziano l'uno dall'altro.
Un layout di sito web a griglia spezzata è ideale se si vuole attirare l'attenzione. Un layout a griglia spezzata è molto lontano dai vecchi layout tradizionali, considerando lo stile e lo scopo di catturare l'attenzione degli spettatori. Gli utenti utilizzano spesso un layout di sito web che rompe la griglia, in cui il testo si sovrappone all'immagine o è posizionato attraverso l'immagine. Questo layout fa sì che i siti web di moda, design e portfolio si posizionino bene in termini di traffico perché esprimono complessità e creatività nel modo in cui presentano ciò che il sito offre.
Immagine tratta dal sito web di Amy Chambers
Mentre entrambi gli esempi di layout di siti web sono comunemente presentati in gruppi o serie, un tipo di layout basato su schede è unico. Può essere composto da caselle o schede, miniature come quelle che si vedono su Pinterest, Instagram o siti di blog. Può essere una compilation di video e immagini in una sezione galleria. Poiché utilizza specificamente le schede per presentare i contenuti del sito web, appare più professionale. È comunemente utilizzato per la creazione di corsi online e siti web aziendali o di e-commerce. Uno degli esempi di layout di sito web creati con Strikingly ha utilizzato il layout a schede.
Immagine tratta dal sito web di Drumpants
• Layout del sito web asimmetrico e a schermo diviso
Il layout del sito web di tipo split screen prevede due tipi di presentazione, verticale e orizzontale. Dal nome stesso, lo split screen divide una schermata in due parti. Lo scopo è trasmettere due opzioni con lo stesso peso di importanza. A volte, uno schermo diviso viene utilizzato per presentare due punti di vista diversi, offrire due opzioni o semplicemente mettere un collegamento ideale tra le due parti.
Immagine tratta dal sito web Strikingly - Tema formale
Nel frattempo, l'asimmetrico gioca con un tema di simmetria che dà un design significativo ed espressivo al layout del sito web. Mentre lo schermo diviso utilizza solo due lati, un layout del sito web asimmetrico consente di dividere lo schermo in colonne o sezioni. È possibile mettere in evidenza la parte più importante dandole uno spazio più ampio e visibile, mentre i dettagli successivi ricevono la giusta attenzione a lato o sotto il contenuto principale. Questo layout del sito web viene utilizzato molto spesso. Un layout asimmetrico vi dà la possibilità di mettere al primo posto le cose che volete che i visitatori vedano sul vostro sito. Permettendo loro di capire cosa possono trovare nei contenuti in primo piano.
Immagine tratta dal sito web Strikingly - tema Figapps
• Layout del sito web a barra laterale fissa o a rivista
Una barra laterale fissa è un layout ideale che rende la navigazione molto più semplice rispetto agli scorrimenti infiniti e alle strisciate che non portano da nessuna parte. Una barra laterale è una sezione in cui si inserisce il menu dei contenuti del sito web. È possibile creare una barra laterale fissa sulla parte sinistra o destra dello schermo. Quando i visitatori scorrono verso l'alto e verso il basso, trovano la parte in cui possono facilmente andare alla sezione Pre-order o Buy Now. Proprio come questo utente di Strikingly ha fatto un lavoro straordinario utilizzando il layout del sito web a barra laterale fissa.
Immagine tratta dal sito web di Fodi
Il layout del sito web della rivista è applicabile ai siti di pubblicazione. Presenta una gerarchia di informazioni insieme a immagini ben presentate. Se da un lato offre agli spettatori una visione complessa, dall'altro può talvolta portare a una sensazione di sopraffazione a causa delle troppe informazioni presentate in una sola pagina. È necessario essere attenti e creativi nell'utilizzo di questo layout per assicurarsi che i dettagli più importanti siano messi in risalto. Poiché si tratta di una combinazione di testi, contenuti e immagini, è possibile utilizzare uno stile a griglia o un layout asimmetrico. Si tratta di una grande sfida su come organizzare il sito web in base alle preferenze degli utenti. Le persone che visitano il vostro sito web hanno gusti diversi in fatto di informazioni. Sono alla ricerca di cose specifiche, per questo è necessario sfruttare al meglio il layout del sito web della rivista. Strikingly ha un nuovo tema, Remote Joy, ideale per creare un layout di rivista. Semplici modifiche rendono la vita più facile.
Immagine tratta dal sito web di Strikingly - Tema Transmit
Perché dovreste scegliere di costruire un sito web con Strikingly?
Abbiamo una collezione di temi pre-progettati che sono stati creati con un tipo specifico di sito web in mente. Abbiamo design per aziende, portfolio online, eventi, organizzazioni, negozi online e altro ancora. È importante scegliere il tema di layout del sito web perfetto per la vostra azienda o per il vostro sito web personale.
Immagine tratta dal sito web di Strikingly
Abbiamo una modalità Drag and Drop
Strikingly ha recentemente introdotto una funzione gratuita per aiutare i nostri utenti a costruire facilmente il proprio sito web. La funzione drag and drop del nostro editor di siti web consente di posizionare testo, immagini e sezioni nello spazio desiderato. Potete anche controllare alcuni siti web dei nostri utenti per farvi un'idea di come hanno fatto un lavoro straordinario nella progettazione del layout. Non è necessario essere esperti di web design. È sufficiente trascinare e rilasciare gli elementi sul sito per ottenere un sito web fantastico in pochi minuti. Onestamente, non è necessario preoccuparsi di scegliere il tema di layout di sito web giusto, ma è importante conoscerne alcuni dell'elenco.
Immagine dell'editor di siti web di Strikingly
Strikingly si impegna molto per dare ai nostri utenti spunti ricchi di risorse, soprattutto idee per il layout del sito web, che vi porteranno in un viaggio meraviglioso nell'immaginazione e nella costruzione del vostro sito web. Costruite subito il vostro sito web con noi.
