Prima di parlare nello specifico dei software. è utile ricordare alcuni concetti di base sulle immagini del computer. Le immagini che visualizzimo nel monitor non sono tutte uguali, ma si dividono in due categorie:
Le immagini bitmap, chiamate anche immagini raster, sono quelle immagini che per la loro visualizzazione hanno bisogno di una griglia o retino di piccoli quadratini (i pixel). A ogni pixel di un'immagine bitmap il computer assegna una posizione specifica e un valore di colore.
Da queste considerazione capirai che quando intervieni a modificare un'immagine bitmap operi sulla modifica di gruppi di pixel anziché sulla modifica di oggetti o di forme. Questa categoria di immagini dipendono dalla risoluzione cioè il numero di pixel per unità di superficie.
Usa questo tipo di immagini per riprodurre foto o immagini che necessitano di sottili sfumature cromatiche.
Le immagini vettoriali sono caratterizzate da linee e curve definite da entità matematiche: i vettori. I vettori descrivono un'immagine o meglio i disegni in base alle loro caratteristiche geometriche. Il vantaggio delle immagini vettoriali è la loro indipendenza dalla risoluzione. Infatti puoi ridurre o ingrandire un'immagine vettoriale senza temere di perdere in definizione, poiché non vai a intervenire sulla grandezza del file in termini di peso (Kb).
Usa le immagini vettoriali per riprodurre contorni nitidi o disegni geometrici, per i caratteri o le immagini piatte, come ad esempio i logo.
A monitor difficilmente puoi renderti conto della differenza reale che c'è tra questi due tipi di formato perché il monitor del computer rappresenta le immagini visualizzandole su un retino, quindi entrambi i formati vengono rappresentati a video in pixel.
In commercio puoi trovare software che gestiscono o l'uno o l'altro tipo di immagine, ma puoi trovare software in grado di gestirli entrambi.
Vediamo insieme quali sono i programmi più famosi e che vengono usati in ambito professionale.
Metro, il "linguaggio di design" di Windows 8I principi ispiratori del "linguaggio di design" utilizzato da... |
Bootstrap: il framework di TwitterSviluppare applicazioni web sfruttando il framework con cui è stato... |
Sfondi a tutta pagina con jQueryCome avere degli sfondi a tutta pagina sui vostri siti web, per... |
Grid design, dalla tipografia al webDesign coerenti e layout consistenti, usando principi di... |
Art Direction e DesignCapire la differenza tra la direzione artistica di un progetto e il... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Web WritingSaper scrivere per il Web è una delle armi per attirare utenti e per... |
Guida Accessibilità dei siti Web teoricaQuesta guida è finalizzata sostanzialmente a una conoscenza e a una... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |