* Updated Pixels attached
This screen displays a student's result for a given test, with the ability to view past results and compare.
about 1 year ago
I like it! Strangely good use of Museo.
Nice shot !
It will look better with a colored % perhaps, did you try it ?
Either color the entire text, or nothing.
@Haziq What text are you referring to?
@Jack Bingham The percentage text. The white percentage pops out too much compared to the red or green text.
@Abdessamad BELARBI @Haziq Mir Cheers for the feedback, guys! I've uploaded another attachment.
@Jack Bingham I like the new attachement :)
Looks nice Jack! The one thing that stood out for me is the 47/50. I wonder what might be neat is, depending on how close to the 50 the numbers gets, the darker/brighter the green is?
Ergo, if you're near 50 then the green is lighter, further away makes the green darker?
Also, not sure if the diagonals on the test header really work imho.
@Mike what stood out about the numbers for you? If you get a lower score, the score is closer to red or yellow, to match the percentages.
The diagonal pattern is a subjective element, I guess :)
Well, lovely font, but I felt the font size was a little on the large side. Point taken about it being a subjective element.
Nice work @Jack Bingham! I have similar feelings to what people stated above, but you've addressed them nicely in the attachments.
I like your use of Museo. It all comes nicely together. The latest concept looks much better than a first one, solid colours really make a difference.
As a side note: how do you usually deal with creating shapes for pie charts and stuff like that? Photoshop and infinite nudge, or something else?
You know what would be cool? to know how a 100% graphic would be, i mean, make one graphic on 100% with the inner circle filled with the color or something like that, the designer is you ;D
Incredible work and attention to details.
@Matthew Morek The percentage graphics are just three circle shapes, with a mask to hide a certain amount of the coloured area.
This is really great, Jack! Love how there is a bunch of data, but that it still feels simple.
Thanks @Jack Bingham. Sometimes you’ve got to go back to basics to learn something new. Time to embrace masks! :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter