Newsgroup: it.lavoro.professioni.webmaster
Titolo: link per rieducare grafici cartacei?

mi tocca riconvertire alla svelta dei grafici essenzialmente cartacei
(tra l'altro pure mac) alla progettazione grafica per il web.
gente che tanto per dire ha un sito con 50 pagine e invece di fare un
include fa 50 menu tutti uguali, poi quando si cambia una voce di menu
li cambia tutti e 50 pagina per pagina con drimuiver.
tra l'altro questi navigano pure poco.  gli ho aperto un gruppo di
google, si impicciano con le password, non sanno fare un logon, cose
del genere.
solo che non ne posso più di dire le solite cose.  
mi potreste suggerire dei link per introdurli ai concetti di base
della progettazione grafica per il web, e soprattutto *perché* è
differtente da quella cartacea?
anche libri vanno benissimo, pure meglio.
io ho provato e riprovato ma tra un po' ci litigo.  pare che io sia
uno stravagante che in chissà quale mondo vive visto che loro finora
sono andati avanti tanto bene a flashoni con la musica in sottofondo,
e i loro bozzetti si vedono tanto bene negli schermoni da 1440 pixel
con i testi a 3 punti ovviamente tutti in bei jpeggoni e col font
fighetto.
mi cercherei tutto io ma sto dando tre esami a settimana, sono in
treno con l'umts e sto con la testa su altre cose.
-- 
abbraccio espedienti 365 giorni l'anno.
(generata da: 
http://www.phibbi.com/extra/gswe.php
)
il mio indirizzo email è valido ma filtrato: inserite 
la parola newsgroup nel subject per essere letti.

 
immagino che usino fotosciòp
http://grafica.html.it/guide/leggi/21/guida-grafica-web-con-photoshop-cs/
ciao
frasca


http://grafica.html.it/guide/leggi/21/guida-grafica-web-con-photoshop-cs/
sì, e sono anche bravi, davvero come cartacei hanno fatto un mocchio
di belle cose, ma mi riferivo al concetto di lavorare per un media
diverso, più che all'operatività pratica.
ti faccio un esempio: c'è da rifare un sito particolare, e che fanno
questi?  mettono un elemento grafico fortemente caratterizzante *a
fondo pagina* e *che deve stare fisso a fondo pagina*.
voglio dire, questi stanno ancora al fatto che le dimension idi un
foglio sono quelle e fine dei giochi.  non lo capiscono che una pagina
può scrollare.  pensano che gli utenti stiano lì con le mani legate
dietro la schiena a vedere qualcosa in un rettangolo con al massimo
tre quattro pulsanti per cambiare schermata.
ma nel frattempo ovviamente nel rettangolo c'era tutto un mondo di
animazioni flash con musica in sottofondo e cose del genere.
quando ho cercato di fargli capire questo concetto (guarda che non
tutti hanno lo stesso schermo, la stessa risoluzione, il viewport di
un broswer non è la schermata intera che tu stai usando per la
presentazione, il font che usi con fotosciop non è detto che lo puoi
usare anche su un browser, visto da lontano il testo grigetto su
bianco sarà molto fine ma poi non si legge niente e lì ci vanno gli
notizie importanti dell'azienda, mica un lorem ipsum) mi hanno chiesto
"ah, ma allora *a che risoluzione dobbiamo rifare i bozzetti*?  oppure
"ma quanto lo dobbiamo fare alto in pixel per essere sicuri che non
scrolli?".
mi serve far passare concetti del genere.



capisco il tuo problema... avevo sempre a che fare con grafici (molto bravi) 
che però non riuscivano a entrare nella mentalità web.
Anche se forse non ti dò la risposta che aspetti (ora provo a cercare tra i 
miei link se trovo qualche sito che faccia al caso tuo) forse ti conviene 
perdere
1) o 4 ore a fargli esaminare un sito web (gli spieghi - sito sotto mano - i 
concetti fonadamentali)
2) gli scrivi delle linee guida:
es.
- quando fate una bozza, la fate 750x420px (o quello che vuoi) a 72 dpi
- fate stare tutto lì dentro sapendo che può scrollare in lunghezza ma non 
in larghezza
- come font usate una misura per il testo di max 12px (o pt... insomma, 
decidi tu)
minimo 10 px...
etc... etc...
Poi, se sono svegli, come immagino siano, dopo qualche errore imparano da 
soli...

 li cambia tutti e 50 pagina per pagina con drimuiver.
www.lourdes.com

 
www.lourdes.com
il dito + veloce dell'occhio.... e ci ho cliccato su :LOOOOOOOOOOOOOOOL

 notizie importanti dell'azienda, mica un lorem ipsum
LOL
-- 
/-\ /\/\ /\/\ /-\ /\/\ /\/\ /-\ T /-\


forse cercavi qualcosa di più immediato, ma meglio di niente :P

