Jump to content
Rpg²S Forum

Rpg2s Material Design (più o meno)


Freank
 Share

Recommended Posts

E questo?o.o

http://www.freankexpo.net/signature/1129.png

2986.png

BIM_Banner3.png

Premi RpgMaker

  Reveal hidden contents

Link to comment
Share on other sites

penso sia una sorta di "che ne dite se cambiamo aspetto al forum?"

Edited by kaine87

Gallifrey falls no more.
GALLIFREY STANDS!

N7mCRJj.gifFBZjpi3.png

Premi:

  Reveal hidden contents

 

Altro:

  Reveal hidden contents

Link to comment
Share on other sites

La domenica pomeriggio ho tempo libero....

Così mi dedico alle mie passioni. Tra le varie, la grafica digitale in alcune sue forme, in questo caso Web Design.

Ho provato ad applicare un pò lo stile material design suggerito da google e applicato da molti siti/applicazioni (soprattutto per la sua utilità nel mobile) al forum di rpg2s per vedere come veniva...

Del resto lo stile attuale del forum è online da molto ... una rinfrescatina non sarebbe male :D

 

A voi piace ?

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites

È carino ma manca il menù personale e il tasto dei nuovi messaggi.

http://www.freankexpo.net/signature/1129.png

2986.png

BIM_Banner3.png

Premi RpgMaker

  Reveal hidden contents

Link to comment
Share on other sites

Come disposizione in alto non mi piace moltissimo, sembra vere qualche problema tipo (a parte le cose mancanti già dette): se aggiungi cose al menù a sinistra del banner non viene bene e ci sono di cose da aggiungere e forse altre verranno; stesso discorso per i bannerini, c'è solo il Labirinto, ma ci vorrebbero molti di più. Non è l'ideale avere così tutto attaccato per noi, son cose che cambiano spesso quelle per questo son disposte su più righe.

^ ^

(\_/)
(^ ^) <----coniglietto rosso, me!
(> <)


Il mio Tumblr dove seguire i miei progetti, i progetti della Reverie : : Project ^ ^

http://i.imgur.com/KdUDtQt.png disponibile su Google Play, qui i dettagli! ^ ^

http://i.imgur.com/FwnGMI3.png completo! Giocabile online, qui i dettagli! ^ ^

REVERIE : : RENDEZVOUS (In allenamento per apprendere le buone arti prima di cominciarlo per bene ^ ^) Trovate i dettagli qui insieme alla mia intervista (non utilizzerò più rpgmaker) ^ ^

  Reveal hidden contents

 

Link to comment
Share on other sites

Boh, non saprei. A me quella attuale piace. L'unica cosa che aggiungerei alla grafica attuale sono dei minibannerini a sinistra per ogni sezione. Fine. XD

Non ha bisogno di altro, secondo me.

<< In FF8 Irvine conosce tutti ma non lo dice fino al 2° CD >>


Segui i miei vari lavoretti in queste pagine:

 

GAME DEV (Attualmente in lavorazione: 5th ERA)

https://missingseven.itch.io/ - https://gamejolt.com/@MissingSeven - https://twitter.com/missing_seven

 

DISEGNI

https://www.instagram.com/lollob_art/ - https://www.deviantart.com/lbillustrator

 

FAI IL BRAVO E GIOCA A THEIA!

http://www.theiarpg.com

Link to comment
Share on other sites

Mi piace che sia piatta ma... ... boccio tutto il resto. A parte che è storto come al solito ( Marchio di fabbrica XD ), ma anche le ombrette qui e lì non mi sembrano il massimo.

Non mi dispiace il trafilato azzurro ai bordi, anche se temo sia l'unico a trovarlo gradevole. Ma io ho un debole per i trafilati... XD

 

Però direi.. no.

Se adottassimo la parte sopra come la pensi tu, dovremmo abolire i contest. XD

Deviantart

ElfGamesWorks Forum

My adventure game
Little Briar Rose

Altri progetti: Oh! I'm Getting Taller! / Il pifferaio di Hamelin

