Jump to content
LaunchBox Community Forums

COLORFUL bigbox theme


Recommended Posts

Hey all!

The best observations have already been made.
I didn't like the side images on PlatformWheel3FiltersView. Perhaps using logos may be more intuitive, but the layout itself is not bad. If you adopt images there, a selection rectangle may look good or leave unselected items more opaque.
For TextGamesView, I think separating the screen into two parts was very nice idea. It is interesting to think about the disposition of the information in a way that does not get ugly if there is no game box available.
HorizontalWheel2GamesView is very beautiful. Just take care of very big names, as already mentioned
And, please include Xbox / PS4 /Switch button layout for navigation.

Link to post
Share on other sites
  • Replies 475
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

COLORFUL bigbox theme View File # WHAT IS COLORFUL MEDIA SET ? COLORFUL is a complete and coherent high quality graphic set, around a unique design. Made with l

Good morning all ! Happy new year and best wishes for this new year! 🍾 It's back to work for me today. And as promised, I started to work on the dark version so requested! Here a preview:I hope y

To celebrate this new year, here is a little preview of the next Platform View! Only limitation, this view only works well with my video set ... Really colorful! I hope you like it 😘

Posted Images

The mockups are PHENOMENAL! I generally agree with the arrow comments, but I don't mind the contrast of the buttons on the platform wheel view - the theme IS named Colorful, after all.

I agree with your hunch that the white border doesn't look as good as the solid red. Solid red looks really clean when there are no white box elements, I think it looks great.

Can't wait to see these put into practice. So good.

Edited by darkaegis
  • Like 1
Link to post
Share on other sites
On 4/9/2021 at 11:55 AM, thimolor said:

I like this: PlatformWheel4FiltersView. It has nice contrast and those platform images are really nice. I'm not sure about the small platform images in the wheel. They might get too small to identify the different systems from each other. Use logos, simpler custom banners or text instead?

 

Seconding this. Love the look, the concept, and the layout, but unless the platform images are immediately distinguishable from one another on a large screen, I'd choose a different route. That said, everything else looks great! Really digging the game views. Simple, uncluttered. 

I often have (had, pre-pandemic haha) a lot of folks over for gaming that aren't used to tech interfaces or using controllers to navigate them. So layouts where navigation to the next/previous game/platform is simple and clear from a glance are things I'll always root for. Which both Colorful and dirtyOld IMO do best out of all themes.

Link to post
Share on other sites
Posted (edited)

OK guys!
Mokup update for next view ;)
It's slowly refined!

 

HorizontalWheel1GamesView
I really like this one. Super simple, elegant, no video or parasitic info. Some micro adjustments for this version.
For feasibility, it remains to check how the "new wheel" handles with high resolution BoxArt!
LIGHT_HorizontalWheel1GamesView.thumb.jpg.9109da758a5ece2c9bcb2b58acbd5697.jpg

 

HorizontalWheel2GamesView
Test by off-center the horizontal wheel. From my point of view, there is still too much info displayed on this view. But the graphics balance looks good.
Your opinion? Adjustments must to be made on the buttons I think.
No technical difficulty here... if I can do what I hope with the new wheel. ;)
LIGHT_HorizontalWheel2GamesView.thumb.jpg.16b0959c93e19a33af78de14deb0545e.jpg

 

PlatformWheel3FiltersView
I still don't like it, but here a new version of the wheel. What do you think ? It's better, but not very elegant.
LIGHT_PlatformWheel3FiltersView.thumb.jpg.cf2034ec25b4508efed03dfd33505965.jpg

 

PlatformWheel4FiltersView
You are right. Hardware alone is not self-explanatory.
I did this test with ClearLogo with square ratio. It's really not great. It's too graphically inconsistent between each logo.
I'm not sure how to do this here ... Maybe just like the PlatformWhel3Filter (?)
(reminder: this is NOT a video on this view, but my next Banner set)
Or ... no visible wheel. I mean, the big picture IS the wheel ??
LIGHT_PlatformWheel4FiltersView.thumb.jpg.e5df3e9a864ebc91d5a6011a1bf3d33d.jpg

 

 

 

OK, nowGame Detail View.
As a reminder, I try to limit the information display on GamesSelectionViews. So in this case, GameDetailView is very important!
In BigBox, there can only be one. For me the most difficult view to design. Help me !  ;)

 

TextGamesView (v1)
Thank you for your advice! So I kept the concept and let it all breathe!
TextGamesView.thumb.jpg.cc4a55ddf0dc45d8070d33c3c88456f1.jpg

 