particolare è fuori catalogo e quindi sarà difficile poterlo comprare :-(
o ne hanno stampati pochi o ne hanno venduti molti...  penso la prima.
è strano.  sono tuttora di più quelli che non usano internet rispetto
a quelli che la usano.  in ambito professionale ho l'impressione che
siano molti di più quelli che la "fanno" (programmatori, grafici,
informascion architects e vie di mezzo) senza conoscerla-usarla che
non quelli che la fanno perché la usano.
cioè il parco di coloro da (ri)convertire dovrebbe essere vasto.  è
vero che mano a mano che (eventualmente) si entra a far parte del giro
il gruppo di quelli da (ri)convertire diminuisce, e quindi diminuisce
il numero assoluto di quelli che potrebbero essere interessati a
pubblicazioni del genere, ma dovrebbe aumentare invece il tasso di
conversione, cioè più gente di prima si avvicina al giro.
mah, non so se sono riuscito a spiegarmi.
grazie in ogni caso degli ottimi suggerimenti!
se ne hai altri dalli pure.


soli...
guarda, mi sa che l'unica è farli sfogare coi layout e poi dire "nun
se po' fà, punto.  al massimo recuperiamo l'idea del colore nero di
fondo".
ma non mi sembra rispettoso nei loro confronti, li faccio faticare
inutilmente e soprattutto li faccio faticare inutilmente.  e fatico
anche io, oltre a perdere tempo perché poi per presentarci i layout
tra di noi si fanno riunioni (invece di un sano diBBattito
elettronico) e quando uno cerca di interromperle per dire "non va
bene, è tutto da rifare, riunione finita, torniamo a lavorare" pare
che vuole essere aggressivo.  e si continua a parlare di nulla invece
che lavorare...


 qualche "capitoletto"
potrebbe esserti utile, ma anche qui non l'ho letto... però una lettura
anche veloce gliela darò volentieri... sembra interessante!
Sto spedendo un messaggio lunghissimo, sicuramente non arrivo ai tuoi
livelli, però, almeno questa volta, mi ci sono avvicinato! ^_^

 e le varie "skin"...
mostrandogli cosa in realtà cambia nelle varie "interpretazioni" (soltanto
i CSS).
Se hanno passione per il lavoro che fanno, capiranno immediatamente le
ampie possibilità di sbizzarrirsi che ci sono "nel web" e di conseguenza
i testi o i siti per aggiornarsi se li cercheranno da soli!
Forse sono troppo romantico, ma se è gente veramente capace... credo che
gli basti una semplice occhiata a quel sito per capire che il loro modo
"attuale" di fare *web* è un qualcosa di molto scadente e che le vere
possibilità che mette a disposizione la rete rispetto alla carta stampata
sono limitate soltanto dalla fantasia. 
Cosa più importante devi fargli capire che con poco sforzo (piccola
modifica ad un semplice file di testo) si può "stravolgere" qualsiasi cosa
in pochissimo tempo!
Però ripeto... forse sono troppo romantico... ;)

DonnieDarko ha scritto:

Ecco!
Stavo per scrivere ciò che ho fatto recentemente, ed ecco qui Donnie che 
mi anticipa ;)
Situazione: agenzia di comunicazione (tradizionale ovvero in prevalenza 
carta ma anche altre 'vie' ma poco o nulla web), necessità di realizzare 
4/5 siti, decisione per questioni di budget di orientarsi su Joomla con 
base i template di rocket.
Io seguo il tutto e i grafici interni dovrebbero occuparsi del layout.
Non avendo molta esperienza in campo web (Joomla? zero ehm... css? zero).
OK, fate un giro qui (zengarden, con micro spiegazione di cosa 
rappresenti). Risultato: esaltazione totale.
Passo 2: benissimo avete visto ... bla bla
Ora comprate questo libro (di Troiani, mi si passi il promo, non mio 
peraltro) e studiate. Risultato: orrore e raccapriccio, seguito da 
depressione.
Però hanno capito al volo il succo della questione, al momento non c'è 
una grande intenzione di apprendere i segreti dei CSS (d'altronde non è 
il loro core business), ma pian piano, dopo una dozzina di ore di 
formazione su Joomla, hanno imparato ad usarlo e il grafico di 
riferimento diventa sempre più indipendente nelle modifiche.
Ora sono coinvolti in diverse persone nel lavoro sui siti (per il 
momento sono comunque tutti siti 'interni') e ci hanno preso molto 
gusto, coinvolgendo persino il gran capo.
Devo dire che zengarden e aver fatto vedere cosa contiene la cartella 
dei templates di Joomla ha aperto loro completamente gli occhi.
-- 
-------------------------------------------
Paolo De Dionigi
www.atfriends.net
Responsabile Tecnico Zen Cart Italia

