Launcher and LOL Client Design Problems

Sonatria·8/29/2014, 7:09:23 AM·1 votes·869 views

Firstly, to start off, I really love the new design aesthetic, I really dig the grid you're working with, but there are a few issues with them, that, while it may seem minor to some people, will make it feel a lot more finished.

The Launcher; The rectangle holding free champion rotations, it's above rectangle, the patch notes rectangle and the far right one do not line up properly. The patch notes is slightly lower down making the space between panels larger and the corner not line up with the rectangle across from it. ~Also, all of the information holding rectangles are not centered, leaving a slightly larger amount of space on the left-hand side of the launcher than on the right-hand side. ~The upper right-hand corner text&minimize/close/preferences icons don't all line up, and feels awkward because of it. It would be nicer if the icons were shifted to the left to have the right edge of the text align with the right-hand edge of the close icon making them better match the aesthetics of every other element on the page; leaving a margin on each side that is free of content.

The client home page; "The rising challengers" information box doesn't seem to quite line up with the "Azir Revealed rectangle above", causing what appears to be a slightly larger amount of space between the rising challenger's box and the ranked draft one to it's right. ~Because the new design is playing up a symmetrical theme using squares, it would be good to center the play button (perhaps it already is and I'm incorrect here, but it looks off center). After centering, if it isn't already, then moving the interface icons along the top over to the left maintaining the same spacing but making sure the minimize and close functional buttons in the upper right are within the margins that the other elements in the client have created. ~Within those functional icon/buttons the "store" "profile" and "help/?" ones are not centered horizontally. ~the functional "notification" and "messaging" buttons in the bottom right are also not centered (vertically), and need to be slightly lowered to better match the "friends" button which also appears to be slightly too high and thus needing centering as well.

Great job on the new design, it's really awesome. I may not be totally accurate with the problems I'm seeing, but I know there are problems with the things I mentioned, so please take a look at them, and revisit your grid to tighten things up :)

0 Comments