TextGamesView (v2)
OK, something different. I dont like at all ! :/ Trach (?)
On the left, the big picture is the video. Below, the BoxArt and 2 Gameplay images.
In the background, a blurred FanArt or GamePlay.
TextGamesView_v2.thumb.jpg.545e7f25052acb1c25537283fae628b4.jpg

 

TextGamesView (v3)
I like this one !! The video area (bottom right) is in 16: 9 format. If the ratio is different, I use a blurred gameplay image for the background.
There is only this damn text list (Play, rating ...) that I don't know what to do with! Here, the idea would be to keep the button's graphic and scroll in front of the text. Technically, I'm not sure I can do it.
 @Jason Carr @Grila do you know a trick to turn this list into a button? xD
TextGamesView_v3-1.thumb.jpg.75fb2f24b0e4598ed130e59618aa683d.jpg
And a test with large BoxArt and 16:9 gameplay video:
TextGamesView_v3-2.thumb.jpg.4b8498c68f4c6909f965a8d2e8b0a5a1.jpg

 

For the grids, I need to mature my designs. Next time !

Your turn !!!!! =)

 

 

Edited by viking
  • Like 2
  • Game On 1
Link to post
Share on other sites

On the platform view, what if the logos were kept, and the darkened hardware images removed...but the square backgrounds colors behind them were kept as well without the darkening? That way, the design would remain unified around the square color boxes. Which might make the various logo designs still feel unified as well. But without the added clutter of the hardware behind the logos. Maybe with a touch more padding on the right/left margins so the clear logos have a little room to breathe. Just throwing out ideas!

That game details pages look fantastic! With the one you mentioned not liking, for me the only issue is the background image cluttering up the left side of the screen. is it possible to change the blurred background image into a solid color instead, like the other details page has? Maybe have a soft white outline around the screenshots if there's too much blending between the color and the screens. Really digging that layout!

Edited by shadowblind
  • Thanks 1
Link to post
Share on other sites

I still have a little time! Here are some updated mokup:

PlatformWheel3FiltersView
As requested, a test with a colored background. I'm still not convinced. Or with a custom ClearLogo set (like full white). But I want my designs to work as well as possible with basic media.
LIGHT_PlatformWheel3FiltersView.thumb.jpg.dd0f33ffac8f51d589808f7844395ef0.jpg

 

PlatformWheel4FiltersView
Still without video, the main image becomes the wheel. I like it but very (too?) simple.
LIGHT_PlatformWheel4FiltersView.thumb.jpg.b1c8e17b0f7d1fab3031aa703313884b.jpg

 

HorizontalWheel1GamesView
This one, I like it a lot. I'll try to develop it like this! Validated for me =)
LIGHT_HorizontalWheel1GamesView.thumb.jpg.e71c6cde38b28ce006b0e6d514400f27.jpg

 

HorizontalWheel2GamesView
On the same idea, a variant with the CD / cartridge. I like the idea, but it remains to be tested depending on the media and the ratio of the boxes. Not sure at all that it works as I hope!
LIGHT_HorizontalWheel2GamesView.thumb.jpg.98e80cb54c871560aad39daffd86961d.jpg

 

HorizontalWheel3GamesView
Minor buttons adjustment. I don't think I'm far from validation. What do you think ?
LIGHT_HorizontalWheel3GamesView.thumb.jpg.aa6413a4fe916d7338a6a2b54d5854a3.jpg

 

TextGamesView v1
Minor adjustment of buttons. I am no longer sure. The following 2 work better, don't they?
As a reminder, I can only have ONE by theme !!
TextGamesView.thumb.jpg.73885c6d01ebba6466bbca7a2786beb3.jpg

 

TextGamesView v2
Total overhaul since yesterday's v2. I like. What do you think ? 
The BoxArt always keeps this height and extends to the left according to its ratio.
I think she might be perfect for a big TV!
TextGamesView_v2.thumb.jpg.dd89cbd6b4c394e686a29724b68eb300.jpg

 

TextGamesView v3
Some button adjustments. But I'm starting to prefer v2 now! xD
TextGamesView_v3.thumb.jpg.be73ca16a89041d325ba31eb4d26314f.jpg

 

And a quick test around the grid.
Based on POC theme density:
Wall4GamesView.thumb.jpg.d581d198c47687747b20a37108489817.jpg

And with more room and title :
Wall3GamesView.thumb.jpg.29bcf03a5c9abec80a5d073033b01775.jpg

 

It's your turn !

  • Like 3
  • Unusual Gem 1
Link to post
Share on other sites

Hi Bro!

