Come mantenere linee morbide in Web Design

February 26

Come mantenere linee morbide in Web Design


Visibilmente immagini pixelated sono una cosa del passato nel mondo del web design contemporaneo. A differenza dei file JPG a bassa risoluzione che un tempo dominavano il web, molti siti web e browser supportano una grande varietà di tipi di file e codici. Inoltre, l'aumento del processore e velocità di connessione ha concesso la possibilità di caricare immagini ad alta risoluzione su siti web senza molto sforzo o tempo. Di conseguenza è necessario assicurarsi che il vostro lavoro Web design è frizzante e liscia quando arriva il momento di pubblicare i siti e le pagine.

istruzione

1 Aderire a uno standard ad alta risoluzione per le immagini e layout. Le risoluzioni dello schermo più popolari sono impostate a 1280 x 800 pixel e 1024 x 768 pixel. Se si progetta le pagine web di adattarsi a queste proporzioni, si eviterà la visualizzazione disordinato, grafica pixelated per gli utenti con browser ad alta risoluzione.

2 Rendere le immagini di testo con antialiasing nel software di editing delle immagini. Il processo di antialiasing smussa i bordi frastagliati di immagini pre-raster di testo e altre fonti. Aggiungendo colori intermedi a bordo di ogni singola linea e la curva, l'immagine appare più naturalmente incorporato all'interno del fondo. Antialiasing è un'opzione durante il processo di esportazione di file, in genere indicato da una casella di controllo semplice.

3 Applicare il filtro di sfocatura alle linee particolarmente frastagliate o linee all'interno di immagini che sono già stati rasterizzati. Dal momento che non è possibile applicare l'antialiasing a un'immagine esistente, a volte l'unica opzione per appianare le vostre linee è quello di utilizzare uno strumento di sfocatura oggetto per simulare la scorrevolezza nelle vostre linee. Per ottenere i migliori risultati selezionare la piccola dimensione del pennello e ingrandire i bordi della linea per la messa in dettaglio.