Esempi di differenze tra stampa e Web Design

Il buon design ha un valore visivo indipendentemente dal fatto che utilizza inchiostro su carta o pixel su uno schermo. Il raggiungimento di un buon design richiede diverse considerazioni, tuttavia , a seconda di dove prende forma . Capacità di progettazione e talenti possono tradurre dalla stampa al web , ma le regole , i metodi e le migliori pratiche alterare in modo significativo per riflettere le esigenze del mezzo . Molti di questi cambiamenti riguardano direttamente ed unicamente per le tecnologie che rendono stampa e web design differenti espressioni di idee visive . Modo colore

Stampa di produzione si basa su processi o tinte piatte . Una macchina da stampa in quadricromia mescola combinazioni dei quattro colori di inchiostro primari - ciano, magenta , giallo e nero - al volo per creare i colori delle foto , grafica e testo . I colori spot sono disponibili in forma di inchiostri premiscelati , ognuno dei quali produce un solo colore , alcuni dei quali sembrano di metallo . Poiché i design Sito web esistono solo come materiale su schermo , devono usare la modalità colore RGB di monitor per computer e dispositivi mobili . La gamma di colori RGB - la gamma di colori che può riprodurre - supera quello dei processi e colori spot , le consente di rappresentare colori più vivaci e saturi . Tuttavia, poiché i monitor e schermi mobili variano in modo significativo da un dispositivo ad un altro , specificando i colori RGB diventa un obiettivo, non una certezza , mentre le prove di stampa e stampa possono rappresentare i colori prevedibili con risultati ripetibili .
Tipi di file

Designers che producono progetti per la stampa di solito lavorano in un'applicazione di impaginazione come QuarkXPress o Adobe InDesign . Quando presentano il loro lavoro per l'output ad una società di stampa commerciale , possono fornire i file di layout nativi con la grafica e file di font utilizzati nei loro disegni , o ad alta risoluzione pronti per la stampa di file PDF che contengono queste risorse . Grafica consistono tipicamente di bitmap TIFF e file EPS vettoriali , anche se le applicazioni di impaginazione di oggi accettano anche i file PSD e AI di Adobe Photoshop e Adobe Illustrator , rispettivamente . Al contrario, i progettisti sito si basano su una combinazione di HTML , CSS , file di script e documenti di programmazione, tra cui JavaScript , PHP e documenti di database in formato SQL.
Bitmap Risoluzione

Per il lavoro di prestampa , stampa progettisti si basano su immagini bitmap che dispongono di 300 risoluzioni di pixel -per -pollice con la dimensione in cui si stampa . I Web vive in un mondo a bassa risoluzione , con file bitmap topping out a 72 ppi. Anche se alcuni dispositivi utilizzano schermi a più alta risoluzione in grado di visualizzare grafica equivalentemente a più alta risoluzione , gran parte del lavoro di progettazione di siti web e sviluppo si svolge ancora a 72 PPI . Cercando di utilizzare tali grafica web destinate a stampa produce pixelati , risultati sfocate che si rivelano molto meno soddisfacente .
Vincoli di layout

Stampa designer luogo , dimensioni, posizione e scalare il loro testo e grafica con una precisione che accetta tre cifre decimali su una scala di misura che funziona a punti, di cui 72 costituiscono un pollice . Lievi discrepanze nel allineamento o le dimensioni della grafica possono diventare evidenti sulla pagina stampata . Sul Web, layout possono reflow e rendering in modo diverso a seconda del software e versione del browser che i visitatori utilizzano per visualizzare una pagina , così come i loro sistemi operativi , le preferenze del browser , le dimensioni dello schermo , il software font installato e dimensioni delle finestre. Sito tecnologie font- sostituzione di oggi possono dare accesso a Web designer carattere tipografico scelte che superano le scarse opzioni condivise installate di default su Mac e PC Windows , ma le tecnologie di aggiungere i costi operativi e di programmazione per le attività di preparazione del sito .