I liked everything, except for TextGamesView v2. It only makes sense when the box game fills its entire space, which would be impossible with the various existing media measures. Have you ever thought about creating something with a smaller video window in the upper central part of the screen?

HorizontalWheel2GamesView can be a success if theme can use its own templates and, if any game did not have an art, use a generic one.

Another detail can be considered for the whole theme is to try not to hide the entire scroll menu:
Screenshot_1.png

Another thing I always thought it should be: why can't any existing themes always start with a welcome screen, followed by a category? It would be possible ?
Man, I always found it strange, starts directly on some platform ...🤨

Edited by soqueroeu
  • Thanks 1
Link to post
Share on other sites

Still not sure about platform3. Too much going on. Might try removing the background colors from the scroll wheel, and just keeping the grey + clear logo? That would reduce clashing.

I like where you were heading with this:

LIGHT_PlatformWheel4FiltersView.thumb.jpg.cdf55e11ae004ee9a4ddb26d653648de.jpg.5a8664e50d6b883ea8e739a23dfc8df2.jpg

If you change the green button to red like in the recent platform4, then maybe remove the duplicate image of the selected console on the right, then replace it with arrows maybe that could work?

You could also play with the size of the images in the scroll wheel, make them larger and show less of them in both directions.

Just thinking out loud.

  • Thanks 1
Link to post
Share on other sites
Posted (edited)
4 hours ago, zetec-s-joe said:

If box to cart/dissc ratio size can be per system, then  this would be so good

LIGHT_HorizontalWheel2GamesView.thumb.jpg.98e80cb54c871560aad39daffd86961d.jpg

No chance. Sorry! I'm already having trouble finding the time to do whatever I want for Colorful. So develop 1 view for 1 platform ...
But you are right. This is the only way to control the effect. I would do some code testing, but if it doesn't work, I forget it.

1 hour ago, soqueroeu said:

Hi Bro!

I liked everything, except for TextGamesView v2. It only makes sense when the box game fills its entire space, which would be impossible with the various existing media measures. Have you ever thought about creating something with a smaller video window in the upper central part of the screen?

HorizontalWheel2GamesView can be a success if theme can use its own templates and, if any game did not have an art, use a generic one.

Another detail can be considered for the whole theme is to try not to hide the entire scroll menu:
Screenshot_1.png

Another thing I always thought it should be: why can't any existing themes always start with a welcome screen, followed by a category? It would be possible ?
Man, I always found it strange, starts directly on some platform ...🤨

This is the whole principle of this TextGameView v2. Cut it into 4 areas, with a diagonal loaded and a diagonal light.
Displayed small on a PC screen, it does not work well. But in full screen on a 50 "TV, I think so. I hope so!
About the button, that's what I'm looking for: hide the list and tinker with it to make it feel like a button. It is not perfect. I don't even know if I'll be able to code this. But it is a possible solution.
There is too much different data to display for me to get everything integrated in an elegant and airy way. I don't want anything too heavy.
The list is unnecessary. I'm trying to replace it. Ideally, by buttons. But I don't know if it's possible or how to do it. Ideas ?

HorizontalWheel2GamesView. 
Yes, ideally. But it's too long to create. The goal is to use the basic media that already exists. I try to do the minimum of custom asset. (except the video set, indeed!)

40 minutes ago, clockw3rk said:

Still not sure about platform3. Too much going on. Might try removing the background colors from the scroll wheel, and just keeping the grey + clear logo? That would reduce clashing.

I like where you were heading with this:

LIGHT_PlatformWheel4FiltersView.thumb.jpg.cdf55e11ae004ee9a4ddb26d653648de.jpg.5a8664e50d6b883ea8e739a23dfc8df2.jpg

If you change the green button to red like in the recent platform4, then maybe remove the duplicate image of the selected console on the right, then replace it with arrows maybe that could work?

You could also play with the size of the images in the scroll wheel, make them larger and show less of them in both directions.

Just thinking out loud.

Um, I don't know. It seems to me too loaded with graphically different elements. The ideal would be to use a ClearLogoSet all white or black. To have a graphic unit. But I'll never have the time to create it. I'll see if anyone has already done this on the forum. If so, it may be possible to integrate it into the theme. (according to its weight)

Good idea about the arrow. I'll give a try !

About the wheel item size, the problem is the square ratio of the images. So to increase their size = increase the width of the wheel. So shift the rest of the view to the left. So less readable by compression.

37 minutes ago, bbweiners said:

What if everything on the bottom of TextGamesView v2 gets centered.

um, no. It's not going to work here.

 

