Non solo le persone sono soddisfatte dai loro vestiti, ma anche dai siti web. L'abito del sito è il suo design. Un design accattivante e di alta qualità della risorsa fa un'impressione favorevole sugli utenti, garantendo così la loro fedeltà e disponibilità a dedicare il loro tempo a ulteriori visualizzazioni. Oltre alla qualità, sono importanti l'originalità e l'unicità del design. Gli argomenti ben consunti respingono i visitatori. Ma sviluppare un design unico è costoso. Ecco perché molti webmaster alle prime armi si chiedono come disegnare il design di un sito Web con le proprie mani.
È necessario
- - matita;
- - carta;
- - editor di grafica raster GIMP o Photoshop;
- - opzionale: editor di grafica vettoriale (ad esempio CorelDraw);
- - opzionale: ambiente di modellazione 3D (3DStudio, Blender);
- - browser moderno;
- - accesso a Internet.
Istruzioni
Passo 1
Sviluppa un concetto di design del sito web. Decidi lo stile, la combinazione di colori, il layout della pagina (dimensioni dell'intestazione del sito, posizione del menu, blocchi di testo, immagini). È positivo se il concetto di design si basa su idee originali. Ma se mancano, puoi trarre ispirazione dall'analisi delle soluzioni esistenti. Ad esempio, sfogliando cataloghi di temi CMS popolari. Il risultato del lavoro può essere uno schizzo della pagina del sito, realizzato a matita su un foglio di carta, indicando le zone di dimensioni fisse e variabili.
Passo 2
Crea un modello di pagina del sito vuoto in un editor di grafica raster. Apri un nuovo documento in un editor grafico. Le dimensioni del documento dovrebbero essere molto più grandi della dimensione minima della pagina sia in orizzontale (anche se non si intende creare un design "fluido") che in verticale. Aggiungi un nuovo livello trasparente. Nel livello aggiunto, disegna l'immagine del modello di pagina con linee spesse 1 pixel, rispettando le dimensioni effettive degli elementi. Per i design di pagina a larghezza fissa, designa i margini che verranno riempiti con il colore di sfondo.
Passaggio 3
Scarica da Internet o progetta i tuoi elementi di design della pagina. È possibile creare loghi ed elementi di design unici nell'ambiente di modellazione 3D, nell'editor vettoriale o raster. Un gran numero di immagini tematiche ad alta risoluzione è contenuto in banche di foto Internet gratuite. Ci sono anche raccolte di icone gratuite su Internet che puoi usare liberamente nei tuoi progetti.
Passaggio 4
Disegna il design di un sito web. Aggiungi livelli trasparenti a un documento contenente un modello per una pagina del sito Web in un editor grafico. Seleziona e compila le aree che corrispondono allo sfondo della pagina. Riempi le aree con riempimento sfumato e trame periodiche. Inserisci logo, immagini statiche, icone. Disegna i confini dei blocchi. Aggiungi del testo. Posiziona ogni elemento di design finito, immagine statica e logo su un livello separato. Sposta le immagini in livelli per ottenere il layout richiesto.
Passaggio 5
Salva la "sorgente" di lavoro del design del sito nel formato "nativo" dell'editor grafico. Ciò ti consentirà di tornare in seguito a modificarlo.
