Adobe Illustrator è il grafico standard del settore per la progettazione , illustrazione vettoriale. Illustrator è un programma efficace per la creazione di grafica per il web . Illustrator può rendere a tutti i formati di immagine più comuni , consentendo una semplice integrazione di grafica vettoriale in Web design. Utilizzare altri prodotti Adobe , come Image Ready , per ottimizzare i file di Illustrator correttamente per la grafica Web - ready. Cose che ti serviranno
Un compilatore di codice o di web design programma
Show More Istruzioni
1

Utilizzare carta e matita per disegnare le idee e pianificare i pulsanti web . Prendetevi il tempo per capire che cosa avranno bisogno i pulsanti da utilizzare per se e pulsanti alternativi dovrà essere fatto per una immagine rollover . Scegli i font , i colori e le texture che funzioneranno con il design del sito.
2

Apri Adobe Illustrator e creare un nuovo documento . Impostare l'unità di misura in pixel. La dimensione dipenderà dalle esigenze e limitazioni del sito web design. Impostare la modalità di 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 distanza fino a quando il testo è esteticamente piacevole e chiaro da leggere . Progettare il testo in bianco e nero consente una chiarezza tipografica .
4

Aggiungere colore al design pulsante web . Per un sito esistente , selezionare i colori opportunamente audace e sorprendente dal regime esistente colori del sito. Se i tasti non sono per un sito esistente , selezionare una combinazione di colori popolare o crearne uno nuovo . Sottili variazioni di colore creerà interesse visivo .
5

Creare una forma distintiva per i pulsanti in modo che la navigazione del sito è semplice e lineare . A completare una, due o quattro angoli di un rettangolo è un metodo popolare di creazione di pulsanti web .
6

Creare colori alternati ed elementi di design per i pulsanti rollover . Un pulsante rollover è di due immagini che di interscambio quando l'utente posiziona il cursore sul pulsante . I rollover sono spesso utilizzati per l'indicazione di una pagina attiva o link in una Web design. Rollover semplici, come la modifica del colore del testo , sono efficaci .
7

aggiungere texture ai pulsanti . Texture è un metodo popolare di aggiungere interesse visivo per un sito web. Fai una texture personalizzata utilizzando uno scanner o una fotocamera digitale .
8

Aggiungere ombre , Tratteggio , sfumature e altri tocchi di finitura per i pulsanti web .
9

Fai un nuovo livello per ogni nuovo pulsante per semplificare il processo di esportazione . Strati Nome di differenziare elementi simili.
10

esportare i pulsanti facendo clic su " File ", "Export" e il salvataggio nella cartella immagini del sito. Salva pulsanti che utilizzano la trasparenza come portable network graphics , o . Png . Salva pulsanti con elevate quantità di dettaglio come . Jpeg e tutti gli altri come . Gif .
11

Aggiungi i pulsanti per il tuo sito web tramite upload e di codifica. Test per garantire che i collegamenti funzionino prima di lanciare il sito pubblico .