Il mio sito... lato grafico :D

portaile84

Il mio sito... lato grafico :D

Spero sia questa la sezione per richiedere pareri sulla grafica.

Comunque...
in un altro thread ho richiesto critiche sul sito, critiche che poi mi hanno spinto ad imparare, velocemente, qualche cosuccia sui Css e XHTML 1.0 (anche se comunque mi manca ancora tanto da imparare...).

Detto questo, tanto per farmi un pò del male, qualche critica sulla grafica adottata nel mio sito? free-technology.org (va bene come link non attivo? :?).

E' il mio primo vero sito, diciamo il mio primo vero CMS completamente personalizzabile dall'ACP sia nei contenuti (con l'editor testuale online) che nelle sezioni da visualizzare.
La grafica a dire il vero non è il mio forte, infatti la mia priorità e attenzioni erano concentrate sul codice, seppure PHP non orientato agli oggetti.
Però vorrei comunque sapere che ne pensate

Ringrazio subito tutti quanti...

portaile84

Uff... volevo aggiungere una cosa al post precedente, ma non c'è più il tasto edit

Il testo che volevo integrare è questo:

Le icone usate sono state prese da un archivio di icone gratuite scaricato da un sito internet.
L'omino verde che vedete in alto a destra l'ha fatto un mio utente, davvero bravo nella grafica 3D come lo sfondo della pagina per i login che viene visualizzata nei mesi pari (febbraio, aprile, giugno, agosto ....) mentre lo sfondo che vedete ora, sempre nella pagina del login, lo ha fatto un altro mio utente... Ci sono poi alcune immagini usate in alcune sezioni, ancora in fase di sviluppo (il tempo aimè è tiranno :S) come ad esempio quella nella sezione circuito banners / links amici.... ed altre, evidenti, fatte a mano.
Per il resto... è tutto made Portabile84

Il forum beh... già l'ho scritto da altre parti... lavoro per quella società.. appena ho un pò di tempo vorrei creare un template stile FT.org

Ringrazio i moderatori che sicuramente incolleranno questi miei due post ...
ma come ho detto, non c'era più il tasto modifica.

carlitosway

Ciao, non preoccuparti per i post consecutivi :).

Dunque, mi sembra che tu abbia lavorato molto e devo dire che il risultato è buono.

Forse dovresti cercare di sistemare un po' la grafica che così com'è ora rende poco. Partirei sistemando l'header: lo farei sullo stesso stile ma più pulito, più chiaro nelle scritte (poco comprensibili) e maggiormente vivo nei colori. La circuiteria che si intravede sotto la farei a maggior risoluzione, cioè meno sfuocata e cercherei anche di dare un effetto di profondità tra circuito e header. L'omino verde mi sembra simpatico, ma proverei a fare meglio la parte di ovale dal quale si affaccia (in alto è irregolare).

Credo che sistemando l'header e la scritta (ft), guadagneresti punti :). Prova a pensare anche ad un logo più caratterizzante il sito in modo da dare un riferimento più chiaro a tutti i visitatori (ad esempio le due lettere "ft" cosa significano a parte "free tech"?).

Ciao

portaile84

Per il logo, le due lettere FT, stanno per il nome del Cms come già hai scritto, e per l'url del sito... free-technology

Non mi è venuto altro in mente

Per le scritte, mi interessa molt questa parte :D, intendi il testo nella cella di fianco all'omino verde?

EDIT: Ok... ho modificato l'imperfezione della semicirconferenza, parte superiore, dove si affaccia l'omino verde

carlitosway

Ciao, si intendevo anche proprio le due lettere "ft", secondo me dovresti farle con un font diverso, più "tecnologico" forse.

portaile84

Capisco...
Beh posso vedere se trovo qualche font con tema tecnologico...

Intanto dici che va meglio come ho corretto lo sfondo della scheda madre e la parte alta dell'intestazione dell'omino?

carlitosway

Ciao, si mi sembra decisamente meglio, anche lo stile delle lettere "ft" mi pare più bello.

portaile84

Grazie mille carlitosway.
Mi sei stato molto d'aiuto e gentilissimo

Se hai altre crtitiche... non esitare a scriverle! Sono ben accette.

PS: Ovviamente anche quelle di altri utenti (aspetto quelle di arnien :D)

arnien

Ecco che arriva la cattivona. Come ti ho promesso non avro pieta, buahahahah (risata maligna). Basta scherzare, cominciamo:

Per me il header è come la copertina per il libro (subito capisci di che genere tratta). E il tuo header non mi dice niente. Le cose più evidenti sono:
a) bordi dei ritagli sono frastagliati;
b) la scritta piccolina RDY o ROY, non si capisce che cos'è...
c) la foto è di bassa qualità. Ti consiglierei di farla più piccola e se non trovi una migliore almeno aggiustarla un po (più fuoco magari);
d) Se nel header vuoi parlare della galeria almeno diversifica il testo da tutto altro (colore diverso?), in fondo dovrebbe funzionare come una informazione extra che stai dando;
e) il logo non è male ma lo toglierei dalla foto e lascierei solo sul sfondo griggio;

