Nel precedente articolo è stata pubblicata la descrizione in dettaglio di cos’è e a cosa serve l’informazione visiva o grafica.
Questa seconda parte invece ti mostrerà alcuni esempi concreti di questa tecnica, attraverso la quale tramite un accorto uso della grafica, vengono espresse informazioni complesse nel modo più semplice possibile.

Queste informazioni visive possono fornire una breve panoramica su un determinato argomento.

Nel seguito dell’ articolo puoi quindi osservare alcuni esempi di infographics.

È facile vedere tutto il un colpo d’occhio. Si è completamente assorbiti dalla coerenza di esposizione.

E dopo la ricerca, potresti essere spinto a condividere questa specifica immagine, forse salvandola o allegandola ad un messaggio di posta elettronica.
Potresti inserirla nel tuo ultimo post sul blog o segnalarla via twitter. Oppure potrai accedere al tuo forum preferito, condividerla con gli altri lettori e vedere che cosa ne pensano.

Ci sono molti modi per diffondere queste informazioni grafico/visive.
Puoi trasformarle in formato PDF, insieme ad altre immagini correlate e creare una mini-relazione.

A differenza del contenuto testuale, queste immagini spesso non comprendono molto testo: potresti pensare di condividerle anche per altre lingue, in maniera tale da essere distribuite viralmente tra più diversi tipi di pubblico.

Possono essere realizzate anche su base regolare, come rappresentazione grafica di determinate informazioni.

Good.is è un eccellente esempio di un sito nato da poco che ha iniziato la creazione di informazioni visive, come fossero regolari contenuti online.
Edizioni per la stampa di queste immagini sono state fornite gratuitamente a Starbucks.

La combinazione di distribuzione online e offline è qualcosa che si adatta perfettamente alla natura di una pagina realizzata da questo tipo di immagini.

La prossima volta, quando stai pianificando la condivisione di idee specifiche o dati, considera l’utilizzo dell’information graphic.
Si tratta di uno straordinario modo di rendere le informazioni accessibili.Una volta create e distribuite in modo efficace, possono essere parte di una potente strategia virale per attrarre come una calamita  l’attenzione dei lettori al tuo blog.

L’immagine è un atto di comunicazione.
Le immagini svolgono un ruolo importante nella presentazione di idee.
Un’immagine vale più di mille parole, rende le informazioni più appetibili, più persuasive.

Su Internet, si può vedere la stessa foto in più siti web di ogni lingua. Russo, cinese, francese o inglese.

Le immagini superano le barriere linguistiche e culturali incontrate dal testo.
Non c’è alcuna necessità di una traduzione umana. Nessuna necessità di mediazione.

Come per i video, le immagini possono diffondersi molto rapidamente senza eccessive spinte artificiali.

Sono più ‘virali’ del contenuto testuale?

E’ difficile affermarlo con certezza se effettivamente hanno potenzialità più elevate rispetto al puro testo.
Le immagini hanno un innegabile valore nella diffusione delle idee. Soprattutto quando queste sono elegantemente integrate con l’uso del testo per presentare informazioni.

Uniche, originali, le immagini possono attirare un pubblico. Non sono solo i contenuti di alta qualità ad interessanre i lettori, ma possono essere utili strumenti promozionali per chiunque sia interessato ad ottenere più attenzione.

Un particolare metodo di utilizzo delle immagini per tale scopo è l’information graphics (informazione grafica o visiva):

L’informazione grafica o visiva di informazioni, dati o conoscenze.

Questi grafici vengono utilizzati per esprimere informazioni complesse in modo rapido e chiaro, come ad esempio nei segni, nelle mappe, nel giornalismo, nelle tecniche di scrittura, e nell’istruzione.

Queste immagini sono ampiamente utilizzate anche come strumenti informatici, matematici, statistici e per facilitare il processo di sviluppo concettuale e comunicativo delle informazioni.

Hai osservato l’information graphics ovunque.
In libri, riviste, giornali, manuali di istruzione, mappe, indicazioni al pubblico e relazioni aziendali.
Visivamente, vengono in molte forme pure: diagrammi, grafici, simboli, cartoni animati, diagrammi e illustrazioni.

Ogni immagine è adatta fintanto che funziona in modo efficace, per trasmettere i dati in un modo che soddisfa uno specifico scopo od uno generale.

Questi “grafici” cercano di informare.

