Leggi il Topic


Indice del forumProposte, uso del Sito e del Forum

   
Pagina 1 di 2
Vai a pagina 12  Successivo
 
Idee grafiche per nuova versione desktop del Tinga
14260057
14260057 Inviato: 8 Apr 2013 9:38
Oggetto: Idee grafiche per nuova versione desktop del Tinga
 



Come avevo accennato tempo fa nell'articolo che annunciava la nuova versione mobile DvMob, dato che la grafica del Tingavert è decisamente vecchiotta, volevo riprogettarla utilizzando le tecniche più moderne che si basano su HTML5 e CSS3, anche per rendere giustizia di tutte le funzionalità evolute che il sito mette a disposizione ed altre che si potranno aggiungere con queste tecniche (esempio: angoli arrotondati e gradienti nativi e tante altre cose).

L'idea è di far fare il progetto grafico finale a un professionista, però nel frattempo volevo provare a vedere se qualcuno di voi ha proposte grafiche interessanti sulle quali poi lavorare per:
  • intestazioni (header e footer) del sito e
  • menu (si accettano idee anche per le loro funzionalità)
  • corpo di visualizzazione dei topic
  • corpo di visualizzazione degli articoli
  • corpo di visualizzazione dei forum con le mappe regionali
  • combinazioni dei colori da utilizzare

Quindi se qualcuno avesse voglia di fare qualche schema grafico (poi a convertirlo con HTML e CSS ci si pensa dopo, per ora bastano i disegni), se avete idee e quant'altro sono benvenute: vediamo se riusciamo a regalare al sito una nuova veste grafica per il suo 10° compleanno, che cadrà il 30 luglio icon_smile.gif

Grazie in anticipo doppio_lamp.gif 0510_saluto.gif
 
14260129
14260129 Inviato: 8 Apr 2013 10:04
 

Io con la grafica sono un po' impedito ma se vi serve una mano per trasformare una grafica in HTML e CSS posso contribuire.
 
14260241
14260241 Inviato: 8 Apr 2013 10:52
 

Ciao Davide!
Cosa ne pensi di una struttura "elastica" ? eusa_think.gif eusa_think.gif
Il CMS attualmente presente si basa su PhP-Nuke o erro? eusa_wall.gif
Una grafica "elastica" in modo tale da adattarsi ai dispositivi mobile, iPhone, Android e tablet vari... 0509_up.gif

La mia è un'idea per "lo scheletro" 0509_up.gif 0509_up.gif

Che ne dici?
 
14260251
14260251 Inviato: 8 Apr 2013 10:55
 

Per la versione mobile c'è un tema ad hoc, non so se l'hai visto.

Il CMS di origine era il php nuke ma adesso è tutto cambiato, quindi non ci sono vincoli o limitazioni particolari
 
14260258
14260258 Inviato: 8 Apr 2013 10:58
 

va bene..allora appena ho un po' di tempo butto giù qualcosa..."graficamente"..poi vediamo che pensi! 0509_up.gif
doppio_lamp.gif

edit:
è presente qualche requisito particolare? colori..stili..ecc?? eusa_think.gif
 
14260506
14260506 Inviato: 8 Apr 2013 12:51
 

Se possibile mi baserei sul colore giallo Tinga... ma se non è possibile fa lo stesso icon_wink.gif
 
14260537
14260537 Inviato: 8 Apr 2013 13:01
 

Davide ha scritto:
Se possibile mi baserei sul colore giallo Tinga... ma se non è possibile fa lo stesso icon_wink.gif


Nessun problema! 0509_up.gif
Giallo Tinga, nero Tinga e blu Tinga? icon_wink.gif
Dai vedo cosa riesco a buttar giù! 0509_doppio_ok.gif
 
14260635
14260635 Inviato: 8 Apr 2013 13:25
 

No io userei solo il giallo Tinga e gli altri colori li calcolerei in base ai criteri di abbinamento cromatico
 
14260681
14260681 Inviato: 8 Apr 2013 13:38
 

