EE Mobile Material Design Concept

Joshua708 · 2016-06-24 01:26:25

I have been really inactive in the Everybody Edits community lately, but more active in graphics design. I've been studying google's "material design" because it looked cool, I decided to make an everybody edits concept.
This one is the Games Lobby (because it'd have stuff like Campaigns Lobby, My Games, etc.) but I'll probably add more.
Sorry if I forgot any of the material design rules, I tried my best to follow them.
Here it is!

▼Gold Membership Games Lobby (Update V3 probably final)

▼Normal Games Lobby

▼Normal Games Lobby w/ Signature EE Design (Update V1)

I know this is a little far-fetched because EE Mobile isn't even done yet, and UI designing will take a while.
By the way, this is a gold membership lobby, normal lobby I'll upload later on this page when I finish it.
Any ideas for settings? Like dark theme and normal user theme (because some people won't like gold theme) exclusive to gold members?
Post ideas & issues below please!

Zoey2070, Koya, TaskManager, Hexagon, Xfrogman43, AmdS, SirJosh3917, kubapolish, Jedpogi, Wizard2002, Benje00, Weirdoverse, Raon, Kirby, Stagecrew, skullz17, W24

Koya · 2016-06-24 01:31:48

Nice, it doesn't however suit the EE design - the blocks are not even close to material design;

▼Comments on your material design

I'm a flat design fan myself

Joshua708 · 2016-06-24 01:35:47

@Koya Thanks for those suggestions! I have just been going off the color page, I can improve on anything as long as it dosen't break the rules. I'll go ahead and try improving there.

Koya · 2016-06-24 01:38:24

Joshua708 wrote:

@Koya Thanks for those suggestions! I have just been going off the color page, I can improve on anything as long as it dosen't break the rules. I'll go ahead and try improving there.

I made this easier-to-navigate material colour page when I liked material design, you might find it handy: http://color.finnthewebdesigner.com/

-

I have changed my mind on this idea, if it goes mobile it may need a radical change to improve usability even if it goes away from desktop/laptop UI design.

Joshua708 · 2016-06-24 01:45:16

@Koya I updated the image, and if you want the radical changes, I could go ahead and work on those too, might take me a while though, just tell me what I need to do.
I ramble too much

Koya · 2016-06-24 01:56:36

Joshua708 wrote:

@Koya I updated the image, and if you want the radical changes, I could go ahead and work on those too, might take me a while though, just tell me what I need to do.
I ramble too much

It'd be cool to see the lobby in a material design if you're up for that but you shouldn't be looking for what to do from me (I might make a flat design version*). The changes you made look great.

*Edit: and I did http://forums.everybodyedits.com/viewtopic.php?id=35440

Joshua708 · 2016-06-24 14:45:02

@Koya
I agree, the lobby would be nice in material design, but we could go for a less material-design approach in the actual game, the main reason why I want it to be material design is because it seems to be the main standard for mobile apps.

I like flat design too, but it doesn't look pretty on mobile to me, It's better on PC.

shadowda · 2016-06-24 19:18:28

the color set is way off.

Kirby · 2016-06-24 19:32:08

Colors should be more ee lobby like, dark gray BG, orange, green, ee font. This doesn't look connected to EE in any way atm

shadowda, N1KF, rgl32, kubapolish

Joshua708 · 2016-06-24 20:32:53

@Kirby material design limitations -sigh- The fonts cant be changed from Roboto, and I wanted to make dark theme a gold membership exclusive, I wanted this to be special.

@shadowda deal with it

N1KF · 2016-06-24 21:49:11

Joshua708 wrote:

@Koya
I agree, the lobby would be nice in material design, but we could go for a less material-design approach in the actual game, the main reason why I want it to be material design is because it seems to be the main standard for mobile apps.

While this better than some minimalist designs I've seen for the game (having some depth rather than looking like a bunch of stickers on a piece of paper), I feel like this is a week explanation. Just because something is "standard" does not mean it is good. What is "standard" changes back and forth every few years/decades, so evidently, there is no good "standard". If the game tries to be "standard", it will not be unique in any way. It also makes the theme of the game inconsistent, with the PC version looking inspired by an old video game with a phone application that looks all "modern". Additionally, there is less personality and variety to it. Why did you make the energy and gem icons blue outlines? Why not have actual icons? The unique quirks that the original game design had seem to be lost here. Overall, I think this is the wrong way of going about it.

Joshua708 · 2016-06-25 01:19:14

N1KF wrote:

While this better than some minimalist designs I've seen for the game (having some depth rather than looking like a bunch of stickers on a piece of paper), I feel like this is a week explanation. Just because something is "standard" does not mean it is good. What is "standard" changes back and forth every few years/decades, so evidently, there is no good "standard". If the game tries to be "standard", it will not be unique in any way. It also makes the theme of the game inconsistent, with the PC version looking inspired by an old video game with a phone application that looks all "modern". Additionally, there is less personality and variety to it. Why did you make the energy and gem icons blue outlines? Why not have actual icons? The unique quirks that the original game design had seem to be lost here. Overall, I think this is the wrong way of going about it.

Thanks for letting me know, but let me explain the reason this design is the way it is. Okay, First off I wanted to stick AS much to the "standards" as I could, it's been in most apps I've used. I was using the main accent colors across the page mainly, play buttons, menubar buttons, energy and
gem icons. I wanted to stick to material design. Actual icons I have tried, they look horrible in this design. I also tried the Everybody Edits font and it didn't look good in any way, trying to change this design to a more everybody edits design would take hours of trying to fit both Google's and the EE design standards into an image. Overall, I don't think it's worth the time to change the design standard of this, I've had a lot of good woots on my post- namely Zoey2070, Koya, maxi123, Hexagon, Xfrogman43, AmdS, ninjasupeatsninja and Kubapolish. A lot of the big designers in the EE like this (like AmdS and Hexagon) and I don't want to ruin their big dream of this becoming the EE design, I've spent a lot of time using Gimp and having a lot of sorting folders and layers, moving the cards was hell (when I made the 2nd card) because in Gimp you can't move a whole folder layer sadly. I wanted people (including the Everybody Edits team) to like this design and maybe even use it, I hope you understand how long it takes to design (this has taken about 1 day to make)

Sorry for rambling, I tend to do that alot

Joshua708 · 2016-08-10 18:21:21

bump pls we need this

Official Everybody Edits Forums

#1 2016-06-24 01:26:25, last edited by Joshua708 (2016-06-26 23:18:41)

EE Mobile Material Design Concept

#2 2016-06-24 01:31:48, last edited by Koya (2016-06-24 01:32:18)

Re: EE Mobile Material Design Concept

#3 2016-06-24 01:35:47

Re: EE Mobile Material Design Concept

#4 2016-06-24 01:38:24

Re: EE Mobile Material Design Concept

#5 2016-06-24 01:45:16

Re: EE Mobile Material Design Concept

#6 2016-06-24 01:56:36, last edited by Koya (2016-07-08 06:02:15)

Re: EE Mobile Material Design Concept

#7 2016-06-24 14:45:02

Re: EE Mobile Material Design Concept

#8 2016-06-24 19:18:28

Re: EE Mobile Material Design Concept

#9 2016-06-24 19:32:08

Re: EE Mobile Material Design Concept

#10 2016-06-24 20:32:53, last edited by Joshua708 (2016-06-24 20:36:44)

Re: EE Mobile Material Design Concept

#11 2016-06-24 21:49:11

Re: EE Mobile Material Design Concept

#12 2016-06-25 01:19:14, last edited by Joshua708 (2016-06-25 01:22:33)

Re: EE Mobile Material Design Concept

#13 2016-08-10 18:21:21

Re: EE Mobile Material Design Concept

Board footer