L’Infographics sono una forma di concentrato di dati da offrire ad un consumatore.
Si tratta di multi-vitamine, che soddisfano i requisiti di base delle informazioni in maniera semplice.
Come una pillola, la conoscenza è un condensato in componenti essenziali, sufficiente a saziare il tuo bisogno informativo di base.

La quantità di informazioni che trasmettono e lo stile utilizzato, variano a seconda del loro scopo.

• Chi è il pubblico a cui sono destinate queste immagini?
• Quale idea si vuole evidenziare?
• Quanta astrazione e semplificazione è necessaria per offrire dei dati che abbiano un senso?

Queste informazioni visive possono fornire una breve panoramica su un determinato argomento.
Nel prossimo articolo alcuni esempi prelevati dagli archivi della Princeton University.

Secondo appuntamento con la selezione di alcuni dei miei siti preferiti dedicati esclusivamente ai tutorial su grafica vettoriale, css e grafica bitmap. Ti invito a condividere con me i tuoi preferiti nei commenti di questo articolo.
Ecco le successive 3 risorse di qualità.

Se non hai ancora consultato la prima parte, puoi leggerla al seguente link:
Sei alla ricerca dei migliori tutorial sul web design e non solo? Allora non puoi perderti questi (Parte 1)

CSS Globe

CSS Globe è una delle principali community per web designer che pubblica link ai relativi posti di altri blog (segnalati dagli utenti).

Sono inoltre presenti anche articoli originali sui tutorial dedicati esclucivamente ai CSS.
Le esercitazioni sono sempre chiare e ben spiegate.

Suggerimenti dal suo archivio:
La creazione di pulsanti ridimensionabili;
Come creare miniature utilizzando la proprietà overflow.

Web Designer Wall

Nick di NDesign Studio e Best Web Gallery gestisce anche Web Designer wall, blog molto popolare in cui pubblica alcuni tutorial molto utili e cura vari aspetti del web e del graphic design.

Web Designer Wall non viene aggiornato spesso come la maggior parte degli altri progetti citati, ma ha un grande successo generato dalla qualità del lavoro di Nick.

Suggerimenti dal suo archivio:
Come creare delle mini icone;

NETTUTS

Il nuovo sito stile PSDTUTS, è sulla buona strada per essere un leader nello sviluppo di tutorial di qualità.

NETTUTS contiene già diversi contenuti di rilievo.

Dagli archivi:
Come costruire un portafoglio da zero;
Come creare un modulo di pagamento con PayPal.

Segnalo un interessante progetto di un nuovo CMS che sta realizzando Gonçalo Margalho, un giovane programmatore che metterà a disposizione un prodotto open, se riuscirà a trovare un collaboratore che realizzi il layout del front e del back end.

Se qualche web designer è alla ricerca di un pò di notorietà, potrà partecipare a questo progetto, io segnalerò senz’ altro l’ autore della parte grafica ed i relativi sviluppi.

Di seguito l’ e-mail di Gonçalo che espone i dettagli del CMS in fase di realizzazione.

Sono Gonçalo, un giovane programmatore di 19 anni.
Volevo presentarvi un progetto e chiedere se qualcuno voglia collaborare nel progetto.

Il progetto

Il progetto è un CMS scritto in PHP(5) e completamente OOP.
Ho deciso di scrivere questo CMS perché sono stufo di vedere dei CMS tutti uguali e tutti con le stesse funzioni.

Questo CMS nasce per essere versatile, che possa diventare qualsiasi cosa non avendo funzioni di base.
Praticamente all’ installazione il CMS sarà VUOTO, privo di tutto.

Una volta installato si aggiungono i moduli o plugin e si può far diventare tutto il sito in una galleria, in un blog, in un’area di soli download, oppure tutto assieme.
Il CMS è arrivato all’85% di sviluppo.

Sono in cerca di qualcuno che si occupi della parte grafica, una skin di default e la skin del pannello di controllo mancano, in questa parte sono davvero scarso.

Se volete altre informazioni potete contattarmi via email o via msn su: gsky89[CHIOCCIOLA]gmail.com

Ovviamente puoi ottenere maggiori info anche direttamente questo blog, Gonçalo sarà felice di rispondere alle tue domande in merito a questo nuovo progetto.

Ecco la raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato. Gli argomenti di questa settimana riguardano:

01. WordPress: 1000 Temi WordPress tutti in un sito;

