Web Design: come disegnare un template con Illustrator

tramite: O2O
Difficoltà: media
14

Introduzione

Prima di andare al sodo ovvero alla spiegazione di come disegnare un template o un semplice layout di un sito o di qualsiasi altra cosa con Illustrator bisogna spiegare prima cosa tratta questo programma. Infatti, Illustrator è un programma che realizza layout per web e non solo a seconda delle funzionalità e caratteristiche che tendono a far vedere i modo preciso i pixel e quindi a modificarlo al minimo dettaglio. Illustrator lo possiamo anche assimilarlo a Photoshop poiché sono due programmi che tendono a modificare o creare immagini. Vediamo di seguito come fare passo dopo passo e diventare sempre più Web Design.

24

Il disegno

Il primo passo fondamentale per poi dare inizio alla modifica è lo sviluppo del disegno sul software anche se prima lo si può fare semplicemente a mano su un foglio e poi può essere trasportato anche tramite foto sul proprio pc e poi caricato all'interno del programma. Ad esempio quando si parla di un sito bisogna abbozzare su un foglio una mappatura del sito e poi il layout che si vuole avere in finale ovvero la struttura. Questo passo è quello base anche perché da qui si capisce la dimensione del proprio progetto.

34

Il font

Una volta disegnata la struttura del sito possiamo importarlo all'interno del programma che va ovviamente installato sul proprio computer. Una volta che ci troviamo all'interno con la base già preparata visto che l'abbiamo importata tramite foto possiamo iniziare a creare le caratteristiche o meglio le aggiunte alla struttura come ad esempio un font. Infatti, con Illustrator si può anche creare un font personalizzato da mettere all'interno del proprio layout. Per il font abbiamo diversi tipi di carattere che vanno dal carattere light al carattere extended che possono essere a loro volta modificati da noi per avere un nostro font a seconda del nostro piacimento.

Continua la lettura
44

La realizzazione dei box

Un'altra cosa molto importante è la cosiddetta realizzazione dei box dove poi si andrà a sviluppare il nostro disegno o meglio la struttura principale del sito chiamato anche template. Infatti questo box viene diviso in due parti cioè in una struttura come un grafico dove abbiamo i due assi cartesiani quello delle x e quello delle y. Attraverso questo box o in questo caso lo possiamo chiamare un vero e proprio foglio di calcolo possiamo appunto, svolgere calcoli per trovare l'uniformità della nostra struttura. Inoltre con questi box possiamo creare anche delle multi-pagine dove possiamo modificare disegni o duplicarli o addirittura gestirli attraverso appunto questi box.

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Software

Illustrator: come disegnare in prospettiva

Adobe Illustrator è un potente software di elaborazione di grafica vettoriale progettato dalla Adobe System Incorporated. Questo programma permette di costruire favolose immagini vettoriali tramite forme geometriche o per mezzo di strumenti di tracciatura....
Software

Come realizzare un template per Wordpress con Dreamweaver

Il mondo del web è talmente intricato che è possibile accedervi soltanto conoscendo tutti gli strumenti più importanti. Attualmente si hanno diversi mezzi famosi per risultare visibili online, come Wordpress. Grazie a quest'ultimo possiamo creare uno...
Software

Come creare un template con Photoshop

Per creare più immagini da un singolo file, è necessario eseguire correttamente le indicazioni. Il file è denominato "Modello"; si tratta di un file di Photoshop costruito genericamente. Ogni strato può potenzialmente essere sostituito con dati esterni....
Software

Come realizzare un template con Dreamweaver

Dreamweaver è un'estensione scaricabile per completare le funzioni di Adobe. In particolare in questa guida ci dobbiamo occupare dei template: ma di cosa si tratta?I template non sono altro che delle funzioni che permettono di modificare centralmente...
Software

Come realizzare una brochure con Illustrator

Grazie all'evoluzione della tecnologia, la figura professionale del graphic designer ha ricevuto molte agevolazioni per quanto riguarda la creazione di numerosi lavori. Fino a pochi anni fa la grafica si eseguiva su carta, mentre oggi esistono software...
Software

Come vettorializzare un'illustrazione con Illustrator

Prima di vedere come si vettorializza un'illustrazione con Illustrator, dobbiamo sapere cosa significa "vettorializzare".Vettorializzare significa disegnare o ricalcare un'immagine, ovvero trasformare una foto in un elemento vettoriale (non raster)....
Software

Come progettare una tartaruga marina vettoriale in Illustrator

Esistono moltissimi programmi per computer che consentono la realizzazione di disegni semplificando e velocizzando il lavoro. In questo tutorial sarà possibile capire come realizzare una tartaruga marina vettoriale (stilizzata) utilizzando Adobe Illustrator....
Software

Come iniziare ad utilizzare Adobe Illustrator

Le persone che sono appassionate di grafica al computer spesso cercano di soddisfare questa passione. Il programma di grafica più noto è Adobe Fhotoshop; esso è accessibile anche ai principianti. Adobe Illustrator è un software di grafica-driven che...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.