I miei Fumetti: Folletto Vs Nenè / A.s.D. / A.s.D.2

http://www.rpg2s.net/img/fablecontest1st.pnghttp://rpg2s.net/gif/SCContest3Oct.gif http://i43.tinypic.com/1zokd2s.png http://i.imgur.com/qRfaRqE.png http://i43.tinypic.com/eger81.gifhttp://i.imgur.com/BEu6G.gifhttp://i43.tinypic.com/eger81.gif

Un sogno nel cassetto...

 

  Reveal hidden contents

 

Citaziò!

 

  Reveal hidden contents

 


Scheda di Zuppo Del'Oquie

  Reveal hidden contents

 

Link to comment
Share on other sites

  Quote

 

L'unica cosa che aggiungerei alla grafica attuale sono dei minibannerini a sinistra per ogni sezione. Fine. XD

Cioè vorresti poter cambiare sezione da ogni pagina del forum e non averle solo in home? ^ ^

(\_/)
(^ ^) <----coniglietto rosso, me!
(> <)


Il mio Tumblr dove seguire i miei progetti, i progetti della Reverie : : Project ^ ^

http://i.imgur.com/KdUDtQt.png disponibile su Google Play, qui i dettagli! ^ ^

http://i.imgur.com/FwnGMI3.png completo! Giocabile online, qui i dettagli! ^ ^

REVERIE : : RENDEZVOUS (In allenamento per apprendere le buone arti prima di cominciarlo per bene ^ ^) Trovate i dettagli qui insieme alla mia intervista (non utilizzerò più rpgmaker) ^ ^

  Reveal hidden contents

 

Link to comment
Share on other sites

se proprio volete il mio odio ma venite qui di persona, almeno vi do subito una badilata in faccia e la finiamo qua xD

Membro Segreto della
Vecchia Guardia del Making [Gif in fase di reload]


SCContest1Oct.gif
gifnatale1.pnggifnatale12.png

Link to comment
Share on other sites

In verità avevo fatto all'inizio solo le sezioni del forum.

 

Poi ho pensato di postarlo e ho fatto in fretta anche la parte sopra.

Per questo ho mancato tante aree e messo solo un bannerino del contest.

Il fatto è che non volevo mettermi a lavorarci tutto il pomeriggio, allineare tutto, inserire tutti vari contenuti ecc.ecc. , se poi non fosse piaciuto nemmeno lo schema base ^^"

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites

La parte sotto gli aggiornamenti di stato (cioè il forum in sé) potrebbe anche andare, ma tutta la parte superiore è meglio lasciarla così com'è adesso.

A me piace moltissimo il pesciolino rosso del banner del 1 Aprile!

 

http://www.rpg2s.net/dax_games/r2s_regali3s.png

Link to comment
Share on other sites

un giorno di questi vi sveglierete e penserete di essere diventati daltonici. io vi ho avvisati.

Membro Segreto della
Vecchia Guardia del Making [Gif in fase di reload]


SCContest1Oct.gif
gifnatale1.pnggifnatale12.png

Link to comment
Share on other sites

Va bene lo stile flat, ma è ben lontano dal material design.

  1. Troppe ombre. Il MT non vuole le ombre su tutti gli elementi, ma solo come divisione tra l'header e il contenuto, e solo quando questo è scrollato verso il basso. Inoltre le ombre devono essere appena percettibili.
  2. I bordi devono essere squadrati, non arrotondati.
  3. Lo sfondo dev'essere di colore neutro: grigio chiaro quasi bianco, o grigio scuro.
  4. Il font dev'essere Roboto
  5. La griglia dev'essere precisa, il titolo più largo del contenuto non va bene.
  6. Inoltre, il material design si pone lo scopo di mostrare pochi contenuti importanti, mentre la home del forum esplode di link e sottomenu. Bisognerebbe sacrificare molte informazioni, altrimenti la struttura si sposa poco con il layout di Google.

"Io non volevo solo partecipare alle discussioni. Volevo avere il potere di farle fallire" [cit.]

