Fan-made champion Select interface :))) Hope you like it !

DOPE LUX FLEXING·5/22/2015, 10:53:16 AM·487 votes·62,608 views

Fan-made champion Select interface :))) Hope you like it ! Here's another update from InFlames & Kindlejack thanks ^^ ! http://i.imgur.com/xNWOriy.png

239 Comments

RiotKindlejack5/23/2015, 11:49:36 PM65 votes

Nice! You don't have to stick with the current layout though, I'm sure there's a better option. Is there any way to show all the champions at once so there's no need for a scroll bar? Or would that be too crazy. Is the technology there? I don't know. Maybe when we all have oculus rifts you'll be standing in a crowded room and have to push champions aside while frantically searching for the one you want to play. Or they'll be floating heads surrounding you crying out 'Pick me! Pick me! Or teeny mouse sized in a big fish tank and you pick out the one you want like goldfish. A dark abyss stands before you and you call out the champions name then play your flute-dagger like Green Ranger and it summons them from the void?

Looks really slick UI wise. I'd love to see alternate art of champions looking sad that shows up when they get banned >:P

Vier5/22/2015, 1:58:11 PM52 votes

Really nice, very well done! Just curious where the names of allies would be? Also the Summoner 1-5 for the enemy (or is that not needed?)

ZJnTbuxsKX5/22/2015, 4:15:06 PM30 votes

I dunno, from a design perspective it has a LOT of wasted space, I'd much rather have functionality and efficiency in a champ select design over subjective attractiveness. Of course this is all my personal opinion as I do not visually like it, I'm not a fan of the design itself, nor the layout they have chosen.

Let us take a look at space usage(Keep in mind these aren't 100% accurate as I only quickly sliced the image into rectangular shapes, but for arguments sake it is still relevant).

Overall Pixel Count : 256,000

Champion Selection Area: 37,812 (14.7%) Picked Champions Area: 92,976 (36.3%) Chat Area: 29,197 (11.4%)

Other areas being Rune/Mastery Selection, Bans, Random Champ portrait next to Rune/Mastery Selection. My question is this, why does the Picked Champion Area overshadow the most important visual of Champ select by over 2x.

Again, this is purely my opinion, and my opinion alone.

HolowHall of Hal5/22/2015, 2:22:50 PM20 votes

'I main hookers' What a slut

supes the lost5/22/2015, 12:54:14 PM19 votes

I love this, it looks like a fighting game roster.

Daen5/22/2015, 4:34:29 PM9 votes

I really love the design, it's quite pretty.

That being said, I think something like this could only really work if the client could be fullscreen; there is a ton of space being taken up by those champion portraits, and the champion selection box really suffers because of it. There's also a lot going on with the interface here and it could potentially be a bit distracting,

Basically, from a UI perspective it's beautiful. From a UX perspective it needs some work, namely with sizing and maybe bringing out the middle rather than making the sides stand out so dramatically. There is also a significant amount of empty space where the champion selection box curves upward at the bottom, on each side; this makes the box look even smaller than the space affords.

In this remake there are 8 champions displayed horizontally rather than the 10 displayed in live, with the same four rows. This is 32 champions displayed at once rather than 40, which is effectively a 20% reduction in usability.

One other question: If Riot were to increase the number of bans, where would this fit into the UI rework you have designed? The current implementation has space built into the UI for another two bans on each side (for a total of ten bans) if needed.

Edit: This just occurred to me, where is the Lock In button?

Sky Shadow5/22/2015, 9:23:07 PM8 votes

I love the design and think this is an AWESOME Champion Select screen!

But under the sleek new look and polish, I can see some flaws and if you don't mind, I'll write some feedback that I believe could greatly improve it.


  1. It needs to have the Summoner Names under the splash arts to see who picked what champion and who is talking.

  2. The 'lock in' button is just a picture of the champion so for new players, I can see them being really confused as to where it is. I think it should actually say 'lock in' and be on the right side where it's always been for clarity.

  3. The Annie splash art being mirrored really triggers my inner OCD. I really don't like it.

  4. The bans should really need labelled. Leaving them unlabelled like that for veteran players is fine, but once again. Someone who doesn't play this regularly or spectates wouldn't know what that is.

  5. The Blue and Red side need to be more pronounced. You can barely tell what side you're going to be on and for some color blind people, the background for the sides looks the same.

  6. This is just a request mostly, but it would be really cool if we could get a 'select ward skin' button.


Other than that. This is an extremely well done Champion Select screen. I hope that Riot will implement something that looks like this.

RussoRed5/22/2015, 11:34:16 AM6 votes

just one question why is annie the only one thats backward

Melledoneus5/22/2015, 2:19:23 PM6 votes

Riot, you just found a potential graphic designer.

Rootworth5/22/2015, 5:53:11 PM5 votes

Too flashy and fatty. Needs to be simple and sleek.

Curling Veigar5/22/2015, 6:22:50 PM5 votes

what retards leave gragas and sejuani unbanned?

Kaipop5/23/2015, 8:14:47 PM3 votes

You can't see enemy summoner spells in champion select.

Cantrip5/22/2015, 3:34:32 PM3 votes

The only thing I'd change is the summoner spell position, needs to be horizontal for clarity on which key I'm binding it to. Other than that, I'd love to see something as slick as this! +1

LOL Spammer5/22/2015, 7:38:02 PM3 votes

"I main hookers" shakes head and sighs quietly

MFTORANK15/23/2015, 4:21:14 PM2 votes

I want this in the game ASAP great job

MarhsallLee675/23/2015, 5:19:50 PM2 votes

Shout-out to the hooker main in the chat.

Decrous5/23/2015, 5:40:45 PM2 votes

Looks good, very modern looking compared to what we have now. could use some tweaking though with maybe the bans and size of the champion pictures (I fail at spelling the word) and the size of the masteries/runes. That's just my opinion.

Digielf5/22/2015, 3:20:34 PM2 votes

Yes the one that we have right now is terribly old Riot are sad virgin nerds who cant even make an interface

Freddi kun5/24/2015, 1:17:12 AM2 votes

I WANT IT (╯°□°)╯︵ ┻━┻

InFlames5/24/2015, 11:51:21 PM2 votes

I'm the original creator of this mockup. It seems to have been reuploaded, for better quality here's the PNG with some changes (tentative) http://i.imgur.com/xNWOriy.png

AMYS GRAVE5/22/2015, 5:23:11 PM2 votes

Its missing summoner names by the champions being picked, so i can see in chat that inflames has a "mid or adc pref" but i don't know where they are in pick order.

Other than that i think this is great, very well put together.

YOURGE3009/1/2015, 2:16:08 AM2 votes

THIS IS THE COOLEST THING I'VE EVER SEEN, PLEASE WE NEED THIS, IM HAVING AN ORGASM AND AM CURRENTLY MASTERBATING JUST LOOKING AT IT <3

AsheGetsGanked5/23/2015, 2:58:54 AM2 votes

could use some tweaking, but I like this a lot better than what we have now. Looks badass!

Maliginant5/23/2015, 8:18:38 AM2 votes

Was this done in Photoshop or is this a fully functional interface which you made? If it's the later, in the name of awesome things, could you please make it available for download.

shejkou5/23/2015, 9:54:24 AM2 votes

Riot can we have it?:DDD

Vento Âureo5/23/2015, 12:01:41 PM2 votes

pls riot create this wonderful champ select this would be perfect to evryone Braum Braum