Davide ha scritto:
No io userei solo il giallo Tinga e gli altri colori li calcolerei in base ai criteri di abbinamento cromatico


0509_up.gif

Una cosa a riguardo del layout:

deve rimanere così, a tre colonne?

Il menù?

doppio_lamp.gif
 
14260685
14260685 Inviato: 8 Apr 2013 13:40
 

Da parte mia altre indicazioni non ne vorrei dare, nel senso che magari si hanno idee grafiche migliori senza vincoli, come ad esempio le 3 colonne 0509_up.gif
 
14260695
14260695 Inviato: 8 Apr 2013 13:43
 

0509_up.gif understood.. 0509_up.gif
doppio_lamp.gif
 
14261192
14261192 Inviato: 8 Apr 2013 15:58
 

Comincerei con il rimuovere via CSS il menu laterale in fase di stampa 0509_up.gif
 
14261642
14261642 Inviato: 8 Apr 2013 18:21
 

Davide ha scritto:
Da parte mia altre indicazioni non ne vorrei dare, nel senso che magari si hanno idee grafiche migliori senza vincoli, come ad esempio le 3 colonne 0509_up.gif


Ho combinato qualcosina...giusto un'idea di "header" per intenderci 0509_up.gif
In linea con i tempi di oggi, oltre ad immaginarlo "fixed" icon_asd.gif (ovvero che rimane li in alto eseguendo lo scroll della pagina -tanto Davide lo sai 0509_doppio_ok.gif ) sto immaginando l'utilizzo di bottoni per eseguire le varie azioni.

Ho lasciato lo sfondo bianco per ora per non appesantire la vista e non ho messo il logo per semplicità...

Ecco un'idea di grafica:

immagini visibili ai soli utenti registrati


icon_arrow.gif a pieno schermo: Link a pagina di Postimg.org

Spiego un attimo la "pseudo-funzionalità" dei tasti: (anche se si intuisce al volo 0509_doppio_ok.gif )

i) Bacheca Articoli
Serve solo per far capire dove siamo in questo momento, e se cliccata porta alla "home" (dove adesso ci sono tutti gli articoli ovviamente 0509_up.gif );

ii) Impostazioni
Senza troppi giri di parole, serve per i vari settaggi (forum, preferenze, visualizzazione...)

immagini visibili ai soli utenti registrati



iii) Profilo Personale
Oltre ad editare le proprio info (foto ect ect) permette di tenere un archivio dei propri giri (sopratutto "allacciata" alla TingApp) e permette di gestire le varie opzioni disponibili -le mie sono esempi- 0509_up.gif

immagini visibili ai soli utenti registrati



