EE Complete UI Redesign [WIP : V1]

Koya · 2016-07-04 20:59:34

Please ignore this thread

I must stress that areas are missing and the stuff here is only draft quality,

<Zoey2070> i'm just saying, ee's art style looks dumb as <snip> w/ the unity menus or w/e
<Zoey2070> it's very 2010

So I'm sharing this before it is done to share what I think UnitEE should look like.

I am assuming that with Unity the resolution and medium is not restricted to tiny and computers.

I have also stuck in a load of features that I believe should be included, try and find them all.

▼misc

▼1920×1080

▼1366x768 (average small screen)

▼800x1280 (average phone)

Download Adobe Illustrator Project
View project as png
View project as svg (Note, the font won't work unless you have Lato on your computer)

TODO:
Add:
• Shop window (computer, phone)
• Campaigns window (computer, phone)
• News window (2k, computer, phone)
• Friends window (2k, computer, phone)
• Worlds window (2k, computer, phone)
• Inbox window (2k, computer, phone)
• Profile window (2k, computer, phone)
• Crew window (2k, computer, phone)
• Settings window (2k, computer, phone)
• Log out conformation
• Gem code errors [no code, claimed]
• Share link/ID
• Investigation
• Ban menus
• Undoubtedly more windows
• Login screen
• Crew overlay
Fix:
• Fix aliasing issue with text - removing hairline as a minimum and replacing it with thin
• Forgot 'Give God' and 'Give Edit' on the ingame player drop-down
• Crew diologue should say "Confirm" and not "Send"

Secret TODO list: add account & switch account. Game UI set-up for streamers and youtubers

Jesse, Zoey2070, some woman, Thanel, MBlood, Atikyne, Sensei1, TaskManager, Xfrogman43, Pingohits, Luka504, kubapolish, Onjit, Coolguy789t, Zumza, XxAtillaxX, jonhvictor2004sonic, Kkay, Weirdoverse, Kevin, TSF14, Jorc, Insanity, Krosis, Swarth100, RavaTroll, Freckleface, SirJosh3917, Dencc

Zoey2070 · 2016-07-04 21:18:59

i dig it. the font's pretty snazzy and i really like the "ingame" one with the block bar

pls ee adminz let this happen. with a setting to change the green even though it's very pretty

Koya, Jesse, SirJosh3917

2016-07-04 21:55:33

Looks awesome! But while I do love minimalistic design, it looks a bit overdone here. There should be more shadows and details, especially in elements like that gem icon.

Atikyne

Koya · 2016-07-04 22:02:32

0176 wrote:

Looks awesome! But while I do love minimalistic design, it looks a bit overdone here. There should be more shadows and details, especially in elements like that gem icon.

Yep, some details have been lost and things aren't exactly how I pictured them - compromising b/c of time

Atikyne · 2016-07-04 22:18:56

You beat me to it! I was going to work on something similar after the summer contest.

Opinions:
- As 0176 mentioned, everything shouldn't be so flat.
- The game area shouldn't expand beyond 40x30 blocks, as that would break many levels and give unfair advantages to some players; instead it should scale up the graphics.
- The smiley and block graphics will need changed to fit the new style.

Good work!

Koya · 2016-07-04 22:35:03

Kentiya wrote:

- As 0176 mentioned, everything shouldn't be so flat.

Yep yep, shadows

Kentiya wrote:

- The game area shouldn't expand beyond 40x30 blocks, as that would break many levels and give unfair advantages to some players; instead it should scale up the graphics.

I can't find the post but someone suggested blocks that obscure views so you can stop people from seeing past where they aren't meant to; I think it's better to sacrafice some time spent fixing a few worlds and then have a larger screen to play with.
Thank you Jesse: http://forums.everybodyedits.com/viewtopic.php?id=29339

Kentiya wrote:

- The smiley and block graphics will need changed to fit the new style.

If you're talking about HD EE - no

MartenM · 2016-07-04 23:07:41

It feels to much for a mobile phone thingy to me :/

Koya

Koya · 2016-07-04 23:09:20

MartenM wrote:

It feels to much for a mobile phone thingy to me :/

Yeah the small text for the worlds will be unreadable (would probably completely remove world author(s) and increase the stats size) - the idea of it though.

Yandax

Atikyne · 2016-07-04 23:15:54

Koya wrote:

Kentiya wrote:
- The smiley and block graphics will need changed to fit the new style.
If you're talking about HD EE - no

I mean improving blocks, and some smileys, to not look like the old and inconsistent graphics that they are (like the rest of the game does). It also includes making larger versions to work with keeping the game area 40x30B. Another reason to keep the game at 40x30B is that when the game is fullscreened, especially on large screens, 16x16 graphics just seems too small. At least for me.

Yandax · 2016-07-04 23:18:03

I like this a lot, the minimalist design is pretty great!
But: If you could make the text bigger for stuff like the amount of players online, it'd look better, and the makers of the level seems like a bit of unnecessary info (To me at least).

Koya · 2016-07-04 23:19:17

Kentiya wrote:

Koya wrote:
Kentiya wrote:
- The smiley and block graphics will need changed to fit the new style.
If you're talking about HD EE - no
I mean improving blocks, and some smileys, to not look like the old and inconsistent graphics that they are (like the rest of the game does). It also includes making larger versions to work with keeping the game area 40x30B. Another reason to keep the game at 40x30B is that when the game is fullscreened, especially on large screens, 16x16 graphics just seems too small. At least for me.

That's why I vote to not have a 40x30 restriction; when people join this game from Steam they aren't going to understand why the game won't play full screen at a decent resolution - this game isn't going to be restricted by flash or consumed mainly on websites, we need to move past these barriers you are suggesting.
Ben has a good idea for a vision blocker which will work better than how it is now.

TaskManager · 2016-07-04 23:25:43

wow thats pretty neat
could be a great ui design for a mobile version
wish we had a mobile version.
it seems a bit weird that you put "65 gems" in the middle for the phone view, makes that look like its the title/header of that menu

Koya · 2016-07-04 23:27:50

maxi123 wrote:

wow thats pretty neat
could be a great ui design for a mobile version
wish we had a mobile version.
it seems a bit weird that you put "65 gems" in the middle for the phone view, makes that look like its the title/header of that menu

True, I haven't actually looked at it on a mobile device yet so I don't know what it really looks like with surrounding context.

Xfrogman43 · 2016-07-05 00:24:22

Koya wrote:

Yeah the small text for the worlds will be unreadable (would probably completely remove world author(s) and increase the stats size) - the idea of it though.

Why IS the text so small? Can't you just base it off resolution? (in-game)

Pingohits · 2016-07-05 01:26:15

it's a work of art

however, the descriptions of the worlds and chat text in general is extraordinarily small
it is still readable, but one must strain their eyes in order to read it

also thanks for including me in that world preview

Koya

Napakeun · 2016-07-05 12:08:08

It's really nice, but my favorite redesign is Ben's.

MartenM

Koya · 2016-07-05 12:52:06

Napakeun wrote:

It's really nice, but my favorite redesign is Ben's.

His is too artsy, overused gradients and limited his game window to how it is now.
My aim is to make a usable responsive UI.

Pingohits

Anatoly · 2016-07-05 14:12:08

Zoey2070 wrote:

i dig it. the font's pretty snazzy and i really like the "ingame" one with the block bar
pls ee adminz let this happen. with a setting to change the green even though it's very pretty

A setting to switch between many themes like on the forums.

Koya

Coolguy789t · 2016-07-05 14:29:53

I love the simplistic UI. EE indeed needs to have a better GUI. I rarely woot but this one deserves a woot. ^.^

Details needs to be done though and I would love it if you added animations :O (make the image .GIF)

Koya · 2016-07-05 15:09:18

Coolguy789t wrote:

I love the simplistic UI. EE indeed needs to have a better GUI. I rarely woot but this one deserves a woot. ^.^
Details needs to be done though and I would love it if you added animations :O (make the image .GIF)

Animations does not equal good UI - but I will have a go at showing what going between pages should look like IMO

Zumza · 2016-07-05 16:01:06

Now, the EE Unity Design will be no surprise to me.
I shouldn't open the spoiler tags...

matthewapril15 · 2016-07-06 02:34:10

Koya not bad

Onjit · 2017-04-17 14:20:35

I'm just going to dig this up because I think it's pretty great and worth reconsidering for UnitEE etc (since there are different people working on it now)

Tomahawk · 2017-04-17 15:21:24

It looks very, very flat. I like the windows metro theme but this needs lots of shading.

Raon

Jorc · 2017-04-17 16:31:39

Why not adding more credit cards as mastercard,visa,american express and other? because there are might people struggling for buy gems but only have mastercard, it will be easy for money like i was new player and hated it when ee only add just one: ''paypal''. and i dont have choice but to give up

Official Everybody Edits Forums

#1 2016-07-04 20:59:34, last edited by Koya (2017-04-18 16:36:22)

EE Complete UI Redesign [WIP : V1]

Please ignore this thread

TODO:

#2 2016-07-04 21:18:59

Re: EE Complete UI Redesign [WIP : V1]

#3 2016-07-04 21:55:33

Re: EE Complete UI Redesign [WIP : V1]

#4 2016-07-04 22:02:32, last edited by Koya (2016-07-04 22:04:06)

Re: EE Complete UI Redesign [WIP : V1]

#5 2016-07-04 22:18:56

Re: EE Complete UI Redesign [WIP : V1]

#6 2016-07-04 22:35:03, last edited by Koya (2016-07-04 22:46:35)

Re: EE Complete UI Redesign [WIP : V1]

#7 2016-07-04 23:07:41

Re: EE Complete UI Redesign [WIP : V1]

#8 2016-07-04 23:09:20

Re: EE Complete UI Redesign [WIP : V1]

#9 2016-07-04 23:15:54

Re: EE Complete UI Redesign [WIP : V1]

#10 2016-07-04 23:18:03

Re: EE Complete UI Redesign [WIP : V1]

#11 2016-07-04 23:19:17

Re: EE Complete UI Redesign [WIP : V1]

#12 2016-07-04 23:25:43

Re: EE Complete UI Redesign [WIP : V1]

#13 2016-07-04 23:27:50

Re: EE Complete UI Redesign [WIP : V1]

#14 2016-07-05 00:24:22

Re: EE Complete UI Redesign [WIP : V1]

#15 2016-07-05 01:26:15

Re: EE Complete UI Redesign [WIP : V1]

#16 2016-07-05 12:08:08

Re: EE Complete UI Redesign [WIP : V1]

#17 2016-07-05 12:52:06

Re: EE Complete UI Redesign [WIP : V1]

#18 2016-07-05 14:12:08

Re: EE Complete UI Redesign [WIP : V1]

#19 2016-07-05 14:29:53

Re: EE Complete UI Redesign [WIP : V1]

#20 2016-07-05 15:09:18

Re: EE Complete UI Redesign [WIP : V1]

#21 2016-07-05 16:01:06

Re: EE Complete UI Redesign [WIP : V1]

#22 2016-07-06 02:34:10

Re: EE Complete UI Redesign [WIP : V1]

#23 2017-04-17 14:20:35

Re: EE Complete UI Redesign [WIP : V1]

#24 2017-04-17 15:21:24

Re: EE Complete UI Redesign [WIP : V1]

#25 2017-04-17 16:31:39

Re: EE Complete UI Redesign [WIP : V1]

Board footer