http://holyres.altervista.org/UserBoard/BannerOverdrive35.png
http://holyres.altervista.org/UserBoard/Cap3.png

http://www.indiexpo.net/signature/578.png

Miei script per RPG Maker VX Ace:

  Reveal hidden contents



I miei tutorial:

  Reveal hidden contents

Link to comment
Share on other sites

  On 10/4/2015 at 6:58 PM, Holy87 said:

 

Va bene lo stile flat, ma è ben lontano dal material design.

  1. Troppe ombre. Il MT non vuole le ombre su tutti gli elementi, ma solo come divisione tra l'header e il contenuto, e solo quando questo è scrollato verso il basso. Inoltre le ombre devono essere appena percettibili.
  2. I bordi devono essere squadrati, non arrotondati.
  3. Lo sfondo dev'essere di colore neutro: grigio chiaro quasi bianco, o grigio scuro.
  4. Il font dev'essere Roboto
  5. La griglia dev'essere precisa, il titolo più largo del contenuto non va bene.
  6. Inoltre, il material design si pone lo scopo di mostrare pochi contenuti importanti, mentre la home del forum esplode di link e sottomenu. Bisognerebbe sacrificare molte informazioni, altrimenti la struttura si sposa poco con il layout di Google.

 

 

E' per questo che ho scritto "più o meno" . A me il Material Design puro, i cui canoni sono dettati precisamente da Google in una sua guida, non piace. Mi piace che il sito abbia comunque una sua impronta.

Allo sfondo grigio preferisco quello azzurro che già appartiene al forum da anni. Stessa cosa vale per i link e i sottomenù, in quanto rimane comunque un forum che deve mostrare contenuti; non si può sacrificare tutto solo per applicare un design consigliato da Google. :)

In medio stat virtus. :D

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites

Se manco l'hai fatto come quello di google di partenza, come fai POI a modificarlo?

 

Sarebbe meglio che, in qualsiasi lavoro, se ti ispiri ad uno standard prima lo riproduci esatto E POI lo personalizzi quel tanto che basta per renderlo tuo.

Se parti con l'idea di personalizzare un foglio totalmente bianco, non erediti niente di ciò che era bello dello standard al quale ti ispiravi, perchè non ce l'hai mai disegnato, quindi hai lavorato sul bianco e non si riesce quasi mai ad ottenere qualcosa di efficace.

 

 

Comunque, prima di essere originali e personali, concentrati sul fare qualcosa di logicamente coerente. Il titolo di una sezione deve essere correlato alla sezione di cui fa parte, quindi non puoi staccare Rpg2s dalle sezioni ingresso etc etc.

La barra blu Rpg2s è un elemento solitario a se stante, fine a se stesso?

 

No. E' il TITOLO di ciò che sta sotto.

 

Allora devi appiccicarlo al sotto, che è il suo contenuto.

 

 

DOPO

Lo personalizzi.

Dopo che hai soddisfatto i requisiti minimi di LOGICA.

Prima racconti i concetti di una storia. Poi ci aggiungi i fronzoli.

 

Lì non mi stai spiegando come funziona il sito. Ti sei concentrato sui fronzoli molto prima di aver spiegato esaustivamente il sito.

 

 

 

Quando una struttura è stata ragionata bene, l'estetica può essere modificata e ciò nonostante mantenere valida la struttura, quindi non risulta lavoro buttato.

Lì, aldilà dell'estetica delle ombre che non mi piace o i bordi arrotondati che, volendo, si potrebbero modificare in meglio, io boccio proprio la struttura e quindi boccio il cuore del lavoro.

 

(seppure fa piacere il tributo di voler ragionare una skin, sia chiaro. Se ti dico questo è perchè so che tu mezzo ci lavori con il tentativo di fare il designer, quindi spero di darti indizi su cosa migliorare del tuo modo di lavorare.)

Deviantart

ElfGamesWorks Forum

My adventure game
Little Briar Rose

