First thing I noticed is the colour pallet. The tabs in particular have colours that make them look uncomfortable on top of the soft purple canvas. I'd either change the pallet or make them all the same neutral (white) colour and colour code the icons.
The purple on purple seems unnecessary to me. If it were up to me I'd make the entire main canvas white instead of having it purple with a white content box in the middle. This would create a little more breathing room for the business report content and remove some unnecessary lines.
Nit picky comments: The icons inside the gray boxes aren't all centered properly. Also the "Reports Overview" icon with the 1/2 circle doesn't have the same stroke/shadow as the left border of the canvas.
@Joey Lomanto I lightened the colors up some. The background colors change depending on where you are in the site, they match the navigation. I'm trying to figure out the right balance of saturation and still being noticeable.
I'm trying hard to like this, but if I'm being honest...I don't like any of the colors. I might go so far to say I strongly dislike them. Makes me cringe a little.
Maybe I'm missing the full context or something, but I'm just not diggin' this. :(
@Josh Pigford I'm not sold on the palette either, I do want each navigational element to be its own color as each area of the site will be colored to match the area the user has navigated to. How do you pick colors? I'm red/green and blue/purple color blind.
@allan branch it's a culmination of the colours and the amount of them. It would also be really distracting on larger monitors. I get you're trying to match the navigation but I don't feel it needs to be so exaggerated.
I would suggest playing around on some pallet builders to get the scheme right, and then toning down how you use them.
Better? Still want less color? I have two 27inch monitor but still keep the width of my browser smallish. Does anyone open a browser full screen on big monitors?
11 Responses
Pro
allan branch
Rip this apart.
9 months ago
Pro
Joey Lomanto
First thing I noticed is the colour pallet. The tabs in particular have colours that make them look uncomfortable on top of the soft purple canvas. I'd either change the pallet or make them all the same neutral (white) colour and colour code the icons.
The purple on purple seems unnecessary to me. If it were up to me I'd make the entire main canvas white instead of having it purple with a white content box in the middle. This would create a little more breathing room for the business report content and remove some unnecessary lines.
Nit picky comments: The icons inside the gray boxes aren't all centered properly. Also the "Reports Overview" icon with the 1/2 circle doesn't have the same stroke/shadow as the left border of the canvas.
Word.
9 months ago
Pro
allan branch
@Joey Lomanto I lightened the colors up some. The background colors change depending on where you are in the site, they match the navigation. I'm trying to figure out the right balance of saturation and still being noticeable.
http://dribbble.com/shots/710887-New-Reports-Area-of-LessAccounting-com/attachments/66186
9 months ago
Pro
Josh Pigford
I'm trying hard to like this, but if I'm being honest...I don't like any of the colors. I might go so far to say I strongly dislike them. Makes me cringe a little.
Maybe I'm missing the full context or something, but I'm just not diggin' this. :(
9 months ago
Pro
allan branch
@Josh Pigford your comments have ended our friendship. http://dribbble.com/shots/710887-New-Reports-Area-of-LessAccounting-com/attachments/66186
Is it the colors or the amount of color?
9 months ago
Pro
Josh Pigford
Good. I was hoping that would end things for us.
It's the colors themselves. They just feel...cheap. I think I just rarely like pastel colors.
When pastel is used as part of a larger palette (like a pastel blue as a complement to a more vibrant blue), then I think it works fine.
But when you've got a rainbow of pastel like this, it feels like an easter bunny exploded.
9 months ago
Pro
allan branch
@Josh Pigford I'm not sold on the palette either, I do want each navigational element to be its own color as each area of the site will be colored to match the area the user has navigated to. How do you pick colors? I'm red/green and blue/purple color blind.
9 months ago
Pro
Josh Pigford
If I don't have any direction in mind for colors, then I typically just hit up ColourLovers and poke around to get some inspiration.
Then I start throwing together palettes in ColorSchemer and see what kinda magics pops out.
9 months ago
Pro
Joey Lomanto
@allan branch it's a culmination of the colours and the amount of them. It would also be really distracting on larger monitors. I get you're trying to match the navigation but I don't feel it needs to be so exaggerated.
I would suggest playing around on some pallet builders to get the scheme right, and then toning down how you use them.
9 months ago
Pro
allan branch
@Joey Lomanto here's less theme color.
http://dribbble.com/shots/710887-New-Reports-Area-of-LessAccounting-com/attachments/66248
Better? Still want less color? I have two 27inch monitor but still keep the width of my browser smallish. Does anyone open a browser full screen on big monitors?
9 months ago
Rebound
Transaction page (menu styling changed)
by allan branch
9 months ago