Siti risorse Navigation Menu/Bar javascript

Discussioni riguardo tutti i problemi di grafica.

Moderatori: Sara_p, Kagemitsu

Siti risorse Navigation Menu/Bar javascript

Messaggioda londoneye » sabato 17 aprile 2010, 22:00

Ciao a tutti sono nuovo (del sito) e alle prime armi con il web design.

Sto realizzando le prime bozze di un sito web per una pittrice con photoshop, e mi interesserebbe un menu come questo da inserire ( http://cssremix.com/visit/riot-industries/ ) però non so bene se è possibile personalizzarlo al mio layout.

A proposito di layout, mi date qualche consiglio/correzione/parere/dove sbaglio, dove faccio bene? (devo ancora scegliere i font e alcuni dettagli, xò come idea generale ci siamo)..ci sono due versioni:

http://i41.tinypic.com/bg8kkn.jpg

http://i43.tinypic.com/294m0xx.jpg
londoneye

Avatar utente
 
Messaggi: 13
Iscritto il: venerdì 16 aprile 2010, 16:35

Re: Siti risorse Navigation Menu/Bar javascript

Messaggioda Sara_p » domenica 18 aprile 2010, 18:12

Ciao London eye, benvenuto nel nostro forum. :)

L'effetto che hai linkato (ottenibile interamente tramite javascript) non credo che avrebbe la stessa resa estetica sul tuo layout, che e' molto asimmetrico, disordinato, grunge. Associando ad un design un po' "sporco" anche numerosi javascript rischi di ottenere un effetto confuso e troppo caotico. Questa e' comunque la mia opinione personale :)

Per quanto riguarda il tuo layout, l'idea di fondo non e' affatto male. Il background e' molto originale, creativo. Bella anche l'immagine della donna a destra. Gli unici dettagli che mi lasciano un po' perplessa riguardano le scritte: "Pittrice e artista" e' quasi illeggibile e i link del menu, oltre ad essere poco leggibili anch'essi, hanno un'effetto rilievo (quasi "3d") che gia' di per se' non e' bellissimo da vedere, in questo stile meno che mai.

Io proverei a inserire i link all'interno del contenitore (un po' come da te fatto nella seconda prova, ma senza farli uscire dal contenitore, riducendo le dimensioni del font), farli di colore nero (il bianco e' un colore che stona, visto che non e' presente nel design) , magari utilizzando un font o calligrafico o grunge.

Comunque e' un buon lavoro, nel complesso mi piace :clap:
Sara_p

Moderatore

Avatar utente
 
Messaggi: 368
Iscritto il: lunedì 12 ottobre 2009, 11:45

Re: Siti risorse Navigation Menu/Bar javascript

Messaggioda londoneye » lunedì 19 aprile 2010, 12:27

Sara_p ha scritto:Ciao London eye, benvenuto nel nostro forum. :)

L'effetto che hai linkato (ottenibile interamente tramite javascript) non credo che avrebbe la stessa resa estetica sul tuo layout, che e' molto asimmetrico, disordinato, grunge. Associando ad un design un po' "sporco" anche numerosi javascript rischi di ottenere un effetto confuso e troppo caotico. Questa e' comunque la mia opinione personale :)

Per quanto riguarda il tuo layout, l'idea di fondo non e' affatto male. Il background e' molto originale, creativo. Bella anche l'immagine della donna a destra. Gli unici dettagli che mi lasciano un po' perplessa riguardano le scritte: "Pittrice e artista" e' quasi illeggibile e i link del menu, oltre ad essere poco leggibili anch'essi, hanno un'effetto rilievo (quasi "3d") che gia' di per se' non e' bellissimo da vedere, in questo stile meno che mai.

Io proverei a inserire i link all'interno del contenitore (un po' come da te fatto nella seconda prova, ma senza farli uscire dal contenitore, riducendo le dimensioni del font), farli di colore nero (il bianco e' un colore che stona, visto che non e' presente nel design) , magari utilizzando un font o calligrafico o grunge.

Comunque e' un buon lavoro, nel complesso mi piace :clap:



EDIT:
Ho cambiato il font dell'header nuovamente... che ne pensi?http://it.tinypic.com/r/4t3jbr/5


