AuthorTopic: [WIP] New Pixelation Icon Sets  (Read 6364 times)

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

[WIP] New Pixelation Icon Sets

on: August 23, 2015, 03:11:09 am

__________________________________________________________________________________________________________________________

Had some time to set this up today. The lowdown:
We now have a sneak preview of a new theme in the works. I basically got the greenlight to work on some icons, so why not? If they don't all get used at least we get some visual direction.
More icons will be added later.



__________________________________________________________________________________________________________________________
V.2


W/O border redesign.

Admin, moderate, register alt.:

V.1 is here



__________________________________________________________________________________________________________________________




__________________________________________________________________________________________________________________________
V.2

V.1 is here



__________________________________________________________________________________________________________________________
V.2

V.1 is here


If it's the skin we're sticking with for a while it has to look real good. Does this hold up to both the old theme and new Web 3.0 standards? Anyone with icon/UI design experience here to speak up on this?
« Last Edit: September 21, 2015, 02:31:59 am by pistachio »

Offline Joe

  • 0010
  • *
  • Posts: 298
  • Karma: +2/-0
    • View Profile

Re: [WIP] New Pixelation Icon Sets

Reply #1 on: August 23, 2015, 05:51:24 am
Looks really great man.
I think the clean angles and flat tones hold up to 3.0 well. As far as UI goes, the problem is finding a balance between stylized and readable, instantly recognizable. I'm looking at your home, login/out, and I don't know what the checkmark is.

Everyone is going to have their preferences but I would say with the other colors we've seen we could use a bit more orange. Something between what Indigo showed and what you have.



Even something rough like this, you instantly think "home". Simplicity is nice, but I see you using more than one tone on a few icons. I think it's a worthy tradeoff to have 2-3 tones and improve readability. If we were designing these for a client we'd want their users to know where to click at a glance, in an instant.

I think a monotone button could work as you have it, but individuality, usability is improved so much when you have another tone.

Is that a PM(offline) icon in the middle at the bottom? I would ditch the lock, it implies you can't perform that action. A better solution would be to take that same PM icon and grey it out a bit—message conveyed.
What are the tabs below the online/offline for?

Edit: Here are some more thought out ideas, keeping in with your theme.

« Last Edit: August 24, 2015, 12:59:05 am by Joe »

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

Re: [WIP] New Pixelation Icon Sets

Reply #2 on: August 25, 2015, 01:18:58 am
Sorry for lack of updates, the weekend was pretty busy.

Stole the doors, that's basically the solution I was looking for. Thanks man :y:


Fixed some topic icons using Joe's advice (last 2 ones represent CRT monitors actually):


Added forum stats icon.

Offline Seiseki

  • 0011
  • **
  • Posts: 915
  • Karma: +1/-0
  • Starmancer
    • OminuxGames
    • http://pixeljoint.com/p/35207.htm
    • StarmancerGame
    • View Profile
    • Starmancer Patreon

Re: [WIP] New Pixelation Icon Sets

Reply #3 on: August 27, 2015, 09:53:17 pm
I was curious as to how these would look in context, so I thought I'd throw together a quick mockup. With the buttons and the text.
At first it seemed like there wouldn't be enough space for the text and the buttons.. But I managed to squeeze it all in. Although the width is 1400px, so lower resolutions won't work.
Some trimming could be nice, even a few pixels will make a difference due to the amount of buttons.

Looks really cool though! Good job!  :y: :y: :y:

Original from Indigo
https://dl.dropboxusercontent.com/u/13350050/Junk/pixelationscreen2.png

Mockup 1- I removed the dark shadow from the boxes above the menu bar, it created some tension..
https://www.dropbox.com/s/ckm77jdxccdgiba/pixelation_mockup1.png?dl=0

Mockup 2 - I think this blends in even better, less clutter. But the previous one looks better/more interesting somehow..
https://www.dropbox.com/s/gixsqp38kvc1equ/pixelation_mockup2.png?dl=0
« Last Edit: August 27, 2015, 09:55:26 pm by Seiseki »

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

Re: [WIP] New Pixelation Icon Sets

Reply #4 on: August 30, 2015, 02:34:10 am
http://i.imgur.com/tLFtzAj.png

There's a mockup with all the latest stuff applied, one or two board colors changed and icons tweaked for lower res. Here's that menu with no text.

Pretty sure the dashboard text was bolded... Might go in and tweak that if anyone finds the fill/space balance hard to read.
The whole thing's looking pretty cluttered. Might be making it smaller also.



Again thanks for the help. Really speaks to the community as always.
« Last Edit: August 30, 2015, 02:38:12 am by pistachio »

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: [WIP] New Pixelation Icon Sets

Reply #5 on: August 30, 2015, 04:36:03 am
looks sexy.

can we get 50% grey background so sprites look balanced?
its far too bright at the moment.
text can be designed to be readable against that colour but how the images look is more important IMO.

this probably isn't the place but it would be be amazing to have a plugin to copy & paste and drag & drop images into posts (and images are hosted somewhere like imgur).

Offline EEVV

  • 0001
  • *
  • Posts: 14
  • Karma: +0/-0
  • Incoming programmer, FAYA ZE MISAILS1!1!!11!!!
    • scaryeye27
    • View Profile

Re: [WIP] New Pixelation Icon Sets

Reply #6 on: August 30, 2015, 04:48:26 am
*throws money at the screen* TAKE MY MONEY!
It looks good, cant wait to see what this site will morph into :D

Offline Indigo

  • Administrator
  • 0011
  • *
  • Posts: 946
  • Karma: +0/-0
  • Artist, Indie Game Dev
    • DanFessler
    • DanFessler
    • http://pixeljoint.com/p/849.htm
    • DanFessler
    • DanFessler
    • View Profile
    • Portfolio

Re: [WIP] New Pixelation Icon Sets

Reply #7 on: August 30, 2015, 06:45:06 am
these are looking great.  I'm at PAX right now so I can't critique yet, but some general notes about how this will move forward...

  • the general forum design/colors aren't being crowd sourced - we're handling that in the mod's corner
  • Icons, though, are totally welcome, but should fit the existing mocks as close as possible
  • nav-button icons should stand on their own without a button frame redesign, but I'll consider the redesign on those if they work well

A lot of effort has gone into this so far from a variety of people including myself, and it'd be unproductive to backtrack on certain decisions we've already made, but we've definitely had a lack of available time to get a new icon set (I was just going to use our old icons which work, but not the best) so I definitely would appreciate the community's help in this regard.

I have a bunch of feedback on the icons themselves, but it'll have to wait till I get back from PAX

rock on!
« Last Edit: August 30, 2015, 06:47:22 am by Indigo »

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

Re: [WIP] New Pixelation Icon Sets

Reply #8 on: September 06, 2015, 07:09:20 am
Fixing that stuff.





I have a bunch of feedback on the icons themselves, but it'll have to wait till I get back from PAX

Looking forward to hearing it.
« Last Edit: September 07, 2015, 04:23:49 am by pistachio »

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

Re: [WIP] New Pixelation Icon Sets

Reply #9 on: September 14, 2015, 05:35:05 am
Updated the thread layout into something more sticky-worthy.

Added the newest icons.

can we get 50% grey background so sprites look balanced?

A pretty good suggestion IMO, or maybe a slider or toggle. In the official topic screenshot that area's at about 70% brightness. I might rework the affected icons if that gets through so everything still jives.
« Last Edit: September 14, 2015, 06:15:43 am by pistachio »