@Jason Carr Thx =)   I will do my best !
Do you have an idea or a way to replace the option list of the TextGamesView, by graphic buttons? With 2 states: selected or not? Like new wheel model ! 
(Yes, I believe in Santa Claus ^^ If I interpreted correctly the way you built the navigation in BigBox, it will be complicated !!)

 

 

EDIT :   Oh, and about the last 2 GRID views, we're going to have to choose between the 2 versions! Tight or ventilated grid? Vote!

Edited by viking
  • Like 1
Link to post
Share on other sites
1 hour ago, viking said:

@Jason Carr Thx 😃  I will do my best !
Do you have an idea or a way to replace the option list of the TextGamesView, by graphic buttons? With 2 states: selected or not? Like new wheel model ! 
(Yes, I believe in Santa Claus ^^ If I interpreted correctly the way you built the navigation in BigBox, it will be complicated !!)

Yes, I don't know of a way to replace the options list with graphic buttons for the TextGamesView, at least not without us programming a new version of the view, unfortunately. I will put that on my list though. :)

  • Like 1
  • Thanks 1
Link to post
Share on other sites

Thx all !

I must have explained badly about the grids: The choice is not on the background color. Not even on the title.
Just on the grid itself. Its style, its density, its feeling. ;)

Link to post
Share on other sites

OK OK OK. 
I think I will reach the goal. ^^    (Attention, big post)
But since it's a mess, I have prepared a summary image for you. A storyboard of colorful navigation. By the way, I updated the "old views". (font, style, fit ...)
The grids are side by side, because of similar design. Just the background color. Light/Dark or Colorful version. All will be develop.
storyboard.thumb.jpg.aaba9b066819206933d2d9d24e9a1f59.jpg

For me there is enough view for this v2. That covers quite a bit of possibility.
There remains the GameDetailView to validate because there can only be ONE by theme!

 

 

 

And so here is the complete selection of "final" design.
(except TextGamesView, I agree)

 

PlatformWheel4FiltersView
Minor adjustment. Version with no video. The wheel will be the same as the existing one for the Platform View. (a white overlay with Clear Logo)
LIGHT_PlatformWheel4FiltersView.thumb.jpg.298904a4b50da645a4379f81be42383d.jpg

 

HorizontalWheel1GamesView
Modification of the alphabetical fast access band. More elegant on the big screen and always visible.    I hope I can do that !!
I hope the wheel item quality will be good in this giant wheel in 4K.  =/
LIGHT_HorizontalWheel1GamesView.thumb.jpg.a8e501a0b6af6b1e11625c5cade6c1bd.jpg

 

HorizontalWheel2GamesView
Same as the previous one. But with a Cart/CD animation. I will try, but without guarantee.
LIGHT_HorizontalWheel2GamesView.thumb.jpg.b5f282aeee36813451dfe7e66483ef60.jpg

 

HorizontalWheel3GamesView
I like this one too. Not too much technical difficulty, except the wheel. I haven't tried to setup the new version yet =)
LIGHT_HorizontalWheel3GamesView.thumb.jpg.ac87da6e7b70419510f705a53e8239aa.jpg

 

WallGamesView & Wall2GamesView
I only put one picture for you. But there will be a light/dark background version. And a Colorful background version.
Wall2GamesView.thumb.jpg.0ceedde25db7b7b4f0be60d46dd610a8.jpg

 

Wall3GamesView & Wall4GamesView
I only put one picture for you. But there will be a light/dark background version. And a Colorful background version.
Wall4GamesView.thumb.jpg.ad7d4170f6c820b44ebad18501f684be.jpg

 

And now the 3 version of the TextGamesView. We will have to choose only 1 concept !!! To your VOTE!
Me, I spent too much time on it: I can't see anything anymore ...
A little mockup to make it easier to read in context :
Apple-TV-Shot-1.thumb.jpg.6f41dfc96102a449a4c1e7abfd027e40.jpg

And in detail

TextGamesView  v1
Minor adjustment to the option list.
TextGamesView.thumb.jpg.201e0d60ba094348e9149745c0484e27.jpg

 

TextGamesView  v2
Minor adjustment to the option list.
Redesign, taking into account your feedback. The video is centered whatever its ratio.
I preferred the one from yesterday personally ...
TextGamesView_v2.thumb.jpg.bd01eb26f7028f58eb325ff26c410791.jpg

 

TextGamesView  v3
No change.
TextGamesView_v3.thumb.jpg.1ce4a893e76949393a0ecb79f6f89656.jpg

 

I'll give you time to digest it all and give me your feedback!  =)

 

  • Like 2
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...