: Design/ display user evaluation state's Im looking to discuss ideas on how to represent the "evaluation of a user". You the evaluator Users to be evaluated Based on score border around user profile

@Turnbaugh909

What about a transparent png icon with a background color applied via CSS?

Images would all be the same size but you could alter colors based on transparent areas of the PNG.

This is a jpg representing the idea....



But the actual png would have the actual icon transparent:



<img src="smile.png" width="100" height="100" border="0" class="evaluser0" />
<img src="smile.png" width="100" height="100" border="0" class="evaluser1" />
<img src="smile.png" width="100" height="100" border="0" class="evaluser2" />
<img src="smile.png" width="100" height="100" border="0" class="evaluser3" />

img.evaluser0 { background: #fef200 ; }
img.evaluser1 { background: #f26422 ; }
img.evaluser2 { background: #ec145b ; }
img.evaluser3 { background: #00a650; }

Vote Up Vote Down

@Chiappetta793

A slide graph with a color scheme progressing from red - green is a good visual progress/success indicator. Numbers are not quite as emotionally powerful but may cross cultural boundaries more easily. Shapes such as checks and pluses are also visual indicators of positive feedback (think facebook like button, or instagram's heart).

Vote Up Vote Down