Io - New Theme

cyperghost

IO VS is available on github

You can get IO VS (=IO + virtual systems) on https://github.com/crcerror/es-theme-io
If @mattrixk agreed the PR you can get it also his github in #1 posting ;)

I added 3 new systems to introduce new "virtual system" which will be included (hopefully) asap in new ES system @pjft

auto-lastplayed: That is effectively, a list of games with play count larger than 1, and sorted by last played time, descending
auto-favorits: An entry for all games you marked as "Favorite"
auto-allgames: An entry with all games in your system

Enjoy and keep up the good work guys ;)

cyperghost

@mattrixk @pjft

Done last entry - custom-collections

Here is my candidate: It's indeed custom and breaks with the auto-systems. The look is a bit unique and uses three colors:
White as border for the stroke for both black und the grey.
That breaks rules i know... but I want to come away from the signing tablet used in the first three entries.

So here they are:

Set 0

credits:

<div>Icons made by <a href="http://www.flaticon.com/authors/picol" title="Picol">Picol</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

cyperghost

@mattrixk @meleu @pjft @obsidianspider @backstander @Zigurana, dear users on this form...
I made a buch of Costumized Collections screens here.
Please give feedback which is best. After that a PR will be opened.
I think my first commit is ugly - the shapes are to fine for TV resolution :(

Old style ratio 1:2

Set 1

<div>Icons made by <a href="http://www.flaticon.com/authors/madebyoliver" title="Madebyoliver">Madebyoliver</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

Set 2

<div>Icons made by <a href="http://www.flaticon.com/authors/picol" title="Picol">Picol</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

New Layout Ratio 1:3

Set 3

<div>Icons made by <a href="http://www.flaticon.com/authors/madebyoliver" title="Madebyoliver">Madebyoliver</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

WAF SCORER

Highest WAF level! (Already tested!)

Set 4

<div>Icons made by <a href="http://www.flaticon.com/authors/bogdan-rosu" title="Bogdan Rosu">Bogdan Rosu</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

Also high acceptance (WAF Score 8 of 10)

Set 5

<div>Icons made by <a href="http://www.flaticon.com/authors/bogdan-rosu" title="Bogdan Rosu">Bogdan Rosu</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

ADDED CREDITS: Respect the work of others!

pjft

I am not fully aware of how the overall theme looks and feels, so my comments will be based purely on personal preference and aesthetics.

I find Sets 1 and 2 to be overly crowded, and that the text superimposed to the icon in black and white significantly reduce the readability. In that sense, 3, 4 and 5 would be my candidates, and in that context I'd probably go for 3 as 4 and 5 seem to be very much inspired by Apple's Finder icon, which I'm not sure I'd associate with customized collections.

Also, as most icons in IO seem to be Carbon's icons in black and white, @UDb23 is also working on Carbon so we may have other options on the table as well if there's any specific intention to keep IO and Carbon aligned.

On a personal note, to reduce the text, I'm not sure if I wouldn't make the title "My Game Collections", to be aligned with your text for the favorites one, "My Games".

Thanks for putting these together!

cyperghost

@pjft Yes ... I've tested the SET 0 and found out it is horror to read.
SET 1 und SET 2 are good to read but they are overcrowded and the symbol does not look nice if you are in list mode.

So remains SET 3, 4 and 5

Set 4 and 5: The finder symbol

That was a suggestion of my wife. It shows two equal faces in two colors - I think it's a nice description of customization. The symbol needed a bit of modification the orignal can be downloded here. For myself it was long long time ago I worked with vector graphics so the finder symbol was a bit modified in coloring and exported as PNG.

The font (in SET 4) was a small test - it looks beatifull on PC screen but lacks readabiltily in TV. So the computer font that I used for all my sets is pretty good to read! That was a bit of luck, too!

Set 3: The Fitter

Well this set fits perfect in the whole set. And I think it's on the save side.
At first I don't wanted the look equal to all but it's not as easy because the symbol don't descripe a definated system they are more semantic.

I see no problem to mix ratio 1:2 and 1:3 they look pretty good.
the ratio 1:2 means 512pixels in height and 1024 in width.
That's more than half HD resolution :)

How the set is in TV mode looks like?

AFAIS it is a good fitting and the symbol+text do a good description-job. You may right in your opinion of to much text but if you are in the list mode the you need a good and readable description and here the icons got their strenghten.

Comment @pjft

My Game Collections", to be aligned with your text for the favorites one, "My Games"...

Yes I saw the issue, too - but I think for these virtual-systems it is a good choice to have text and pictures together. It isn't like the symbol for Nintendo or Atari everybody knows - it's just a small info note. Well what would you suggest instead of "My Games"? "My Favorite"? What's then difference between collections and the auto-favorite?

I'm open for every suggestion. Please keep in mind I'm not a native speaker so maybe a better translation is conceivable. Last words of course a needed @mattrixk

@all

Thank you very much - have a nice weekend

meleu

@cyperghost

Set 3

Between those, I prefer the set 3.

UDb23

@cyperghost
We'll done; I like the symbols over the "list" (collection) icon.
Don't have the IO theme installed but as far as I could see, if I may suggest, I'm not sure if the font you used for the logos fits well with the other fonts of the theme that are really very simple & clean.

cyperghost

@UDb23

We'll done; I like the symbols over the "list" (collection) icon.

Thank you very much. I appreciate this so everyone got his own liking and tastes are different :)For me personally the symbol with written text on it look a bit to overloaded and they are looking bad if you are in the emusystem and see the inverted picture. I think it's on @mattrixk to choose or maybe the carbon images can be converted. I won't take bad!

The computer font is very clear to read and fits the retro style :)

cyperghost

@mattrixk I made a new set. This set gots now 1:3 aspect ratio which will fit better. I hope they are fine.
@pjft I created new texts - Thank you for your newest branch of ES

Complete new set of VR-Symbols with text

Aspect ratio is 1:3 (=512:1536 pixels)

Set 1: auto-allgames

Set 2: auto-favorites

Set 3: auto-lastplayed

Set 4.1: custom-collection

Set 4.2: custom-collection

Toad

This post is deleted!