Nwlapcug.com


Come creare uno Storyboard per un sito Web

Uno storyboard è uno schizzo di come si desidera avvicinarsi un particolare progetto. Popolare nel mondo del cinema, storyboard possono essere utilizzati anche per aiutare a costruire un sito Web. Creazione di uno storyboard prima di iniziare il tuo sito Web ti aiuterà a lavorare al computer in modo più efficiente perché avrete un piano da seguire e vi hanno già pensato l'organizzazione complessiva del sito, il layout di pagina e il contenuto della pagina. Lo storyboard dà una prospettiva di "big picture" all'intero progetto web mentre anche abbattendo un progetto complesso in unità funzionale che possono essere affrontate individualmente.

Istruzioni

Disegnare una mappa del sito

1

Utilizzando carta e matita, disegnare un rettangolo verticale per rappresentare la tua Home page del sito nella parte superiore della carta.

2

Disegnare rettangoli simili per rappresentare le altre pagine che si pensa sarà collegato a tale home page sotto il rettangolo di partenza, come una piramide.

3

Esaminare ogni pagina di secondo livello e pensare a cosa potrebbe essere collegato da ognuno di loro e creare una terza fila di rettangoli. Ripetere per sottolivelli come molti del tuo sito senti di aver bisogno.

4

Disegnare linee tra i rettangoli per mostrare come sono collegati uno a altro. Questo disegno servirà come un grezzo "site map" per il tuo sito.

Piano di Layout e il contenuto

5

Disegnare un grande rettangolo su un nuovo pezzo di carta per rappresentare la tua home page. Ora, pensate a layout e dei contenuti della pagina.

6

Disegnare linee per rappresentare testo per farsi un'idea approssimativa di come immaginate la pagina che si uniscono sul web, navigazione e banner, grafica e scatole.

7Come creare uno Storyboard per un sito Web


Ripetere il passaggio 2 per ogni pagina del tuo sito. Quando si dispone di disegni di tutte le pagine, lo storyboard è completo e sei pronto start up il tuo strumento di progettazione web e mettere in atto il tuo piano.

Consigli & Avvertenze

  • Prodotti di editing come Adobe Dreamweaver creare file sito web mapping per voi come è costruire il tuo sito Web che è possibile confrontare lo storyboard come si lavora.