02. Web Design: Redesign del blog di Matt Mullenweg;

03. Plugin WordPress: visualizzare il numero di iscritti al feed a feedburner con Feedcount;

04. Web Design: 25 esempi di qualità;

05. SEO: Guida per web designer.

06. Editing Immagini: Photoshop Online.

Domenica 4 Maggio:

WordPress: 1000 Temi WordPress tutti in un sito.
Da geekissimo un ottimo sito di temi per wordpress. Oltre 1000 temi disponibili.

Lunedì 5 Maggio:

Web Design: Redesign del blog di Matt Mullenweg.
Il nuovo layout del blog di Matt Mullenweg (tra i fondatori di wordpress) realizzato dal web designer italiano Nicolò Volpato.
Ho avuto il piacere di pubblicare una sua intervista, proprio su blographik, assolutamente da non perdere, poichè molto interessante ed utile.

Plugin WordPress: visualizzare il numero di iscritti al feed a feedburner con Feedcount.
Se non si vuole utilizzare il classico chicklet di feedburner per visulazzare gli abbonati al feed del blog, questo plugin potrebbe essere utile. Inoltre, è possibile modificare l’aspetto del contatore grazie ai css.

Martedì 6 Maggio:

Web Design: 25 esempi di qualità.
Quali sono e perchè sono stati scelti questi 25 esempi di blog internazionali graifamente originali e di qualità, da parte di uno studio canadese di web design.

Venerdì 9 Maggio:

SEO: Guida per web designer.
Un articolo che espone in breve i punti fondamentali da seguire in ambito SEO dedicato sorpattutto ai web designer che non hanno competenze in questo settore così importante.

Editing Immagini on line: Photoshop Online.
Piattaforma open per l’editing delle immagini, prelevandole da varie fonti, Flickr compreso..interessante.

Alcuni consigli importanti per la creazione di un logo professionale.
Dal capire cosa rappresenta il logo al suo processo di realizzazione.

In 5 consigli,  potrai scoprire come scegliere un bravo grafico o come capire come e perchè è così importante possedere un logo di qualità che sia distintivo ed originale rispetto a tutti gli altri brand.

Ecco di seguito tutti i dettagli.

01. Capire cosa il logo rappresenta.

Prima di inziare la progettazione di un logo, bisogna capire ciò che esso rappresenta.
Esso non è solo un marchio, riflette l’azienda attraverso l’uso dei colori, dei simboli utilizzati, dei caratteri, delle immagini etc.

Un logo deve ispirare fiducia, deve provocare ammirazione ed essere facilmente riconoscibile: questo è il lavoro del designer, creare l’identità dell’azienda.

02. Conoscere i principi del design di un logo.

Ora che sapete ciò che il logo rappresenta, il passo successivo è capire ciò che rende un marchio importante, cioè le regole di base ed i principi fondamentali per il design di un logo.

• Un logo eve essere descrivibile;
• Un logo eve essere memorabile;.
• Un logo eve essere efficace anche senza colore;
• Un logo deve essere efficace anche se ridimensionato.

Per ulteriori letture sui principi base per realizzare un logo di qualità, vi raccomando di leggere alcuni suggerimenti su Logo Factory prima di continuare.

03. Apprendere dagli insuccessi.

Capire la differenza tra un buon logo ed uno meno riuscito, permette di acquisire conoscenze maggiori.

photo credit: Tucoo.com.

Ad esempio, diamo un’occhiata al classico logo della Nike creato da Caroline Davidson nel 1971 per soli 35$, ma è ancora un forte, memorabile logo, efficace, senza colore e facilmente scalabile.

E ‘semplice, rappresenta l’ala di una famosa statua della dea greca della vittoria, Nike (perfetto per un abbigliamento sportivo).

Il logo Nike è solo uno dei tanti. Pensate ad altre marche famose e controllate il loro marchio.

Quali sono le caratteristiche che li rendono un successo dal punto di vista del design?

Per visionare altri loghi di qualità ma meno famosi, vi raccomando di consultare in rete LogoPond, oppure di visitare librerie o biblioteche in merito a del materiale correlato al design di un logo.

04. Stabilire il proprio processo per la progettazione di un logo.

Ora che sappiamo cos’è un logo, i principi e le regole fondamentali per la sua realizzazione, e quali sono i fattori che rendono un logo un buon lavoro, siamo pronti per iniziare la sua progettazione.

Ad esempio, potete consultare il metodo definito da David Airey nel suo processo di progettazione di un marchio.

In breve. il processo di progettazione di un logo consiste in:

• Colloquio con il cliente;
• Ricerca e brainstorming;
• Il disegno;
• La Concettualizzazione (vedi punto 5);
• Mandare al cliente la bozza per la revisione;
• Rivedere ed aggiungere il tocco finale;
• Fornire al cliente assistenza e il file in vettoriale con i vari formati (.ai, eps, jpg, gif, tiff, pdf etc. ).

Nel caso abbiate dei problemi nel processo di progettazione trovate alcuni suggerimenti su come potenziare la vostra creatività su Justcreativedesign.com.

05. Imparate a perfezionare l’uso di software per la grafica vettoriale.

Consiglio di approfondire meglio le potenzialità dei software che utilizzate per la realizzazione di loghi e lavori simili.
Ci sono una serie di esercitazioni per Adobe Illustrator, che potrebbero esservi utili.

Una volta giunti alla realizzazione di schizzi di brainstorming, si può spostare il lavoro sul computer per iniziare la digitalizzazione del logo.
Dopo averlo creato in vettoriale, il cliente è pronto per:

1. rivedere il vostro lavoro,
2. chiedere eventuali revisioni;
3. completare il progetto.

Così avrete terminato con successo un logo professionale.
Articolo in parte tratto da: Davidairey.com.

Avete altri suggerimenti o consigli su come creare un logo professionale?

Una segnalazione per un articolo scritto da Serena Chiatante, esperta in grafica e fotografia, in merito all’asimmetria del logo di blographik.

Scopro con piacere, che il logo realizzato da me per questo blog, è stato oggetto di un post di notevole interesse per grafici e web designers.

Nel citato articolo si pone l’accento, su un piccolo disaccordo tra me Serena su un post da me pubblicato, che parlava dell’importanza del punto focale di un logo.

Scopro con piacevole sorpresa, che in pittura e nell’arte, il punto focale (il focus) non coincide con la centralità dell’immagine, in questo caso un logo.

Senza accorgermene quindi, ho realizzato il marchio di blographik in modo asimmetrico, posizionando il punto focale non al centro.
A mia insaputa quindi, ho raggiunto comunque un buon risultato estetico (a detta di Serena). Se volete conoscere dal punto di vista tecnico questo argomento, fate un salto a leggere il post di Serena Chiatante sui loghi fai da te.

Nell’articolo si evidenzia la bellezza dell’asimmetria naturale, attraverso le varie modifiche delle parti di un volto di una modella, oltre che alla divisione in terzi del logo di blographik.
I miei complimenti a Serena per questo illuminante articolo, spero continui a scrivere in maniera costante sul suo blog.

Terzo appuntamento con la mini serie di articoli dedicata al design di un logo.

Photo Credit: ijustine/Flickr.

Gli articoli precedenti:
Le Basi per il Design di un Logo (prima parte);
Le Basi per il Design di un Logo (seconda parte).

Se non fossimo noi a prendere le decisioni, e se non conoscessimo le intenzioni del capo (sempre se siamo dipendenti e non liberi professionisti ), come potremmo sapere se un logo è meglio di un altro?

I primi sei elementi che distinguono un grande marchio da uno normale sono:

1. Diversità.

   Il design del logo non ha bisogno di essere unico nel mondo, ma abbastanza distintivo nel particolare ambito di mercato.

2. Praticità.

   Il logo dovrebbe essere stampabile in piccole dimensioni sia su inchiostro che in pixel.

3. Grafica.

   Il logo comunica solo attraverso simboli grafici, attivando l’emisfero destro del cervello.
   Esso non dipende dall’interpretazione intellettuale e verbale.
   Il logo di un’azienda dovrebbe essere riconosciuto solo per la sua forma grafica (non bisogna “leggere” il logo della Coca Cola più di una o due volte).

4. Semplicità nella forma.

   Il logo non dovrebbe contenere più di una idea grafica. Quindi se contenesse un simbolo, il nome che accompagna il simbolo dovrebbe essere chiaro e senza fronzoli.

   Se il logo consiste solo nel nome di un marchio o di un’azienda, un unica idea o suggerimento lo rendono speciale. (Quindi più è breve e concentrato il nome, più deve essere semplice la grafica).

5. Un solo messaggio.

   Anche nel contenuto, i grandi disegni tentano di esprimere non più di un attributo (come la statura, la velocità o la dinamicità) e sostengono un unico punto di vista.

6. Coerenza.

   Infine, il contenuto del logo deve essere ovviamente corretto e coerente con il soggetto a cui si riferisce.
   Un grande marchio che non esprime la reputazione, la posizione e la personalità dell’azienda, è in disaccordo con le intenzioni del management.

Articolo tratto da Identityworks.com.

Il secondo articolo dedicato alle basi per il design di un logo.
Il primo articolo della serie:
Le Basi per il Design di un Logo (prima parte).

Potrete utilizzare il vostro logo per molti scopi, tra cui l’identificazione dell’azienda, la promozione di marketing e l’acquisizione di nuovi clienti, quindi il marchio dovrebbe attrarre un vasto pubblico.

Dovrebbe essere abbastanza innovativo per distinguersi dagli altri loghi ed essere facilmente riconoscibile dal vostro target.

Dettagli di design.

Le immagini, le forme, i caratteri ed i colori che sceglierete per il logo definiranno l’azienda sotto molti punti di vista, di seguito alcuni suggerimenti per aiutarvi:

Loghi semplici.

Il logo dovrebbe essere un simbolo pulito e facilmente riproducibile.
Evitate loghi che contengono molte informazioni o piccoli dettagli, questi ultimi saranno difficilmente memorizzabili dalle persone, e avrete difficoltà a stamparli in piccoli formati.

Usa il colore come un completamento.

Un logo dovrebbe apparire chiaro e ben ideato nel colore nero.
Ciò non significa che non potete colorare il logo, ma cercate di non usare il colore come se fosse l’elemento più importante.

Studiare l’arte del colore e del carattere.

Dovreste determinare il colore giusto per l’azienda a cui il logo si riferisce.
Ad esempio potreste usare lo stesso colore per i caratteri del medesimo tipo che ricorrono nel logo, e dovreste essere sicuri che il colore scelto comunichi il messaggio giusto.

Quando create il vostro logo, ricordatevi che rappresenta un simbolo che non dovrà cambiare nel tempo.
E’ molto più facile modificare un messaggio di marketing, piuttosto che l’immagine che rappresenta la compagnia.
Se inventate un logo unico, forte, attraente e adatto al vostro mercato, dovreste ritenervi soddisfatti del lavoro svolto.

Articolo tratto da Thestreet.com.

Alcuni articoli dedicati esclusivamente alla realizzazione e all’importanza del logo.

Il logo della vostra azienda (o blog) definirà il vostro marchio a lungo termine, quindi il processo della sua creazione non dovrebbe essere preso alla leggera.

Nel caso in cui volete lavorare con un team di designers, oppure pensate di realizzare da soli il vostro logo, dovreste porre attenzione a come cambiano le immagini, le forme, i colori che metteranno in risalto la vostra azienda.

La cosa più interessante riguardo molti dei più famosi e memorabili loghi, è che essi non si basano sullo stesso elemento per generare la conoscenza del marchio.

Gli archi dorati del McDonald’s usano colori e forme, la Apple si basa su un’immagine ed il logo della Coca Cola è focalizzato sul tipo di carattere.
Per voi, questo significa che dovrete prendere delle importanti decisioni su come intraprendere il processo di creazione del logo.

Poiché non ci sono dei percorsi esatti o sbagliati da seguire, prima di prendere qualsiasi decisione di design, dovreste pensare a cosa vogliate che il logo comunichi in merito alla vostra azienda, brand etc.

Brevi cenni su delle linee guida per i loghi aziendali.

Anche se non esistono delle regole precise riguardo i tipi di loghi che dovrebbero essere usati per determinate aziende, esistono alcune linee generali.

Da una parte ci sono i loghi high-tech, dall’altra ci sono i loghi per le industrie orientate ai servizi, e i loghi per le aziende commerciali nel mezzo.

I Loghi High-tech: sono cesellati e angolari. Il loro intento è creare la percezione che la compagnia sia nnovativa.

I loghi legati ai servizi: sono armoniosi ed arrotondati, il loro intento è creare la percezione che l’azienda sia creativa e amichevole.

I loghi B2B: possono attingere dai componenti di entrambi i loghi precedenti, il loro intento è di creare la sensazione che la compagnia sia affidabile.

Articolo tratto da Thestreet.com.

La quarta ed ultima parte di questa mini serie di articoli, dedicata esclusivamente ai libri consigliati dagli intervistati su blographik.
Con la recensione di questi ultimi libri, sono stati raccolti oltre 24 testi dedicati al (web) design, alla comunicazione, alla grafica ed al web marketing.

I precedenti articoli della serie:

1. Libri dedicati allo Sviluppo di Pagine Web Standard
   (prima parte);
2. Libri e manuali su Web Design e Usabilità
   (seconda parte);
3. Libri su Web Marketing, Comunicazione e Grafica
   (terza parte).

Di seguito i successivi ed ultimi 6 libri consigliati.

Grafica e (Web) Design:

“Photoshop professionale. La guida completa alla correzione del colore” di Dan Margulis.
Spiega perfettamente la calibrazione delle immagini.

I libri della serie “Classroom in a Book” di Adobe per chi vuole imparare o approfondire i programmi di Adobe.

“Il nuovo Manuale del Grafico” di Giorgio Fioravanti.

“The Best of Brochure Design” di London W.H.

“Flash MX 2004 for Server Geeks” di Nate Weiss.
Per chi ama Flash e l’integrazione con database.

I libri pubblicati da Davide Vasta, Adobe Guru Italiano.
Recensione di uno dei suoi ultimi lavori: “Web design facile“.

La seconda edizione di “SEGNALetico”, un concorso promosso dall’associazione culturale VIAINDUSTRIAE di Foligno.

Che cos’è?
E’ un concorso di comunicazione sperimentale.

A chi si rivolge?
A graphic-designer, architetti, artisti, creativi, sul tema del manifesto pubblico.

Quando scade?
La scadenza del concorso è il 17 dicembre 2007.

Dove trovate le informazioni per iscriversi al bando?
Bando e modulo d’iscrizione si possono scaricare dal sito dell’associazione: Viaindustriae.it.

Contatti:
Associazione culturale VIAINDUSTRIAE
Via della zecca 15 06034 Foligno (PG)
Telefono e Fax: 0742 350838
Web: Viaindustriae.it

Mi aggrego all’annuncio di Luca Mascaro che dal suo blog sta cercando di aiutare una sua cara amica esperta in grafica.

Visto che questo blog vuole essere di aiuto anche a coloro che cercano lavoro, sono ben felice di diffondere questa notizia.

Se avete un blog che tratta di grafica argomenti attinenti diffondete l’annuncio di Luca.

Utilizziamo la blogosfera anche per questo .

Di seguito il post di Luca:

Questa mia amica ed ex collaboratrice è una grafica ticinese veramente in gamba, una di quelle che apprezzo maggiormente, che conosce approfonditamente il lavoro della comunicatrice visiva, sa sviluppare ottimi concept e corporate identity anche per prodotti digitali.

Al momento è purtroppo senza lavoro in quanto è appena tornata dagli Stati Uniti dove si è presa un anno sabbatico per studiare l’inglese. Come ho detto normalmente non sfrutto le pagine di questo blog per lanciare annunci ma voglio fare un eccezione per questa volta vista la fiducia che ho in questa persona, vi chiedo dunque se per caso qualcuno di voi è alla ricerca di una grafica senior in gamba e con ottime referenze che è anche disposta a spostarsi in caso di necessità.

In caso siate interessati potete scrivermi una mail a info@lucamascaro.info oppure mi fareste un piacere a rilanciare questo annuncio sui vostri blog, anche per dimostrarne l’efficacia ancora una volta

La raccolta settimanale di blographik su articoli e risorse interessanti da consultare ogni sabato.

Gli argomenti di questa settimana riguardano:

01. Blog: 7 consigli per scrivere meglio in un blog;

02. Scrivere per il web: Scrivere un(a) bodycopy;

03. Tutorial XHTML e CSS: Stilizziamo le liste di definizione;

Martedì 01 Maggio:

Blog: 7 consigli per scrivere meglio in un blog.

Per migliorare la scrittura in un blog sono presenti molti suggerimenti in rete.

In merito a questo argomento potete consultare anche alcuni articoli pubblicati su blographik in merito alla mia esperienza nella gestione di un blog, a come aumentare la popolarità dei blog attraverso contenuti di qualità e 5 metodi per migliorare l’efficacia di sito o di un blog.

L’articolo segnalato è un buon riassunto su alcune regole da seguire per scrivere e gestire bene il proprio progetto in rete.

Mercoledì 02 Maggio:

Scrivere per il web: Scrivere un(a) bodycopy.

Più volte su questo blog ho consigliato a tutti coloro che si occupano di realizzare e progettare siti web di seguire con attenzione tutti i consigli di scrittura.org, un ottimo sito di un’azienda specializzata nella scrittura di testi per il web e non solo.

Vi consiglio di iscrivervi alla newsletter in quanto ricca di contenuti molto interessanti per chi è costretto ad occuparsi sia del contenuto (il testo) che del contenitore (la grafica e la sua architettura).

L’ultimo articolo espone come scrivere il corpo del testo (bodycopy) per migliorare la spiegazione del dettaglio di un prodotto o di un servizio insieme al titolo ed alle immagini.
Se volete sapere cos’è il bodycopy e a cosa serve vi suggerisco la lettura dell articolo.

Giovedì 03 Maggio:

Tutorial XHTML e CSS: Stilizziamo le liste di definizione.

Egidio Murru pubblica un tutorial per utilizzare le liste di definizione dei css.

Personalmente utilizzo molto poco questo tipo di liste (per mia pigrizia), non ho mai approfondito particolarmente l’argomento in quanto più propenso (o troppo abituato) ad utilizzare le classiche liste ordinate (ol) o non ordinate (ul).

L’articolo espone in maniera chiara con un esempio pratico su come potrebbero essere utilizzate le Definition List in una pagina web.

Da google gruppi una segnalazione di un’azienda di Bologna alla ricerca di un grafico.

Mi sembra un’offerta di lavoro interessante per tutti i grafici che seguono blographik che stanno cercando un lavoro a Bologna.

Non ci sono i dettagli dell’azienda ma è possibile contattarli direttamente dal newsgroup.

Link alla notizia su google gruppi: Cerchiamo grafico creativo.

Quali le differenze nell’utilizzo di un cavo analogico ed uno digitale nei monitor LCD.

Avevo da tempo la curiosità di provare i monitor LCD della nuova serie ACER per il loro buon rapporto qualità prezzo e finalmente oggi ho montato un 1951 e un 1917.

Con l’acquisto del 1951 ho ricevuto un cavo digitale per il collegamento video con il PC, poichè quest’ultimo ha l’entrata DVI a differenza del 1917.
Ho avuto così per la prima volta la possibilità di collegare l’uscita digitale della scheda video direttamente con il monitor senza alcun adattatore che trasformi il segnale da digitale a analogico.

Sostituendo il cavo VGA analogico con quello digitale ho notato che alcune funzioni dello schermo non erano più selezionabili e la frequenza di aggiornamento non era modificabile.

Così mi sono documentato e ho pensato di riportare in questo post, quello che ho trovato di interessante:

01. i comandi dello schermo non erano più visualizzabili poichè le impostazioni della frequenza orizzontale e verticale (i comandi disabilitati) sono direttamente gestite dal processore della scheda video.

02. i 60 Hz di refresh nelle proprietà dello schermo sono la frequenza tipica dei monitor LCD.

Il concetto di refresh negli LCD è diverso da quello dei monitor a tubo catodico (CRT).
Negli LCD l’immagine è costruita attivando o disattivando dei transistor disposti a matrice.
Nei monitor CRT è presente il fenomeno dello sfarfallio quando la frequenza di refresh è troppo bassa.

Spero di essere stato abbastanza chiaro, dopo aver fatto qualche test più approfondito vi saprò anche dire le mie impressioni sui due monitor.

La particolarità di queste schede deriva dal possedere un chip di codifica/decodifica hardware.

Questo solleva, in gran parte, il processore dal gravoso compito di renderizzare il video in bit di dati.
Le schede con codifica hardware sono generalmente più performanti rispetto a quelle con codifica software e vantano caratteristiche a seconda della marca e del modello.

Alcune hanno anche effetti in realtime, praticamente senza la necessità di effettuare operazioni di rendering.

Queste schede possono essere PCI, esterne via USB a seconda dei modelli e della necessità dell’utente di collegarla magari ad un notebook, in quasi tutte è presente anche un’uscita analogica e a volte un TV tuner.

Articoli precendenti:

Hardware per l’editing video – Prima puntata – Premessa
Hardware per l’editing video – Seconda puntata – Il monitor VGA
Hardware per l’Editing video – Terza puntata – Il disco rigido o HD
Hardware per l’Editing video – Quarta puntata – La memoria o RAM
Hardware per l’Editing Video – Quinta puntata – Il processore o CPU
Hardware per l’Editing Video – Sesta puntata – La scheda video
Hardware per l’Editing Video – Settima puntata – La scheda audio
Schede di cattura analogica con codifica software

Questo tipo di scheda è particolarmente indicato all’utente alle prime armi.

In queste schede è presente un chip di decodifica analogico/digitale che consente semplicemente di vedere il video sul pc.
Il processo di acquisizione viene affidato al CPU del PC che quindi non dovrebbe essere troppo lento.
Il prezzo di queste schede è particolarmente vantaggioso.

Un esempio di questo genere di schede, è dato dalle schede TV economiche, anche di marchi prestigiosi.

I prezzi partono da 60 euro circa, con questa cifra ci si porta a casa una piccola scheda TV con entrate analogiche, un tuner TV integrato che consente di vedere la televisione sullo schermo del PC e a volte anche un sintonizzatore radio.

Questo genere di schede sono in assoluto le migliori in termini di qualità/prezzo.
Sono schede ideali per piccoli montaggi e consentono di divertirsi spendendo una cifra irrisoria.

Articoli precendenti:

Hardware per l’editing video – Prima puntata – Premessa
Hardware per l’editing video – Seconda puntata – Il monitor VGA
Hardware per l’Editing video – Terza puntata – Il disco rigido o HD
Hardware per l’Editing video – Quarta puntata – La memoria o RAM
Hardware per l’Editing Video – Quinta puntata – Il processore o CPU
Hardware per l’Editing Video – Sesta puntata – La scheda video
Hardware per l’Editing Video – Settima puntata – La scheda audio

Continuiamo il discorso sui codec parlando del .mov.

Formato proprietario della Apple e principale estensione multimediale del S.O. Mac, passato in seguito su PC, grazie alla sua grande diffusione.
Esso integra tipi di dati, come audio video e animazioni, in modo dinamico, su base temporale, nelle applicazioni dedicate considerandole come “movies”.
Gli algoritmi di compressione presenti in QuickTime (almeno nelle prime versioni 1.5/1.6) sono di varia natura e scopo; i tre principali sono il Jpeg (photo compressor), il video compressor, proprietario Apple, e l’animation compressor dedicato alla grafica e alle animazioni generate al computer.

Il primo e’ un codec per la compressione delle immagini PICT.

Del secondo si può dire che permette un display interattivo di immagini a 24 bit, e’ in grado di processare immagini video a 8, 16, 24 bit, con supporto di entrambe le compressioni in modo spaziale e temporale.

Il terzo e’ basato invece su algoritmi ottimizzati per le animazioni in genere e per la videografica generata al computer.

Questo formato risulta ottimo per prodotti multimediali (quali CD ROM o video interattivi) ma può assolvere anche a progetti di Digital Video, benché privo di una variante hardware, praticamente indispensabile per il full motion.
In questi anni grossi miglioramenti hanno portato questo formato ad un alto livello di performance.

Streaming e desktop video ora si avvalgono anche di questo strumento, soprattutto sul piattaforme Apple.
Ora il pacchetto supporta i file MP3 a bit variabile, la riproduzione di file MIDI (con suoni addizionali per il formato GS), nuovi codec, 3D Graphics e gli effetti e le panoramiche a 360° (QTVR).

Una qualunque scheda audio PCI compatibile con le specifiche AC97 è quasi certamente sufficiente.
L’ideale sarebbe dotarsi di una scheda di acquisizione che integri anche l’audio con un chip sonoro, questo per garantire una perfetta sincronizzazione audio-video.
Come per la scheda video, è necessaria la compatibilità piena con le DirectX Media di Microsoft.

Articoli precedenti:

Hardware per l’editing video – Prima puntata – Premessa
Hardware per l’editing video – Seconda puntata – Il monitor VGA
Hardware per l’Editing video – Terza puntata – Il disco rigido o HD
Hardware per l’Editing video – Quarta puntata – La memoria o RAM
Hardware per l’Editing Video – Quinta puntata – Il processore o CPU
Hardware per l’Editing Video – Sesta puntata – La scheda video