Altri progetti: Oh! I'm Getting Taller! / Il pifferaio di Hamelin

I miei Fumetti: Folletto Vs Nenè / A.s.D. / A.s.D.2

http://www.rpg2s.net/img/fablecontest1st.pnghttp://rpg2s.net/gif/SCContest3Oct.gif http://i43.tinypic.com/1zokd2s.png http://i.imgur.com/qRfaRqE.png http://i43.tinypic.com/eger81.gifhttp://i.imgur.com/BEu6G.gifhttp://i43.tinypic.com/eger81.gif

Un sogno nel cassetto...

 

  Reveal hidden contents

 

Citaziò!

 

  Reveal hidden contents

 


Scheda di Zuppo Del'Oquie

  Reveal hidden contents

 

Link to comment
Share on other sites

cmq critiche o apprezzamenti, la questione "forse si può fare qualche cambio grafico ormai" è sul tavolo. vi odio immensamente, cordiali saluti.

Membro Segreto della
Vecchia Guardia del Making [Gif in fase di reload]


SCContest1Oct.gif
gifnatale1.pnggifnatale12.png

Link to comment
Share on other sites

Ci sarà presto tanto da lavorare sul CSS per Dax! ^ ^

(\_/)
(^ ^) <----coniglietto rosso, me!
(> <)


Il mio Tumblr dove seguire i miei progetti, i progetti della Reverie : : Project ^ ^

http://i.imgur.com/KdUDtQt.png disponibile su Google Play, qui i dettagli! ^ ^

http://i.imgur.com/FwnGMI3.png completo! Giocabile online, qui i dettagli! ^ ^

REVERIE : : RENDEZVOUS (In allenamento per apprendere le buone arti prima di cominciarlo per bene ^ ^) Trovate i dettagli qui insieme alla mia intervista (non utilizzerò più rpgmaker) ^ ^

  Reveal hidden contents

 

Link to comment
Share on other sites

  On 10/5/2015 at 12:10 PM, Flame said:

Se manco l'hai fatto come quello di google di partenza, come fai POI a modificarlo?

 

Sarebbe meglio che, in qualsiasi lavoro, se ti ispiri ad uno standard prima lo riproduci esatto E POI lo personalizzi quel tanto che basta per renderlo tuo.

 

Ma infatti l'ho prima modificato secondo lo schema di partenza classico di Material Design suggerito da Google, poi l'ho "personalizzato".

Di certo però non potevo mettermi a postare tutte le fasi di lavorazione e tutti i risultati ... anche perchè ho fatto una decina di varianti ^^"

Per la struttura vedi che non è molto diversa da quello attuale, eh ...

 

Per il titolo più vicino alla tabella hai ragione. Però, piuttosto che attaccarlo, forse avrei dovuto aumentare il margine verso l'alto, in modo da "staccarlo" di più.

Edited by Freank

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites

  Quote

 

 

Però, piuttosto che attaccarlo, forse avrei dovuto aumentare il margine verso l'alto, in modo da "staccarlo" di più.

 

 

No.

 

 

Se lo fai significa che non hai capito una bega di quel che ti ho scritto, ma proprio proprio alla radice.

Ergo io quitto da sto topic.

Deviantart

ElfGamesWorks Forum

My adventure game
Little Briar Rose

Altri progetti: Oh! I'm Getting Taller! / Il pifferaio di Hamelin

I miei Fumetti: Folletto Vs Nenè / A.s.D. / A.s.D.2

http://www.rpg2s.net/img/fablecontest1st.pnghttp://rpg2s.net/gif/SCContest3Oct.gif http://i43.tinypic.com/1zokd2s.png http://i.imgur.com/qRfaRqE.png http://i43.tinypic.com/eger81.gifhttp://i.imgur.com/BEu6G.gifhttp://i43.tinypic.com/eger81.gif

Un sogno nel cassetto...

 

  Reveal hidden contents

 

Citaziò!

 

  Reveal hidden contents

 


Scheda di Zuppo Del'Oquie

  Reveal hidden contents

 