Conclusione. Certe volte è meglio fare una cosa meno complicata per creare miglior effetto. Al tuo posto il header farei anche semplice lungo con bordi arrotondati. Se vuoi mantenere il griggio metterei un'altra tonalità per differenziare il header. La scritta www.free-technology.org vicino al logo potrebbe molto bene, secondo me stile web 2.0 andrebbe perfetto. Vedo che usi pure un favicon. Perche non fai un riferimento al interno del sito.

Perchè 2 freccine al hover del menu? Dici che la gente non ci arriva anche se metti solo una? Toglierei pure il hover colorato. Lascierei il rosso per le scritte piu la freccina/e.

Pure il hover colorato a Articoli, downloads etc. mi sembra eccessivo. Basterebbe il hover a testo?

Le freccie di scorrimento verde acceso non mi piacciono. Forze perche hanno una cosa strana sopra (un effetto di photoshop?) e il colore che passa da acceso a molto acceso mi fa brividi (come grattare i denti).
La casella del contenuto Home-Page la farei piu lunga cosi ti risparmi la barra di scorrimento (e poi sotto hai ancora spazio)
Perche non dai un piccolo margine a destra e sinistra nelle caselle dei sponsor, FT magazine etc. Il testo va sopra le grafiche.

Ti basta cosi per il momento? Non mi odiare.

portaile84

Piccolaaa ma ciao (non so se sei piccola :P...)
Mi hai spezzato le gambine! Eheheh ma mi metto subito al lavoro.

Modifiche:
Tutto quello che hai detto

Beh che dire, seguirò tutti i tuoi consigli. Sperando di riuscirci.

La grafica comunque, non l'ho fatta con photoshop... Ma con la Trial di Fireworks... Ma visto che mi scade fra poco dovrò passare a qualche altro software. Diciamo che credo proprio che passerò a sistema linux, Slacky
Le mie finanze non mi permettono l'acquistono di quel software

Comunque, tornando a noi:

Bordi dei ritagli? Quali intendi?

Le freccie di scorrimento verde acceso non mi piacciono. Forze perche hanno una cosa strana sopra (un effetto di photoshop?) e il colore che passa da acceso a molto acceso mi fa brividi (come grattare i denti). :DLe freccine le ho messe perchè appena riuscirò a capire come utilizzarle con il javascript, sostituiranno la scritta "mostra news successiva" e precedente ...
Per il colore... ehhh. Se posso, quali mi consigli ?

b) la scritta piccolina RDY o ROY, non si capisce che cos'è...
c) la foto è di bassa qualità. Ti consiglierei di farla più piccola e se non trovi una migliore almeno aggiustarla un po (più fuoco magari);La scritta Roy dovrebbe stare tutta a destra. L'idea era quella di visualizzare solo quella all'inizio, il nome dell'assistente. Così da nascondere il campo con il testo e la faccina dell'omino verde... visualizzabile con un click sull'icona di ogni link (posizionando il cursore del mouse sulle icone, il testo in quella cella cambia...) però al momento, non conoscendo il linguaggio javascript, mi trovo un pò in difficoltà. Diciamo che ho messo online il template "espanso"

Per la qualità della foto... dici quella della scheda madre rossa? O la mia che c'è nella sezione "Chi siamo?"

d) Se nel header vuoi parlare della galeria almeno diversifica il testo da tutto altro (colore diverso?), in fondo dovrebbe funzionare come una informazione extra che stai dando;:?:?
Questo non l'ho capito.
Per caso hai posizionato il mouse sull'icona della galleria così da visualizzare il testo riguardante tale sezione (funzionalità che è presente in tutte le icone dei link alle varie sezioni)?
Altrimenti non capisco...
comunque sia, dici di cambiare solo il colore o anche il carattere?

Per i consigli...
Meglio fermarsi un attimo
Il tempo di apportare le modifiche seguendo i tuoi consigli... poi sotto con il resto.
Eheheheh

Comunque grazie mille e tranquilla che non ti odio. Perchè odiarti? Basta non risponderti più e non considerarti.
Ehehehehe dai scherzo!

EDIT ----

Ecco le modifiche apportate:

Stato hover dei link e eticchette delle celle articoli, forum, downloads... messo solo rosso. Ho eliminato lo sfondo e le freccette da robin hood
Rientro delle celle -> Padding-left/right impostato a 10px per tutte quante.
Eliminato un pò di Css superfluo (piccolo OT, ma visto che l'ho cambiato, scriviamolo ).

Ora visto che fra poco non potrò più cambiare il post.. beh, apporterò le modifiche senza scriverle qui...