I messaggi (10+) sono i famosi MP (c'era da dirlo icon_question.gif icon_exclaim.gif 0510_amici.gif ) 0509_doppio_ok.gif

e

la campanellina sono le notifiche istantanee... 0509_pernacchia.gif

Queste le mie idee..poi il tutto si può contornare con il forum, le gallerie personali per ogni utente (legate al profilo....) e tutto quello che già il Tinga offre:
_ sezioni manuali;
_ sezioni guide;
_ mercatino;
_ mappa raduni;
ect
ect
ect

0509_up.gif

Questa la mia fantasia! 0509_si_picchiano.gif 0509_si_picchiano.gif

doppio_lamp.gif
 
14261920
14261920 Inviato: 8 Apr 2013 19:51
 

Molto bella la grafica di aleksjboss, mi piace davvero!

Almeno come base a me sembra che stia andando verso la direzione giusta! icon_biggrin.gif
 
14262165
14262165 Inviato: 8 Apr 2013 20:43
 

Molto bello! Con una struttura di quel tipo sarebbe carino che, per renderlo ancora più leggero e veloce, ad aggiornarsi durante la navigazione sia solo il "corpo" della pagina, cioè (utilizzando AJAX) si faccia in modo che cambiando sezione, forum, topic ecc i menu tutta la cornice del sito non venga ricaricata ogni volta, un po' come succede su gmail per intenderci.
Sarebbe il top con una cornice così completa con tutte le informazioni a portata di mano.
E' solo un'idea icon_asd.gif Però forse comporta un lavoro esagerato eusa_think.gif bisogna vedere fino a che punto si vuole stravolgerlo icon_asd.gif

Ultima modifica di cuzzo94 il 8 Apr 2013 20:45, modificato 1 volta in totale
 
14262171
14262171 Inviato: 8 Apr 2013 20:44
 

Diego ha scritto:
Molto bella la grafica di aleksjboss, mi piace davvero!

Almeno come base a me sembra che stia andando verso la direzione giusta! icon_biggrin.gif


gracias! icon_mrgreen.gif
Questa un'idea! Infatti ho "buttato" li anche dei bottoni "vuoti" per rendere l'idea che è possibile aggiungere le varie funzionalità.

0509_banana.gif

doppio_lamp.gif
 
14262202
14262202 Inviato: 8 Apr 2013 20:50
 

cuzzo94 ha scritto:
Molto bello! Con una struttura di quel tipo sarebbe carino che, per renderlo ancora più leggero e veloce, ad aggiornarsi durante la navigazione sia solo il "corpo" della pagina, cioè (utilizzando AJAX) si faccia in modo che cambiando sezione, forum, topic ecc i menu tutta la cornice del sito non venga ricaricata ogni volta, un po' come succede su gmail per intenderci.
Sarebbe il top con una cornice così completa con tutte le informazioni a portata di mano.
E' solo un'idea icon_asd.gif Però forse comporta un lavoro esagerato eusa_think.gif bisogna vedere fino a che punto si vuole stravolgerlo icon_asd.gif


ormai tutti i grandi siti (e il Tinga è un GRANDE sito 0509_up.gif ) necessitano di una struttura fatta così..
per intenderci ancor meglio io ho usato bootstrap per fare questo esempio..(il freamwork utilizzato da twitter...) ma anche facebook utilizza una sorte di struttura fissa e i contenuti dinamici che si aggiornano con chiamate lato client..però li è un discorso un po' più complesso.. icon_xd_2.gif

Il Tinga dovrebbe aggiornarsi a livello grafico per poter inserire altre ottime funzionalità..e anche per "adattarsi" alla nuova era informatica.. 0509_up.gif

Se mi viene in mente qualche altra ispirazione (molto probabile eusa_whistle.gif ) metto qualche altro contenuto...

icon_xd_2.gif
 
14262360
14262360 Inviato: 8 Apr 2013 21:27
 

Si però essendoci una struttura già fatta sotto non vorrei che sia un po' oltre ciò che intendeva fare Davide (parlo della storia di Ajax, non della tua pagina 0509_up.gif ), però sarebbe interessante e alleggerirebbe molto la navigazione.
Comunque grazie di avermi segnalato bootstrap, può tornarmi utile icon_asd.gif
 
14262370
14262370 Inviato: 8 Apr 2013 21:30
 

cuzzo94 ha scritto:
Si però essendoci una struttura già fatta sotto non vorrei che sia un po' oltre ciò che intendeva fare Davide (parlo della storia di Ajax, non della tua pagina 0509_up.gif ), però sarebbe interessante e alleggerirebbe molto la navigazione


si si hai ragione..infatti io butto già grafica 0509_pernacchia.gif
poi in base a come è strutturato il ws e tutto il reparto informatico, le integrazioni le dovrà studiare ed implementare il mitico Davide 0509_up.gif
io esprimo solo i miei umili pareri, sperando che i "disegni" siano fonte di ispirazione e di novità per questo bel portale dedicato alle moto!

0509_doppio_ok.gif
 
14262517
14262517 Inviato: 8 Apr 2013 22:37
 

Scusate il doppio post ma ho appena finito di creare la pagina dei messaggi privati. 0509_banana.gif

Ho provato ad usare il giallo ma personalmente mi "rompe" la vista...usando il blu invece vengo invogliato di più alla lettura.... eusa_dance.gif

Ecco la pagina dei MP

immagini visibili ai soli utenti registrati



E a tutto schermo per vedere i particolari! icon_asd.gif icon_asd.gif
icon_arrow.gif Link a pagina di Postimg.org

Sulla sinistra ho buttato giù anche una sorte di barra riepilogativa dello spazio utilizzato (di eventuali foto) e anche il totale dei propri post inviati sul forum...con tanto di numero preso poco fa proprio dal nostro forum! 0509_pernacchia.gif

Le funzioni sono tante..questa è una delle tante che mi è venuta in mente per prima icon_xd_2.gif

Che ne dite?
Si potrebbe fare una pagina di login e registrazione differente...poi si viene rimandati alla "Bacheca degli Articoli" o al proprio profilo eusa_think.gif eusa_think.gif ...
Idee..... 0509_up.gif
-La pagina di login teoricamente (graficamente parlando) è la più semplice da fare... 0509_up.gif

Spero di non annoiarvi...ma ormai son partito in quarta 0510_help.gif 0510_help.gif 0510_help.gif

doppio_lamp.gif
 
14262720
14262720 Inviato: 9 Apr 2013 6:54
 

Ma... Ma... È bellissima!!!! icon_redface.gif icon_redface.gif 0510_inchino.gif 0510_inchino.gif Veramente bravo, aleksjboss!!! 0510_five.gif 0510_five.gif

A parte la presenza predominante del Lorem Ipsum ( icon_lol.gif icon_lol.gif ), lo trovo davvero fatto bene. La grafica è accattivante, e anche molto più moderna, con tutti quei bottoni smussati e senza sottolineatura tipica dei link in HTML. icon_mrgreen.gif

La Pagina degli MP mi piace molto, è anche stile GMail (quello "scrivi" rosso è uguale icon_asd.gif icon_asd.gif ) e la cosa mi piace ancor di più. icon_mrgreen.gif

A parte che bianco come sfondo a me piace, in realtà. Sobria ed efficace. Forse un po' pesante per la vista. eusa_think.gif
 
14262741
14262741 Inviato: 9 Apr 2013 7:12
 

Io non do consigli grafici perché voglio influenzare il meno possibile questa fase, comunque sì comporterebbe un bello stravolgimento ma è sicuramente più moderna e bella.

Il caricamento AJAX di tutte le pagine presenta problemi tecnici di fondo che preferirei non affrontare se non indispensabili: dato che header e footer sono leggeri e che, a differenza dei social network, non è necessario in una pagina aggiornare soltanto uno specifico messaggio ma tutto, le pagine risultano comunque veloci da caricare, quindi se non è indispensabile eviterei un uso a 360° di AJAX.

Ci sono comunque soluzioni che possono dare una maggiore interattività alla pagina con metodi alternativi
 
14262961
14262961 Inviato: 9 Apr 2013 9:19
 

narkelion ha scritto:
Ma... Ma... È bellissima!!!! icon_redface.gif icon_redface.gif 0510_inchino.gif 0510_inchino.gif Veramente bravo, aleksjboss!!! 0510_five.gif 0510_five.gif

A parte la presenza predominante del Lorem Ipsum ( icon_lol.gif icon_lol.gif ), lo trovo davvero fatto bene. La grafica è accattivante, e anche molto più moderna, con tutti quei bottoni smussati e senza sottolineatura tipica dei link in HTML. icon_mrgreen.gif

La Pagina degli MP mi piace molto, è anche stile GMail (quello "scrivi" rosso è uguale icon_asd.gif icon_asd.gif ) e la cosa mi piace ancor di più. icon_mrgreen.gif

A parte che bianco come sfondo a me piace, in realtà. Sobria ed efficace. Forse un po' pesante per la vista. eusa_think.gif


così mi fai arrossire icon_redface.gif icon_redface.gif icon_redface.gif icon_redface.gif
eheh il Lorem IPsum è fondamentale in fase di progettazione icon_asd.gif icon_asd.gif icon_asd.gif

ti ringrazio per i commenti, son contento che fondamentalmente piace.

se mi scorrono per la vena che ho in testa altre idee....aggiorno! 0509_doppio_ok.gif

@Davide
Sono sicuro che troverai il meglio per la navigazione e spero che le mie "scartoffie elettroniche" ti possano servire! 0510_five.gif

doppio_lamp.gif
 
14263841
14263841 Inviato: 9 Apr 2013 14:08
 

Vi prego non fatelo in stile facebook!
 
14263882
14263882 Inviato: 9 Apr 2013 14:18
 

Non ti preoccupare garantisco io 0509_up.gif icon_asd.gif
 
14264050
14264050 Inviato: 9 Apr 2013 15:15
 

Davide ha scritto:
Non ti preoccupare garantisco io 0509_up.gif icon_asd.gif

non lo voglio nemmeno io facebook tra i pistoni icon_mrgreen.gif
le mie grafiche richiamano in qualche modo facebook icon_question.gif icon_exclaim.gif 0509_down.gif 0509_down.gif
le mie grafiche son ispirate ad un Tinga 2.0.....

doppio_lamp.gif
 
14381784
14381784 Inviato: 23 Mag 2013 9:43
 

non so se il mio suggerimento è inutile (perché magari lo fate di default) ma sarebbe bella una pagina che si adatasse al tipo di monitor, 4:3 o 16:9 (e magari si autoadattasse anche quelle volte che vengono inserite foto troppo grandi).

mi è venuto in mente vedendo l'ottima bozza proposta; infatti mi capita di andare su alcuni forum e di dover scorrere la la pagina da sinistra a destra o di zoomare rendendo più difficoltosa la lettura.

non so se ho detto una castroneria e se magari dipende dalle impostazioni del proprio browser, in tal caso siete autorizzati a 0509_si_picchiano.gif

doppio_lamp_naked.gif
 
14493264
14493264 Inviato: 6 Lug 2013 15:50
 

marcom5 ha scritto:
non so se il mio suggerimento è inutile (perché magari lo fate di default) ma sarebbe bella una pagina che si adatasse al tipo di monitor, 4:3 o 16:9 (e magari si autoadattasse anche quelle volte che vengono inserite foto troppo grandi).

mi è venuto in mente vedendo l'ottima bozza proposta; infatti mi capita di andare su alcuni forum e di dover scorrere la la pagina da sinistra a destra o di zoomare rendendo più difficoltosa la lettura.

non so se ho detto una castroneria e se magari dipende dalle impostazioni del proprio browser, in tal caso siete autorizzati a 0509_si_picchiano.gif

doppio_lamp_naked.gif

L'adattamento alle foto grandi sul tinga esiste già, non succede più come su altri forum dove viene tutto deformato
 
14653651
14653651 Inviato: 24 Set 2013 14:27
 

Volevo avvertire che sono in arrivo, solo che ho un po' di ritardo dovuto al fatto che mentre lavoravo su alcune parti di codice, insieme alla grafica ho riscritto anche altre parti.

Penso che la prossima settimana avrò finito la versione desktop, dopo devo valutare se aspettare a metterla online dopo che avrò riscritto anche la versione mobile (perché anche questa va riscritta in parte a seguito dei cambiamenti introdotti) oppure mettere online la versione desktop e modificare successivamente la versione mobile 0509_up.gif
 
14653741
14653741 Inviato: 24 Set 2013 15:24
 

Davide ha scritto:
Volevo avvertire che sono in arrivo, solo che ho un po' di ritardo dovuto al fatto che mentre lavoravo su alcune parti di codice, insieme alla grafica ho riscritto anche altre parti.

Penso che la prossima settimana avrò finito la versione desktop, dopo devo valutare se aspettare a metterla online dopo che avrò riscritto anche la versione mobile (perché anche questa va riscritta in parte a seguito dei cambiamenti introdotti) oppure mettere online la versione desktop e modificare successivamente la versione mobile 0509_up.gif


Se serve beta testing, contami. 0510_five.gif
 
Mostra prima i messaggi di:
Pagina 1 di 2
Vai a pagina 12  Successivo

Non puoi inserire nuovi Topic
Puoi rispondere ai Topic
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi
 
Indice del forumProposte, uso del Sito e del Forum

Forums ©