Come creare una pagina Web Bozza Utilizzo di Photoshop

January 1

Come creare una pagina Web Bozza Utilizzo di Photoshop


Siti web sono stati in giro dal 1991, quando Tim Berners-Lee ha creato il primo, di solo testo pagina web che fornisce informazioni sul progetto World-Wide-Web. Da allora, i siti web sono stati molto popolare come hub personali, commerciali, di intrattenimento e di educazione. Negli ultimi anni, web design ha fatto grandi salti. Web design è ora molto sofisticato, e ha avanzato abbastanza da rivaleggiare con il campo del design di stampa secolare in termini di qualità e artigianalità.

istruzione

1 Delineare il tuo sito con carta e matita. Anche se i computer sono diventati il ​​modo standard per creare qualsiasi media visivi, il modo migliore per iniziare il processo di progettazione è di delineare le vostre idee fuori e perfezionare manualmente. Gli schizzi non devono essere qualcosa di fantasia; scarabocchi sarà sufficiente, purché vi danno un'idea di ciò che il layout del sito sarà simile.

2 Scarica un modello di griglia di Photoshop. sistemi di rete in web design sono importanti tanto quanto nel design di stampa. La larghezza standard per i siti web, per la compatibilità tra la risoluzione dello schermo e le impostazioni del browser, è di 960 pixel. Quindi trovare un buon sistema di rete che utilizza la larghezza standard 960-pixel e scaricare il modello di Photoshop. Ci sono un sacco di eccellenti risorse di rete disponibili on-line sito web.

3 Iniziare la configurazione del layout. Allineare il contenuto alle colonne del modello di griglia. Navigazione di solito va lungo la parte superiore o sul lato sinistro della pagina. Il logo del sito di solito va nell'angolo in alto a destra. Twitter e RSS icone di solito vanno in alto a sinistra. I visitatori del sito, come per trovare le cose dove li aspettano, quindi attenersi a posizionamenti standard per un design di successo. Quando si è finito di impostare il vostro sito solo il modo desiderato, salvarlo come un formato di file PSD (Photoshop).

4 Selezionare lo strumento "fetta" nel pannello degli strumenti di Photoshop. Fare clic e trascinare per separare le principali divisioni del sito. Fette di creare sezioni di un sito che verrà poi salvato come immagini separate. Questo rende più facile per codificare il sito web in HTML e CSS e farlo sembrare come ha fatto in Photoshop.

Consigli e avvertenze

  • Keep it simple! Usabilità è la vostra prima preoccupazione. Si desidera persone di avere un tempo di facile navigazione del sito. Un sito può essere bella e semplice allo stesso tempo.
  • Se non si vuole codificare il proprio sito web, si può ancora andare a vivere. Ci sono molte aziende che prenderanno i file PSD di pagine web e li trasformano in un sito web funzionale. I prezzi per questo servizio sono spesso ragionevoli e forniscono una buona opzione per chi sa quale sia il loro sito dovrebbe essere simile, ma non vogliono imparare il codice.
  • Si tratta di una tentazione di utilizzare ogni spazio disponibile. Ma lo spazio di meno si lascia tra gli elementi del sito, più è difficile da leggere e sfogliare. Ricordate, è tutto sulla creazione di una buona esperienza utente.