commenti, questo sembra un buon libro!
sì, lo conosco (anche se non l'ho studiato approfonditamente), molto
interessante.  peccato per la eccessiva frammentazione dei capitoli e
per i titoli un po' troppo american-entusiaticheggiant-markettari...
:-)
credo però che sia decisamente troppo tecnico per i miei polli.


Però ripeto... forse sono troppo romantico... ;)
ecco, qui invece ci dovrebbe essere terreno fertile...  ad esempio, ci
sarà un sito che da sfondo verdino dovrà diventare sfondo bianco.
siccome è stato fatto tutto css-izzato per bene (in vista di questa
modifica, perché, ripeto, conosco i miei polli...  e i polli dei miei
polli), la cosa comporterà pochi secondi di lavoro.


dei templates di Joomla ha aperto loro completamente gli occhi.
vabč, ci proverņ.
-- 
abbraccio espedienti 365 giorni l'anno.
(generata da: 
http://www.phibbi.com/extra/gswe.php
)
il mio indirizzo email č valido ma filtrato: inserite 


differtente da quella cartacea?
Un buon inizio potrebbe essere A List Apart.
-- 
ciao,
Marco

TaTaC ha scritto:

:-D

 (tra l'altro pure mac) alla progettazione grafica per il web.
a fargli capire gli strumenti, al di là del libro di Zeldman (che è ancora 
ottimo, pure se del 2001) non dovrebbe essere complicato. 
A fargli capire il mezzo... beh, auguri vivissimi. 
-- 
QQG
Haikus are easy.
But sometimes they don't make sense.
Refrigerator.

 per i titoli un po' troppo american-entusiaticheggiant-markettari... :-)
Io l'avevo preso in considerazione perché sono intenzionato a studiare il
funzionamento di drupal e la sua personalizzazione, compresa la creazione
di moduli aggiuntivi.
Siccome andrò a scontrarmi anche con i template, vorrei capire come
funziona il tutto senza dover perdere tempo nella parte "artistica"... per
questo credo che i pattern e l'eccessiva frammentazione mi può tornare
molto utile per fare delle prove e capire il tutto utilizzando codice per
lo meno corretto e crossbrowser.
Sui titoli chiuderò un occhio :)
Visto che l'hai studiato un pochino... è il libro adatto per come lo
voglio utilizzare io?

 
Aggiungo, altre 'cose' che sono state utili:
1) Nel mio caso, ma visto il tuo 'va là' mi pare di capire anche nel 
tuo: la posizione dei 'blocchi' modulo in anteprima nel backend di 
Joomla e l'assegnazione di templates diversi a pagine diverse (nonchè la 
questione del'assegnazione dei moduli alle pagine)
2) Aver detto di pensare ai div come a dei contenitori (che poi è quello 
che sono...)
3) Quando devono lavorare su un sito, lasciar perdere safari (ovviamente 
ci sono solo mac...) e usare firefox
4) Installato e spiegato le seguenti estensioni:
- CSSViewer (per vedere al volo tutte le proprietà di un elemento)
- Webdeveloper (in particolare la parte sui css, outline e resize)
- Colorzilla
- MeasureIt (più immediata rispetto all'equivalente di webdeveloper)
Comunque, non è una cosa semplice e veloce (ma in effetti è normale che 
sia così), però o ho trovato io gente in gamba oppure alla fine non è 
poi così ostico.
Excursus: Joomla è semplice, vedo la meraviglia con cui si accorgono di 
poter fare in modo semplice cose che non pensavano minimamente di poter 
fare (l'ultima, l'inserimento di form con performs, installato in 2 
minuti e appreso il funzionamento in 15, quanto ci vorrebbe per imparare 
a creare un form in html e gestire l'invio dei dati via mail ad esempio 
con php?), però per padroneggiarlo ce ne vuole (salvo il dover 
realizzare cose semplici) e soprattutto, se non ci si sta sopra in 
continuazione, si dimentica in fretta tutto quanto (non parlo di 
sviluppatori).


 (tra l'altro pure mac) alla progettazione grafica per il web.
ho trovato abbastanza interessante questo (chissà come mai mi era
sfuggito):
http://webdesign.html.it/guide/leggi/48/guida-web-design/
citazione fondamentale:
"Quando si ha a che fare con l'interfaccia di un computer le cose
cambiano."
altre citazioni sparse:
"Il web designer *comprende la tecnologia da usare*, [...] le
possibilità e i limiti [...]"
"Usa dei font standard [...]"
"Ricorda che [...] la leggibilità dei caratteri sul monitor è diversa
dalla leggibilità sulla carta. "
"Progettando la grafica delle pagine Web ricorda sempre che il tuo
lavoro sarà visualizzato su uno schermo video. "

dimenticavo di ringraziare tutti per i consigli.

voglio utilizzare io?
[drupal]
oops, purtroppo mi sono confuso, chissà perché pensavo si trattasse
del libro di zeldman...
