September 8
Adobe Illustrator è il grafico standard del settore progettazione per l'illustrazione vettoriale. Illustrator è un programma efficace per la creazione di grafica per il Web. Illustrator può rendere a tutti i formati immagine più comuni, permettendo una facile integrazione di grafica vettoriale in Web design. Utilizzare altri prodotti Adobe, come ad esempio Image Ready, per ottimizzare i file Illustrator correttamente per la grafica Web-ready.
1 Utilizzare carta e matita per disegnare le idee e pianificare i pulsanti Web. Prendetevi il tempo per capire che cosa dovranno essere utilizzati e se dovranno essere fatte per un'immagine un rollover pulsanti alternati i pulsanti. Scegliere font, colori e texture che funzioneranno con il design del sito.
2 Aprite Adobe Illustrator e creare un nuovo documento. Impostare l'unità di misura di pixel. La dimensione dipenderà dalle esigenze e le limitazioni della progettazione di siti web. Impostare la modalità colore a colore RGB per garantire l'accuratezza del colore.
3 Creare il testo per i pulsanti con lettere nere e uno sfondo bianco. Regolare il tipo di carattere, l'altezza, il peso e la spaziatura fino a quando il testo è esteticamente gradevole e chiaro da leggere. Progettare il testo in bianco e nero permette di chiarezza tipografico.
4 Aggiungere colore al design Web pulsante. Per un sito esistente, selezionare i colori in modo appropriato audaci e sorprendenti da schema di colori esistente del sito. Se i pulsanti non sono per un sito esistente, selezionare uno schema di colori popolare o crearne uno nuovo. Le variazioni sottili di colore creeranno interesse visivo.
5 Creare una forma distintiva per i pulsanti in modo che il sito di navigazione è semplice e lineare. Arrotondamento uno, due o quattro angoli di un rettangolo è un metodo popolare di creazione di pulsanti Web.
6 Creazione di colori alternati ed elementi di design per i pulsanti rollover. Un pulsante rollover è due immagini che interscambiano quando l'utente posiziona il cursore sul pulsante. Rollover sono spesso utilizzati per l'indicazione di una pagina attiva o un collegamento in un web design. Semplici rollover, come il colore del testo cambia, sono efficaci.
7 Aggiungere texture ai pulsanti. La struttura è un metodo popolare di aggiungere interesse visivo a un sito web. Fare una texture personalizzata utilizzando uno scanner o una fotocamera digitale.
8 Aggiungere ombre esterne, tratteggio incrociato, sfumature e altri ritocchi ai pulsanti Web.
9 Creare un nuovo livello per ogni nuovo pulsante per semplificare il processo di esportazione. Nome layer per differenziare elementi simili.
10 Esportare i pulsanti facendo clic su "File", "Export" e salvare nella cartella Immagini del sito. Salvare i pulsanti che utilizzano la trasparenza Portable Network Graphics, o .png. Salva pulsanti con elevate quantità di dettagli, come .jpeg e tutti gli altri come .gif.
11 Aggiungere i pulsanti al tuo sito web tramite il caricamento e la codifica. Test per garantire che il lavoro link prima di lanciare il sito pubblico.