Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
Tutto e di + - Grafica e Sito web
Forum - Tutto e di + - Grafica e Sito web

Avatar
Saik (Normal User)
Pro


Messaggi: 117
Iscritto: 07/08/2011

Segnala al moderatore
Postato alle 15:05
Lunedì, 04/03/2013
Ragazzi ovviamente un sito web deve trasmettere un messaggio per questo l'apparenza è cio che conta, quindi vorrei chiedervi se avete del materiale o se potete darmi un punto di partenza per imparare a "realizzare una buona grafica" ovviamente non chiedo di diventare un professionista ma almeno sapere le basi.
Grazie mille

P.S ho una conoscenza medio-bassa sull'utilizzo di photoshop:rofl:

PM Quote
Avatar
Qwertj (Dev Team)
Guru


Messaggi: 678
Iscritto: 30/05/2011

Segnala al moderatore
Postato alle 15:41
Lunedì, 04/03/2013
Photoshop =/= web design

In ogni caso si impara con l'esperienza e tenendosi aggiornato seguendo siti del settore
Alcuni:
http://css-tricks.com/
http://alistapart.com/
http://lea.verou.me/

Sono interessanti anche le newsletter "CSS Weekly", "Web Design Weekly", "Sidebar.io"

PM Quote
Avatar
pierotofy (Admin)
Guru^2


Messaggi: 6230
Iscritto: 04/12/2003

Segnala al moderatore
Postato alle 19:12
Lunedì, 04/03/2013
Solitamente si parte da Photoshop (o da un altro programma di grafica), crei il design (usando gli strumenti di photoshop) e dopodiche' trasporti il tuo lavoro nella pagina web. Un libro su CSS e HTML e' un buon punto di partenza.

Ad esempio, in allegato vedi un immagine che ho creato in Photoshop per un sito. Dopodiche' ho trasportato il risultato su http://www.cantonesehouseduluth.com

Come si crea un bel design? Prova, riprova e riprova. Per delle buone tecniche dovresti chiedere sullo specifico (come trovo dei colori favolosi? Come si da un'effetto luccicante? ecc.)


pierotofy ha allegato un file: Layout.jpg (540687 bytes)
Clicca qui per guardare l'immagine


Il mio blog: https://piero.dev
PM Quote
Avatar
Qwertj (Dev Team)
Guru


Messaggi: 678
Iscritto: 30/05/2011

Segnala al moderatore
Postato alle 19:19
Lunedì, 04/03/2013
@pierotofy ormai è pratica comune fare mockup direttamente in HTML e CSS

PM Quote
Avatar
pierotofy (Admin)
Guru^2


Messaggi: 6230
Iscritto: 04/12/2003

Segnala al moderatore
Postato alle 19:24
Lunedì, 04/03/2013
Concordo sul fatto che e' sempre possibile buttarsi direttamente su HTML e CSS. Ma se stai cercando di fare un design per impressionare, con tanti dettagli e una grafica che non e' il solito jQuery UI/Boostrap template, non c'e' sostituto per visualizzare il lavoro su un programma di grafica. Un parere personale.


Il mio blog: https://piero.dev
PM Quote
Avatar
Saik (Normal User)
Pro


Messaggi: 117
Iscritto: 07/08/2011

Segnala al moderatore
Postato alle 20:43
Lunedì, 04/03/2013
Si ragazzi quello lo so fare e penso anche sufficientemente bene ma il problema è un altro :D come faccio a trasformare in grafica il messaggio del sito :D penso che un sito ben fatto debba essere come la pubblicità :D deve trasmettere in poche immagini un messaggio :D  

PM Quote
Avatar
pierotofy (Admin)
Guru^2


Messaggi: 6230
Iscritto: 04/12/2003

Segnala al moderatore
Postato alle 22:34
Lunedì, 04/03/2013
Non sappiamo neanche qual'è il messaggio del sito, come si fa a risponderti?


Il mio blog: https://piero.dev
PM Quote
Avatar
Qwertj (Dev Team)
Guru


Messaggi: 678
Iscritto: 30/05/2011

Segnala al moderatore
Postato alle 18:23
Martedì, 05/03/2013
Testo quotato

Postato originariamente da Saik:

Si ragazzi quello lo so fare e penso anche sufficientemente bene ma il problema è un altro :D come faccio a trasformare in grafica il messaggio del sito :D penso che un sito ben fatto debba essere come la pubblicità :D deve trasmettere in poche immagini un messaggio :D  



Se parli in generale, non c'è una formula preconfezionata.
Ricordati di dare risalto al contenuto, di attirare l'attenzione dell'utente senza distrarlo con elementi grafici che non hanno utilità
Ogni linea, ombra, colore deve avere il suo senso.

Testo quotato


Concordo sul fatto che e' sempre possibile buttarsi direttamente su HTML e CSS. Ma se stai cercando di fare un design per impressionare, con tanti dettagli e una grafica che non e' il solito jQuery UI/Boostrap template, non c'e' sostituto per visualizzare il lavoro su un programma di grafica. Un parere personale.


Prima o poi il design lo dovrai convertire in codice, quindi tanto vale iniziare subito ;) e poi capisci subito cosa riesci a fare e cosa invece non puoi portare oltre Photoshop

PM Quote
Avatar
Saik (Normal User)
Pro


Messaggi: 117
Iscritto: 07/08/2011

Segnala al moderatore
Postato alle 19:15
Martedì, 05/03/2013
Era proprio quello che intendevo qwertj :D grazie delle risposte a entrambi :D

Ultima modifica effettuata da Saik il 05/03/2013 alle 19:17
PM Quote