Come realizzare la grafica di un sito web

Tramite: O2O 11/01/2016
Difficoltà: media
16

Introduzione

L' aspetto grafico di ogni sito web che si rispetti riveste un ruolo importante, dal momento che rappresenta il primo approccio di un visitatore con esso. Ovviamente, oltre alla grafica si dovrà anche porre attenzione alla stesura dei contenuti, che dovranno essere estremamente chiari in modo che la pagina sia correttamente visualizzabile. In questa guida avrete modo di imparare come realizzare la grafica di un sito web senza troppa fatica.

26

Occorrente

  • Software di grafica
36

Prima di tutto andate ad analizzare sia gli scopi che intendete raggiungere tramite la creazione della pagina, sia il tipo di pubblico a cui volete rivolgere il messaggio. Fatto questo, ricordate che per realizzare un sito che abbia successo, occorrono alcuni requisiti quali semplicità, sobrietà, facilità di navigazione ed un veloce accesso ai contenuti. Per creare una giusta grafica dovete tener conto di alcuni requisiti: 1) lo sfondo, il quale deve essere preferibilmente chiaro;2) il titolo, che è un elemento di informazione utile per ogni visitatore;3) la barra di navigazione, con le svariate categorie caratterizzanti la struttura della pagina;4) le immagini, che devono essere scelte opportunamente in modo che non siano fuori tema;5) i bottoni, che devono consentire di navigare all'interno del sito stesso o di accedere tramite link ad altri siti.

46

Per fare tutto questo vi occorrerà un programma di grafica, che andrete in seguito ad installare. Una volta aperto, impostate il layout del foglio di lavoro fino ad un massimo di 960 pixel, dimensione standard per un sito web. Scegliete lo sfondo che desiderate, utilizzando un gradiente che sia il più possibile neutro, in maniera tale da non risultare troppo in contrasto con gli elementi che introdurrete in un secondo momento.

Continua la lettura
56

A questo punto, stabilite le dimensioni che dovranno avere le varie componenti ossia il titolo, la barra di navigazione orizzontale e il contenuto. Grazie all'aiuto dei righelli laterali del software che state adoperando, realizzate le varie misurazioni. Vi suggerisco di impostare la lunghezza del titolo a 200 pixel e la successiva barra di navigazione a 50 pixel. Sopra sull' intestazione potrete aggiungere il nome del sito, scegliendo poi la formattazione e il colore attraverso gli opportuni comandi.

66

Prima di procedere con l'introduzione delle immagini, badate bene al loro peso. Vi conviene utilizzare immagini piccole ma che siano di ottima qualità. Tra i vari formati di un'immagine vi sono: gif che è ottimo per il web in quanto è molto leggero ed è supportato dai browser più obsoleti, jpg, invece garantisce un ottimo rapporto tra peso dell?immagine e qualità, poi vi è png che offre ottime prestazioni ma possiede un peso eccessivo. Vi consiglio di adoperare png per il layout del sito, jpg per l?inserimento di immagini, gif per le piccole icone ed i bottoni. In tal modo, realizzerete un sito migliore e che non pesa molto. Una volta creata la vostra pagina web, non dimenticate di aggiornarla frequentemente, tramite argomenti interessanti e comuni a tutti in modo da favorire l'aumento dei visitatori.

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Software

Come creare un pattern con un programma di grafica

Se intendete sfruttare il vostro computer per delle particolari elaborazioni grafiche come ad esempio per realizzare un pattern, ovvero una sorta di immagine simile alla tessitura di un tappeto o alle macchie di un leopardo, potete imparare ad eseguirle...
Software

I migliori programmi di grafica per Mac

Avete sempre pensato che Photoshop sia l'unico programma di grafica da poter usare sul Mac? Beh, avete sbagliato. In questa guida cercheremo di scoprire insieme quali sono i migliori programmi di grafica per Mac (perché ne esistono di molti altri), considerando...
Software

Web Design: come disegnare un template con Photoshop

Un template è sostanzialmente la "maschera" di un sito web, ovvero il modo in cui si presenta graficamente e in cui esso viene organizzato. Per creare un template personalizzato, si può ricorrere a Photoshop, un programma di grafica che ormai non ha...
Software

Web Design: come disegnare un template con Illustrator

Prima di andare al sodo ovvero alla spiegazione di come disegnare un template o un semplice layout di un sito o di qualsiasi altra cosa con Illustrator bisogna spiegare prima cosa tratta questo programma. Infatti, Illustrator è un programma che realizza...
Software

Come ridimensionare una foto per il web con Photoshop

Ridimensionare foto per il web è un fattore essenziale per poter avere file di dimensioni ridotte e di buona qualità da visionare su internet. Con l'ausilio di Adobe Photoshop CC potremo decidere sia la grandezza che il formato da usare, scegliendo...
Software

I migliori tool per fare Web Marketing

Sono sempre più numeroso le aziende o i privati che utilizzano il web per promuovere la propria attività, attraverso pubblicità online oppure tramite canali social. Il web marketing, spesso chiamata anche internet marketing non è altro che la pubblicità...
Software

Come realizzare un template per Wordpress con Dreamweaver

Il mondo del web è talmente intricato che è possibile accedervi soltanto conoscendo tutti gli strumenti più importanti. Attualmente si hanno diversi mezzi famosi per risultare visibili online, come Wordpress. Grazie a quest'ultimo possiamo creare uno...
Software

Come realizzare animazioni Flash responsive

Se siete degli appassionati della programmazione web e delle animazioni in Flash, sicuramente vi sarà capitato di realizzare delle animazioni per un sito web. Qualche volta vi sarete chiesti come rendere una vostra animazione realizzata con Adobe Flash...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.