Tutti hanno bisogno di un sito web , sia per affari , lavoro senza scopo di lucro o semplicemente uso personale. Tuttavia, non molti di noi sanno come codificare un sito web. Anche se non è possibile codificare un sito, però , è ancora possibile progettare una pagina web utilizzando un programma di grafica come Adobe Illustrator . Questo ti permette di fare la vostra pagina web guardare solo il modo desiderato , e poi qualcun altro può fare la parte di codifica . Cose che ti serviranno
Adobe Illustrator
Mostra più istruzioni
1

attirare la vostra idea di layout su un pezzo di carta . Sketching è il modo migliore per iniziare il flusso creativo e aiuta a trovare con buoni concetti . Disegna circa 10 bozzetti di diversi layout , quindi scegliere il vostro preferito e disegnare più varianti sul quel layout . Dopo aver perfezionato la vostra idea di layout, mettere la carta schizzo accanto al tuo computer per un riferimento mentre si lavora in Illustrator .
2

Scarica un modello di griglia per Adobe Illustrator . Ogni buon sito web inizia con una griglia , per aiutare ad organizzare i contenuti e rendere il sito visivamente piacevole . La larghezza standard è di 960 pixel per un sito web , perché è compatibile con la maggior risoluzione dello schermo , in modo da trovare uno che è larga 960 = pixel . Aprire il modello di Illustrator .
3

iniziano a commercializzare scatole in cui il contenuto della tua pagina web andrà a servire come guide . Mettere scatole dove la navigazione , le colonne di testo e immagini andrà . Questo si chiama wireframing . Navigazione dovrebbe andare sulla parte superiore o sui lati , mai in basso . Ricordate di mettere il contenuto più importante del posto più ovvio . Non spostare fino a quando il wireframe è finito .
4

Inizia compilando il tuo wireframe con grafica e testo . È possibile importare immagini da altri programmi , altri file o semplicemente creare in Illustrator come si va . Adobe Illustrator è particolarmente utile per la creazione di grafica in stile web 2.0 , uno stile liscio, moderno, che spesso utilizza elementi 3D -looking . Tenete a linee guida web tipografia generali mente per il testo : l'altezza della linea dovrebbe essere di circa il 150 per cento l'altezza del vostro tipo , dimensione del testo non dovrebbe mai essere inferiore a 10 o 12 punti , ed essere sicuri che il vostro colore del testo contrasta con lo sfondo sufficientemente per la lettura .
5

Guardate oltre il vostro disegno con attenzione per tutto ciò che può essere migliorato . Piccoli dettagli aggiungono finezza di un disegno , in modo da guardare fuori per i luoghi in cui è possibile aggiungere un dettaglio teeny . Spesso, tuttavia , un disegno può essere migliorata semplificando piuttosto che aggiungendo ad esso . Chiedete ad amici per il feedback , anche. Una volta che siete convinti che il vostro disegno è perfetto , il gioco è fatto . È possibile inviare a un servizio online che converte i file Illustrator in siti web , o imparare l'HTML e CSS e fai da te !