Ciao Saretta :hai: !!
Grazie mille per le critiche dettagliate e costruttive che mi hai fatto (ho postato in questo forum sperando proprio di ottenere questo, meno male :whew: )
Allora...ho provveduto ad apportare alcune modifiche.
Innanzitutto ho cercato un font calligrafico per l'header, che ben si abbinasse al background artistico ed ho sostituito la dicitura pittura ed artista col nome della pittrice, solo che non ne sono pienamente convinto (anche se è abbastanza visibile così)..
Ho spostato il menu di navigazione come mi hai detto nel contenitore, e (sempre come mi hai consigliato ) ho cambiato font e colore dandogli una retroilluminazione per aumentarne la visibilità. Anche qui manca qualcosa, non so...non mi sembra ben collegato col resto o meglio non lo è del tutto: forse qualche dettaglio (tipo una mini icona x ciascun link) solo che magari renderebbe il tutto ancora più pesante.
Ho infine diminuito l'ombreggiatura rispetto alla precedente versione visto che mi pare che essa dia un pò di pesantezza al tutto. A proposito di questo ti volevo chiedere secondo te è meglio una versione cmq ombreggiata (anche se meno rispetto alla precedente) o totalmente priva di tale effetto?
Guarda tu stessa:
Versione leggermente ombreggiata: http://it.tinypic.com/r/htd440/5
Versione priva di ombreggiatura: http://it.tinypic.com/r/15ebci0/5

P.S.
cmq qualche effetto javascript nel menu lo vorrei inserire...
londoneye

Avatar utente
 
Messaggi: 13
Iscritto il: venerdì 16 aprile 2010, 16:35

Re: Siti risorse Navigation Menu/Bar javascript

Messaggioda Sara_p » martedì 20 aprile 2010, 2:22

Felice di esserti stata utile in qualche modo :)

Personalmente preferisco la versione senza ombra, effettivamente e' meno pesante. C'e' un motivo particolare per cui hai allineato i link di navigazione a destra invece di estenderli a tutta la larghezza del contenitore? Eventualmente potresti provare a metterli allineati a destra ma in verticale, cosi' come sono adesso mi sembrano solo storti, e la grafica e' un po' sbilanciata...non so, non mi convince. Anche i due font che hai utilizzato per il nome della pittrice mi sembrano troppo "grunge", mi orienterei di piu' verso un font particolare, ma al tempo stesso abbastanza leggibile e poco complesso, (visto che gia' il damasco in background confonde un po'), magari calligrafico.

Dai, sii paziente, ti mancano solo le ultime rifiniture. :) Hai scelto uno stile molto eccentrico per cui e' normale che ti occorranno piu' tentativi prima di trovare il font giusto.

Ps. Questi li conoscevi?
http://www.fontspace.com/vtks-design/vt ... o-de-chuva
http://www.dafont.com/jellyka-castles-queen.font
Sara_p

Moderatore

Avatar utente
 
Messaggi: 368
Iscritto il: lunedì 12 ottobre 2009, 11:45

Re: Siti risorse Navigation Menu/Bar javascript

Messaggioda londoneye » martedì 20 aprile 2010, 10:00

...anche io penso sia meglio senza ombreggiatura.

quanto al font ho optato x il blackchancery per il menu, mentre per l'header sono indeciso anche se sono leggermente più propenso alla prima:
[*]font BlackChancery (molto più leggibile il nome della pittrice, semplice ma particolare) http://i42.tinypic.com/2ngdi6b.jpg
[*]font Jellika (molto più artistico ma leggermente confuso..) http://i41.tinypic.com/ojr6o.jpg

i colori e il contorno dorato (che richiamano lo sfondo) secondo te vanno bene?

nel complesso credo di esserci (l'idea è questa). sta di fatto che cosi il menu sarebbe troppo semplice, mi interesserebbe aggiungergli qualche effetto del tipo onmouseover compare o uno splash sullo sfondo o un icona al fianco diversa x ciascun menu.Consigli su questo?

Grazie cmq dei preziosi consigli
londoneye

Avatar utente
 
Messaggi: 13
Iscritto il: venerdì 16 aprile 2010, 16:35

Re: Siti risorse Navigation Menu/Bar javascript

Messaggioda Sara_p » giovedì 22 aprile 2010, 0:25

decisamente BlackChancery, molto piu' leggibile. :)
Per quanto riguarda il contorno dorato non ti so dare, personalmente non amo molto le tracce. Hai provato ad utilizzare il dorato per il font invece del nero? lo sfondo e' bordeux, abbastanza scuro, dovrebbe vedersi. La butto li' :)

Cosa intendi con "splash" sullo sfondo? Attento a non fare un menu troppo infantile, e' pur sempre il sito di una professionista...anche le icone, dovresti trovarle in stile grunge, sempre su questi colori, perche' se inserisci icone che non c'entrano niente con il design l'effetto e' decisamente antiestetico.
Sara_p

Moderatore

Avatar utente
 
Messaggi: 368
Iscritto il: lunedì 12 ottobre 2009, 11:45


Torna a Grafica