Link to comment
Share on other sites

  On 10/5/2015 at 6:52 PM, Flame said:

 

 

No.

 

 

Se lo fai significa che non hai capito una bega di quel che ti ho scritto, ma proprio proprio alla radice.

Ergo io quitto da sto topic.

 

XD

Ma no aspè, forse mi sono espresso male io. Con "staccarlo di più" aumentando il margine intendevo che così il titolo si stacca dalla tabella che sta in alto e si dividono meglio le varie aree.

In questo modo il titolo è collegato con ciò che sta sotto (al quale si riferisce) e staccato dall'altra area che sta sopra.

Effettivamente dire aumento il margine è un pò equivoco.

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites

io non leggo nessuna parola "unire con il contenuto sotto", quindi per me nella tua testa resta sempre e comunque una barra volante, distanziata da cose in maniera diversa, ma sempre una barra solitaria.

 

Capisci perchè piango lacrime, jhonny? T_T

Deviantart

ElfGamesWorks Forum

My adventure game
Little Briar Rose

Altri progetti: Oh! I'm Getting Taller! / Il pifferaio di Hamelin

I miei Fumetti: Folletto Vs Nenè / A.s.D. / A.s.D.2

http://www.rpg2s.net/img/fablecontest1st.pnghttp://rpg2s.net/gif/SCContest3Oct.gif http://i43.tinypic.com/1zokd2s.png http://i.imgur.com/qRfaRqE.png http://i43.tinypic.com/eger81.gifhttp://i.imgur.com/BEu6G.gifhttp://i43.tinypic.com/eger81.gif

Un sogno nel cassetto...

 

  Reveal hidden contents

 

Citaziò!

 

  Reveal hidden contents

 


Scheda di Zuppo Del'Oquie

  Reveal hidden contents

 

Link to comment
Share on other sites

Inutile parlarne, tanto comando io qui u.u (e al massimo Pro).

 

Il massimo delle modifiche che posso concedervi è la rivisitazione del CSS, quindi perlopiù colori, dimensioni barre, icone, e immagini/sfondi. basatevi su questo, perchè tutto il resto è un lavoraccio, in particolare rimodificare tutti i template con le nostre modifiche ;_;

Membro Segreto della
Vecchia Guardia del Making [Gif in fase di reload]


SCContest1Oct.gif
gifnatale1.pnggifnatale12.png

Link to comment
Share on other sites

  Quote

 

Inutile parlarne, tanto comando io qui u.u (e al massimo Pro).

Finché non avremo i soldiiii!!!!

 

  Quote

 

massimo delle modifiche che posso concedervi è la rivisitazione del CSS, quindi perlopiù colori, dimensioni barre, icone, e immagini/sfondi. basatevi su questo, perchè tutto il resto è un lavoraccio, in particolare rimodificare tutti i template con le nostre modifiche ;_;

Alla fine per la skin questo ci vorrebbe, le altre cose le abbiamo sistemate piano piano col tempo e non sono troppo vecchie.

^ ^

(\_/)
(^ ^) <----coniglietto rosso, me!
(> <)


Il mio Tumblr dove seguire i miei progetti, i progetti della Reverie : : Project ^ ^

http://i.imgur.com/KdUDtQt.png disponibile su Google Play, qui i dettagli! ^ ^

http://i.imgur.com/FwnGMI3.png completo! Giocabile online, qui i dettagli! ^ ^

REVERIE : : RENDEZVOUS (In allenamento per apprendere le buone arti prima di cominciarlo per bene ^ ^) Trovate i dettagli qui insieme alla mia intervista (non utilizzerò più rpgmaker) ^ ^

  Reveal hidden contents

 

Link to comment
Share on other sites

  On 10/6/2015 at 12:24 PM, Dax said:

Il massimo delle modifiche che posso concedervi è la rivisitazione del CSS

 

Penso sia più che sufficiente alla fine. Anzi, penso sia la cosa migliore, a me il forum, come strutturato ora, non dispiace.

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...