LA PAGINA
Questa sera mi sono trovato a dover sviluppare praticamente al volo una pagina web (da consegnare asoslutamente domani mattina alle otto…) e al tempo stesso un’immagine che servira’ per una locandina pubblicitaria di una simpaticissima associazione “boschiva”….
Con il permesso di chi ha richiesto il lavoro pubblico la bozza che ovviamente fa iferimento a locaita’ e data del tutto casuali.
Pagina e immagine per la locandina in questo caso hanno la stessa importanza e la richiesta e’ che siano la stessa cosa….
pero’ ho pensato di “dilatare” la pagina…in modo che si venga incuriositi dalla barra spaziatrice inferiore e si vada a “!scoprire” il lato destro …
Oppure in qualche modo si abbia un effetto particolare rivendo sul web…conoscendo gia’ l’immagine della locandina in se….
Ho clamorosamente utilizzato un’immagine appena segnalata su Lucertole…ma non penso che cio’ comportera’ grandi problemi..al limite non e’ difficile sostituirla con qualcosa del genere anche se lo sguardo…in questo caso e’ quello che mi serviva….
al limite c’e’ lo spunto per il fotografo…nel gruppo non mancano stupende ragazze che potrebbero divetare perfette modelle per l’immagine…anche se ottenere un’immagine davvero cosi e molto difficile…
Se l’immagine sulla destra e’ la cosa che attira piu’….e’ invece la formattazione del testo della locandina la cosa che dovrebbe interessare di piu’ chi “faweb” e sta scoprendo o e’ interessato a scoprire il potenziale infinito dei css….
nulla e’ lasciato al caso….ogni minima spaziatura e’ calcolata e “prevista”… in modo da essere solo apparentemente un effetto generale “normale”…ma basta provare a rifarla utilizzando del “normale ” html per capire che e’ impossibile arrivarci….
anche in questo caso spero che l’esempio solleciti la curiosita’ e la voglia di approfondire…
Basta aprire il sorgente e si trova tutto in pagina…
In questo caso ogni lettera o blocco di testo o parola era importante per ottenere un che di “attuale” senza cadere nel banale (considerato l’argomento e’ un attimo finire a gnomi e fatne…) soprattutto considerando che si tratta di un festival di poesia ,racconti ect.
nulla d “Musicale” ,nulla di “celtico” insomma….
Da considerare anche che il presidente del’associazione “faweb”…e bisognava appagare anche il suo senso critico che indubbiamente non e’ “di massa”….e sopratutto e’ da adulto molto navigato….
Ho usato una tavolozza colore molto semplice ma che si rifa’ al’immagine anche se il colore rossiccio del testo e’ un “obbligato”..e quindi mi ha portato proprio il colore alla scelta dell’immagine e non viceversa e e e e
Il punto era mantenere una sorta di “equilibrio” quasi “poetico” ma molto “solido”…un po’ lo spirito dell’associazione….
Assolutamente da evitare qualsiasi riferimento troppo scontato a folletti gnomi fatine e ranocchi…
a bozza e’ stata subito accettata e penso che entro domattina sia tuto pronto per andare sia in stampa che sul web….
I tempi per la realizzazione della bozza (che non sara’ molto diversa dalla versione finale ) sono stati attorno alle due ore.
———-
Ricordando che puo’ essere piuttosto interessante analizzare il css della pagina….spero che serva da stimolo per creare qualcosa del genere e soprattutto incuriosire e spingere allo studio dei fogli di style….
———–
Ps.
A lavoro ultimato il committente ha voluto un paio di soluzione colore alternative…
in un caso ho scelto un verde molto scuro (#006633) che non e’ presente nell’immagine di lato e nel terzo caso ho scelto un marrone (#683E25) che e’ tra i colori dominanti dell’immagine di lato…
in entrmbi i casi alternativi ho mantenuto il colore del testo della locandina identico allo sfondo pagina…
Delle tre soluzioni penso pero’ che sia sempre la prima la soluzione migliore….e cioe’ uno sfondo colore che
“lega” sia con il testo dell’immagine di lato sia con il testo della locandina (titoletti ovviamente ).
C’e’ un dato che “obbliga” decisamente le scelte e cioe’ il colore della scritta “amci del bosco”…
scritta che e’ parte importante del logo dell’associazione…
———
A volte in questi casi puo’ servire “staccare” dalle procedure consuete e un tool on line puo’ essere di molto aiuto
in questo caso ho usato :
designerplaything.co
simpatico e completo tool che consente di studiare abbastanza bene i contrasti colore e la scelta dei caratteri…
Occhio….ho scritto STUDIARE….
di tool come questo ne esistono a decine (basta osservare la colonna di insitra di questo stesso blog…) ma attenzione….vanno usati SOLO una volta che si sono acquisite e bene…le nozioni di base della formattazione di un testo attraverso i css…e anche quelle degli accostamenti colore….
se si usano questi tool limitandosi al copia incolla dell’ “effetto” ottenuto con il tool il fallimento e’ garantito nel giro di pochi mesi….
ad una sensazione iniziale di “scoperta” giocosa e molto fruttuosa seguira’ una sensazione di frustrazione altrettanto forte…
Un conto e’ “l’impressione” di usare i css….altro conto e’ “averli” nel “mouse”….
praticamente e’ sempre lo stesso problema di chi arriva al “fareweb” da editor visuali (Fornt page e simili ) oppure dall’ “editing” di template o modelli in genere.
Sono strumenti che vanno benissimo…decisamente bene,ma a patto che ci sia una cultura di base ,almeno dei fondamentali , solidissima…
Insomma per fare davvero web…
occorre studiare i linguaggi di formattazione di base e di li non si scappa…
la velocita’ di realizzazione ,una volta acquisite solidamente le basi, e’ di molto superiore (per quanto possa sembrare un paradosso..) a quella raggiungibile attraverso supporti interpretati per ovviare a conoscenze assimilate…. e arrivare al risultato prefissato in modo certo (lasciando ben poco al caso ) ma veloce e’ una delle necessita’ principali per poter “fareweb” con vera soddisfazione ,praticamente e’ un po’ come scrivere….
L’errore piu’ classico e’ quello che commette chi pensa (come tutti del resto ) di avere piu’ che sufficienti doti “artistiche” di base naturali…per poter operare scelte di colore e accostamenti ect.ect. oltre che naturali doti di scrittura e quant’altro…e di conseguenza non serve che lo “strumento” giusto…..un editor…un tooll…un template…un programma di grafica….
Cosi come l’errore piu’ madornale e’ pensare che il “fareweb” sia una questione prettamente “grafica”….
La grafica e quello “che si vede” sono ,come per la scrittura…una conseguenza di assimilazione di sintassi e grammatica….
il web rimane fondamentalmente “comunicazione”…..
——-
E la comunicazione e’ davvero una questione…intrigante
per esempio questo articolo e’ partito suscitando molto probabilmente interesse e simpatia ma alla fine a molti risultera’ molto antipatico…compreso chi l’ha scritto
hihi
ma questo e’ il mio blog…..e io non ci metto alcuna pubblicita’ ….
Cambiando quindi leggermente prospettiva (ora e’ “marketing” …) un articolo come questo puo’ far acquisire qualche visitatore ma i piu’ saranno visitatori molto silenziosi…e che dal punto di vista del ritorno sia immagine che di “click” (in questo caso non hanno alcuna importanza ) non servono al blogger…
Piu’ o meno quando si sceglie di rappresentare qualcosa (anche nel caso della locandina di questo articolo ) valgono le stesse “regole”….
Nel caso della locandina l’insieme suggerisce complicita’ (non spiega molto…devi gia’ sapere di cosa si tratta piu’ o meno….) e al tempo stesso “selezione”…ma di fatto non afferma con decisione nulla…alla fine e’ un supporto pubblicitario quindi va bene cosi….
——–
————————
Una volta on line la pagina ho suggerito a tutti gli associati interessati…di iscriversi su
watchthatpage.com
questo consentira’ un modo alternativo al feed per essere imformati via e.mail e in tempi strettissimi di qualsiasi variazione effettuata nella pagina on line….
BUON DIVERTIMENTO!
Articoli del blog che trattano argomentazioni analoghe :[Vengono visualizzati fino a 10 links.
Per ulteriori ricerche usa il
motore di ricerca del blog!]
Risorse e temi Wordpress
