Creazione di un layout web o "wireframe" è un processo utile per i progettisti di siti web che vogliono presentare i siti di esempio ai clienti. Il designer crea un layout di base sito come un'immagine in GIMP e la presenta, insieme a pochi altri, al cliente per la revisione. Il client effettua suggerimenti e riprende il layout che vuole per il sito web vero e proprio. Il layout è usato come un progetto per la costruzione del sito. A volte il progettista giunzioni immagini di layout più completi e le salva come file di immagini separati da utilizzare nel sito attuale.

istruzione

1 Aprire Gimp. Fare clic su "File", "Nuovo". Impostare le dimensioni dell'immagine o meno le dimensioni di un sito web; 600 per 800 pixel è proporzionale e dà una buona idea di come il contenuto apparirà sulla pagina. Fai clic su "OK". Una nuova tela bianca si aprirà.

2 Considerare come si desidera organizzare le informazioni. Molti siti dispongono di un colpo di testa nella parte superiore della pagina e una barra dei menu a sinistra. Avrete anche bisogno di spazio per le immagini, testo e altri mezzi di comunicazione. Raccogliere insieme eventuali loghi o immagini pre-fatti.

3 Utilizzare la "selezione rettangolare Tool" sulla casella degli strumenti per dividere il sito web in vari settori, quali, intestazioni, barre di navigazione, barre dei menu, immagini e testo.

4 Riempire ogni area come si va avanti con la vostra scelta del colore di sfondo utilizzando il "Bucket Fill Tool." Fare clic sull'icona dello strumento secchiello. Fare clic sul piccolo rettangolo colorato nel mezzo della casella degli strumenti. Una nuova finestra pop-up. Nella finestra, selezionare il colore che si desidera utilizzare quando si riempie aree. Fai clic su "OK".

5 Aggiungere i confini tra le aree con la "percorsi utensile" nella cassetta degli attrezzi. Fare clic tra due aree per impostare il punto di percorso iniziale. Fare clic più avanti lo spazio tra le aree per impostare il punto finale. Fare clic tutte le volte che vuoi per creare più punti per il confine da seguire. Fare clic sul rettangolo colorato nella cassetta degli attrezzi per impostare il colore che si desidera. Fai clic su "Delinea tracciato." Una nuova finestra si apre su. Selezionare la larghezza in pixel per il bordo. Fai clic su "OK". Il percorso sarà descritto in una linea colorata. Fai clic su un altro strumento nella casella degli strumenti per rimuovere la linea di percorso, lasciando dietro di sé il confine.

6 Salvare il layout di base. Fare clic su "File", "Salva". Digitare il nome del layout e selezionare il tipo di file come ad esempio, JPEG o GIF, nella parte inferiore della finestra. Fai clic su "Salva".

7 Aggiungi dettagli come testo e loghi pre-fatto su un nuovo livello. Clicca su "Layer" e "Nuovo livello" nella parte superiore dello schermo. Impostare la dimensione di livello per la stessa dimensione come il layout e fare clic su "Trasparenza". Fai clic su "OK". Nella casella strati strumento, assicurarsi che il nuovo livello viene evidenziato per garantire che si sta aggiungendo il contenuto solo a quel livello.

8 Aggiungere immagini aprendo la vostra immagine in un'altra finestra e copiarlo. Fare clic di nuovo nel layout del sito e fare clic destro per incollare l'immagine sul nuovo livello. Disporre come desiderato sulla pagina di sinistra del mouse e tenendo premuto il mouse, poi si spostano in giro.

9 Aggiungere il testo allo strato cliccando sul "strumento testo" nella casella degli strumenti. Fare clic e trascinare il cursore sullo strato per creare una casella di testo. Una finestra pop-up quando si rilascia il pulsante del mouse. Digitare il testo che preferite nella finestra. Fai clic su "Chiudi" per chiudere la finestra.

10 Salvare il layout e il suo livello del contenuto come file di GIMP nel formato ".xcf" per evitare di comprimere il livello nel layout sfondo. Questa conserva lo sfondo per la giunzione in seguito.

11 Salvare nuovamente sotto il nome del file originale dal passaggio 6 per creare un layout per presentare al cliente.