Creazione di un layout Web o " wireframe " è un processo utile per i web designer che vogliono presentare i siti di campionamento per i clienti . Il designer crea un layout di sito di base come immagine in GIMP e la presenta , insieme a pochi altri, per il cliente per la revisione . Il client effettua suggerimenti e raccoglie il layout che vuole per il sito web vero e proprio. Il layout è usato come un progetto per la costruzione del sito web . A volte il progettista lo giunta immagini di layout più completi e le salva come file di immagini separati da utilizzare nel sito attuale . Istruzioni
1
Apri Gimp. Fare clic su " File ", "Nuovo ". Impostare le dimensioni dell'immagine a circa le dimensioni di un sito web, 600 per 800 pixel è proporzionale e dà una buona idea di come il contenuto apparirà sulla pagina. Fare clic su " Ok ". Una nuova tela bianca si aprirà.
2
considerare come si desidera organizzare le informazioni . Molti siti offrono un colpo di testa nella parte superiore della pagina e una barra dei menu a sinistra. Avrete anche bisogno di spazio per le immagini , il testo e gli altri media . Raccogliere eventuali loghi già pronti o immagini .
3
Utilizzare la " selezione rettangolare " nella casella degli strumenti per dividere il sito web in vari settori, quali , intestazioni , barre di navigazione , menu barre, immagini e testo .
4
riempire ogni spazio come si va avanti con la vostra scelta di colore di sfondo utilizzando lo strumento " riempimento colore ". Fare clic sull'icona dello strumento secchiello . Fare clic sul piccolo rettangolo colorato al centro della casella degli strumenti . Una nuova finestra si aprirà . Nella finestra, selezionare il colore che si desidera utilizzare quando si riempie le aree . Fare clic su " Ok ".
5
Aggiungi confini tra aree con lo strumento " Percorsi " nella casella degli strumenti. Fare clic tra le due aree per impostare il punto di percorso iniziale . Fare clic più lungo lo spazio tra le aree per impostare il punto finale . Fare clic su tutte le volte che si desidera creare più punti per la frontiera da seguire. Fare clic sul rettangolo colorato nella cassetta degli attrezzi per impostare il colore desiderato . Fare clic su " Delinea tracciato ". Una nuova finestra si apre. Selezionare la larghezza in pixel per il bordo. Fare clic su " Ok ". Il percorso sarà illustrato in una linea colorata . Fare clic su un altro strumento nella casella degli strumenti per rimuovere la linea di percorso , lasciando dietro il confine .
6
Salvare il layout di base . Fare clic su " File ", "Salva ". Digitare il nome del layout e selezionare il tipo di file, ad esempio , JPEG o GIF , nella parte inferiore della finestra. Fare clic su "Salva".
7
Aggiungi dettagli , come testo e loghi già pronti 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 ". Fare clic su " Ok ". Nella cassetta degli attrezzi strati , assicurarsi che il nuovo livello viene evidenziato per garantire che si sta aggiungendo contenuto solo a quel livello .
8
Aggiungi 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 . Organizzare a piacere sulla pagina facendo clic e tenendo premuto il mouse, poi si spostano in giro.
9
Aggiungere testo al livello facendo clic su " Strumenti di testo " nella casella degli strumenti . Fare clic e trascinare il cursore sul livello per creare una casella di testo . Una finestra pop- up quando si rilascia il pulsante del mouse . Digitare il testo che preferite nella finestra. Fare clic su "Chiudi" per chiudere la finestra.
10
Salva il layout e il suo livello di contenuti come file di GIMP nel formato " . XCF " per evitare di comprimere il livello nel layout sfondo . Ciò preserva il tuo sfondo per poi splicing .
11
Salva di nuovo sotto il nome del file originale dal punto 6 per creare un layout per presentare al cliente .
