pouët.net

pouet intro icons suggestion

category: general [glöplog]
Im not a fan of the intro icons that's allready there. They are too many imho. Maybe sometimes difficult to interpret in a busy life, maybe also shitty for newcomers - If one decide to check productions based on icons - It's all now mostly just one or two numbers describing intros.
So, I decided to draw some small icons for the tinyest categories. So that they are easier to grip.

32b, 64b, where b stands for bytes (of coz).
128 for 128b, 256 for 256b and 512 for 512b. since not enough room for b.
its easier to get track of them imho.
change the color for the 64K category.

her's what i mean:<br> BB Image

her's the old one.
<br>
Gargajud is right. Better is in the eyes of the beholder.

Tell me what you think!
added on the 2013-09-10 23:59:02 by rudi rudi
if not this works. maybe one could have two types of icons on the main page versus the productions page. if you understand what i mean.
added on the 2013-09-11 00:03:36 by rudi rudi
you're free to use the intro-icons, if you like.
i am specially targeting =< 512 byte icons.
added on the 2013-09-11 00:06:31 by rudi rudi
Not bad, but I actually have to physically get closer to the screen to be able to read the 512/256/128 ones. Guess that's why they decided to go for only one digit on the icon :)
added on the 2013-09-11 01:01:10 by stijn stijn
What stjin said, I mean the 40 in the upper right is already eye straining - but three characters - puh!
added on the 2013-09-11 01:22:06 by mog mog
sorry, but the three-digit icons are completely unreadable, and the two-digit ones are unnecessarily blurry. the old ones are much better.
added on the 2013-09-11 02:17:04 by dipswitch dipswitch
The current ones are fine, if you ask me.

I suppose they're a bit confusing for a newcomer, but even then; on the prod page itself it has a little bit of text explaining the category beside it, and I think anywhere else, you can hover over the image to get a description.
added on the 2013-09-11 04:17:17 by ___ ___
I don't really care that much, just wanted to mention that I don't have problems reading any of the text.
added on the 2013-09-11 08:29:57 by revival revival
I have good vision (once I put on my glasses) but the new ones are effectively blobs. Yes I can tell what they mean, and read them, but at a quick or first glance ... not so much.

I echo what people said above that most people figure it out over time. They have tooltips and there's the prods page which would give an indicator ... They're not intuitive, but they're learnable. There are a lot of the latter things, and it's not always a bad thing to be that.
I am having hard time telling the new ones apart and I have almost perfect eyesight.
added on the 2013-09-11 09:08:28 by Preacher Preacher
Yeah, there's simply not enough pixel space for 4 characters. We could make them bigger (32x32) or go with SVG entirely, but I'm not sure there's really a benefit to that.
added on the 2013-09-11 09:32:01 by tomaes tomaes
Bigger + SVG.

You could also try something like 2² or 2³...
BB Image
added on the 2013-09-11 11:02:39 by raer raer
I would stick to the 1-2 characters ones. But if you really want to change something about these icons, I would go for the color scheme: use bright colors for the kilobyte(s) intros, and dark colors for the bytes intros
added on the 2013-09-11 11:14:17 by p01 p01
What about just making the icons bigger?
They're from an era where a owning a 19" made you a badass, while nowadays only laptop screens are under 20" (and since we tend to hold them closer, it cancels out the difference).
Not to mention the fact ppi have increased too.
added on the 2013-09-11 11:48:37 by Zavie Zavie
I tried to make an SVG icon, but honestly, it looks like ass in 32x32 :) I might not be an Inkscape guru though...
BB Image
BB Image
added on the 2013-09-11 13:21:50 by raer raer
JSYK, we faced similar problem many times at Opera and each time vector graphics was not the solution: Purely vector graphics suck at low res due to out of control anti aliasing and coordinates rounding.

The best combination we found, where it was possible, was to use SVG images with media queries switching between vectors AND bitmap graphics depending on the resolution the SVG image is used.

...but that doesn't solve the problem at hand. :\
added on the 2013-09-11 14:28:03 by p01 p01
what about removing that ugly border, which takes 50% of the space and btw does not fit to the pouet style anyways.
added on the 2013-09-11 15:15:47 by pandur pandur
Quote:
JSYK, we faced similar problem many times at Opera and each time vector graphics was not the solution: Purely vector graphics suck at low res due to out of control anti aliasing and coordinates rounding.

Agreed. I've also done some executable / button icons and cursors and must say that there's no way 'round pixeling icons below 32x32 unless the icon's really, really simple.

Back to the problem at hand: If the current icon had a different frame there would be more space for the content. I also agree with p01 about the color scheme. Why not use the same text color for all <1k icons and another for 1k-96k?
BB Image
added on the 2013-09-11 15:56:47 by raer raer
BB Image
added on the 2013-09-11 16:01:18 by Exin Exin
i love hot pink, but toning it down seems to be easier to read on a casual glance. Having a consistent font height and color doesn't hurt either. Each number could be made 2 pixels taller via hand pixeling.

BB Image
To be honest a considerable portion of the problem is the distinction of anything below 256 bytes - which is mostly just unnecessary.
added on the 2013-09-11 18:11:50 by Gargaj Gargaj
let's make a competition. some artists will post their icon sets. other people will vote and we will take the best.
added on the 2013-09-11 18:20:00 by Tigrou Tigrou
Pandur +1
honestly i like the icon set the way it is right now...
added on the 2013-09-11 18:43:25 by Defiance Defiance
BB Image
If changing them at all, I'd go for simpler - not only gives this more room, but I think it's a also a tad bit more timeless.
Maybe color coding the platforms as well, like making all the games consoles on green backgrounds, script demos blue, and so on.
added on the 2013-09-11 18:48:34 by mog mog

login