Black & White

Template INSATURO pronto!

davikondesign — Tue, 01 Apr 2008 03:04:05 +0000

Vedendo il nostro lavoro ultimato, possiamo ritenerci soddisfatti su tutti i punti di vista. INSATURO presenta una struttura sobria e minimale, dove gli accorgimenti per i particolari sono stati molto efficaci. In una semplice struttura in cui sono presenti un Header, una Sidebar, un Body e un Footer, sono stati fatti studi appropriati sulla disposizione dei testi e delle bordature degli spazi. Ogni post in particolare, presenta una bordatura tratteggiata ( border = 1px dotted #000000), un titolo (con carattere a bastoni) e un testo ben distinto (con carattere a grazie). Il menù a destra (Sidebar) presenta un particolare search form (abbiamo eliminato il padding e il margine e soprattutto la bordatura). Particolare attenzione è stata data anche alla sezione dei commenti, in cui è stato eliminato il box puntinato.

L’Index e le pagine nella loro estensione sono contraddistinte da due linee orizzontali ben marcate in alto e in basso, per non disperdere i contenuti nel bianco dello sfondo. Particolarità è quella relativa all’immagine dei Feed RSS, che è stata resa anch’essa in bianco e nero.

Il template è stato sviluppato in relazione alla nuova versione di WordPress 2.5.

Qui di seguito si può cliccare per il download e/o per vedere il sito di prova.

..design

webenito — Mon, 31 Mar 2008 22:28:42 +0000

Il tema che realizzeremo è frutto di un’idea che vuole accumunare la visione dei tricromati e non, almeno per una volta, nell’esperienza della navigazione web.

Molti sono i siti che per scelta grafica sono realizzati in bianco e nero, ma a questi vengono accostati scale di grigi, o colori più vivaci per rompere la monotonia del colore scuro.

Abbiamo voluto disegnare un template che possa essere bello graficamente e funzionale:
la prima fase che abbiamo affrontato è stata quella della divisione della pagina web per i contenuti, menu di navigazione, header, credits ecc. Questa è una fase non semplice è infatti importante decidere razionalmente la posizione di ogni singolo modulo, secondo l’importanza e usabilità, infatti il menu della categorie sarà posizionato nella sidebar a destra come primo modulo, perchè sarà il menu principale a cui l’utente farà riferimento.

Una scelta ponderata è stata quella di attribuire alla pagina uno sfondo bianco e utilizzare il nero per delimitare i moduli che compongono il tema.

La scelta dei font, in secondo luogo, è stata fondamentale: cercare di dividere quelli che sono i testi di informazione, i post, dai testi di navigazione, menu, è una scelta molto importante. Abbiamo così scelto di attribuire un font graziato (Georgia) per i testi dei post, e un font bastoni (fontFamily Arial) per i testi di navigazione.

I non tricromati

davikondesign — Sat, 08 Mar 2008 17:24:02 +0000

La necessità dello studio di un template bianco/nero è dovuta alla presenza nella società, di una ristretta percentuale di persone che soffrono di difetti di visione e di percezione del colore. I daltonici (o dicromati) hanno una visione imparziale dei colori, poiché nella loro retina vi sono solo due tipi di recettori e non tre. Esistono i dicromati protanopi e i dicromati deuteranopi. Entrambi percepiscono i colori su una scala che va dal blu al giallo: la principale differenza sta nel percepepire come punto neutro tra giallo e blu una lunghezza d’onda diversa (i primi a 492 nm e i secondi a 498 nm). Una piccola parte di dicromati sono affetti da tritanopia. Quest’ultimi al contrario dei due precedenti percepiscono i colori su una scala che va dal rosso al verde (ed hanno la visione di grigio sui 570 nm).

Esistono patologie visive dovute a deficienze cerebrali. Una di queste è l’acromatopsia corticale. Può capitare che sia lesa solo uno dei due emisferi cerebrali; questo comporta la non sensibilità al colore si una parte del campo visivo. I pazienti affetti da acromatopsia corticale vedono il mondo in toni di grigio; può capitare che perdano la capacità di immaginare il colore.

Cercheremo quindi di canalizzare la nostra attenzione sulle esigenze degli ipovedenti, senza però tralasciare l’aspetto estetico di una buona grafica web, in maniera tale di annullare o di diminuire la “discriminazione visiva” e anzi creare un posto in più nei canoni standard della grafica web di oggi.

Qui e qui ci sono pagine web dove un tricromate normale può simulare la visione di un daltonico.

Qui e qui invece ci sono interessanti accorgimenti per progettare una buona pagina web senza barriere.

prima prova_template

webenito — Thu, 06 Mar 2008 22:41:06 +0000

Disegnare una veste grafica non è mai facile.
La scelta dei colori, che caratterizzano il sito e che identificano l’azienda o la persona proprietaria del sitoweb, la disposizione dei moduli che lo comporranno, la loro formattazione stilistica, font, interlinee, bold/italic/normal… insomma un lavoro da progettisti, che deve essere accurato e nulla lasciato al caso.

La sfida che affrontiamo ora, sarà quella di dover disegnare un template per mezzo di scelte di formattazione testo, allineamenti, sottolineature e quant’altro, affinchè possa esistere un equilibrio stilistico anche solo con due colori, o non colori, dipende dai punti di vista: bianco e nero.

Attualemente con la nascita del web2.0, CMS come wordpress e joomla emergono come applicazioni php di gestione per la loro affidabilità. La nascita di questo nuovo modo di vedere il web, che regala la possibilità di poter fare da soli lavori che prima erano per i ‘profani’ inaccessibil, ha però per i più esigenti molte restrizioni. La vesti grafiche ad esempio sono sempre le stesse, e anche se per via di applicazioni avanzate i più ‘esperti’ tra i ‘profani’ riescono a cambiare o a personalizzare il template scelto, tra centinaia a disposizione, la loro struttura e riconoscibile tra mille.

Ma noi studenti di comunicazione, e grafici siam pronti a dare al web2.0 il nostro contributo.
Le regole che i cervelloni hanno impostato per i template sono chiare, sopratutto se ci riferiamo ai blog: colonne a destra che contengono i menu, gli archivi, gallery, calendari.. insomma tutto il necessario per la navigazione o il ‘farsi vedere’.

La mia prima bozza di template, che si dovrà basare rigorosamente sul bianco e nero, evidenzia le zone importanti dello spazio dello schermo. E da importanza al font, a gusto personale i graziati sono molto eleganti sopratutto con questi colori.

next step
Per il momento ho voluto evidenziare quelle che secondo me sono le zone da studiare, il mio prossomo step sarà quello di studiare approfonditamente lo stile del modulo ‘right’, cioè la zona che ospiterà menu, archivies, ecc.

Sapienza

webenito — Wed, 27 Feb 2008 21:35:10 +0000

Interessante il lavoro svolto all’università Sapienza si Roma, presso il dipartimento di Urbanistica.

la percezione visiva, che tratta del processo per il quale noi percepiamo immagini all’interno del cervello ma vediamo oggetti nel mondo esterno;
la rappresentazione della realtà esterna con particolare riferimento a quella fotografica, quale aspetto particolare della rappresentazione del mondo esterno;
la elaborazione delle immagini (intese come rappresentazione visibile di dati), che è talvolta necessaria per rendere la rappresentazione più aderente alla realtà esterna.

http://w3.uniroma1.it/immagini/

Start

webenito — Wed, 27 Feb 2008 19:34:26 +0000

Il blog è dedicato allo studio e alla progettazione di un template per il CMS WordPress improntato su una grafica completamente in bianco e nero. Il presente sarà un punto di collegamento tra il docente e gli studenti, sullo sviluppo del progetto.

Il gruppo di studio è formato da :
Davide Cocchi
Benito Condemi de Felice

La nostra sfida è quella di depurare l’interfaccia web dalla presenza dei colori, puntando su caratteristiche sino ad ora nascoste o poco sfruttate.