Screen icons

[arouinfar]

Since waves-intro has its own repo now, I'm moving phetsims/wave-interference#358 to this issue.

@samreid wrote:

As part of phetsims/wave-interference#356 we will need icons for the screens. Currently it looks like this:

I replied:

A few ideas to mock up:

• Scene icons from Wave Interference
• Each source emitting a wave
• More iconic view of the screens, e.g. water drop, music note

[arouinfar]

I've mocked up a few options for review in a design meeting.

Each source emitting a wave

Iconic version of each source

Iconic representation of water, sound, light

[samreid]

I'm not sure how to improve it further, but "Iconic version of each source" seems like a great direction.

[samreid]

At today's meeting, @kathy-phet and @ariel-phet also expressed a preference for "Iconic version of each source".

[samreid]

@kathy-phet and @ariel-phet additionally suggested some iconic waves coming out of the sound source (like curved wavefronts) and a glow/light rays coming out of the light source. So they have an equivalent to the drop of water.

[arouinfar]

Thanks @samreid! I'll work on some iterations of the "Iconic version of each source" icons.

[arouinfar]

@samreid @ariel-phet here's an updated draft of the icons showing iconic waves/glow. Is the direction you were imagining?

[ariel-phet]

@arouinfar those are spot on to what I was imagining! Looks great to me!

[ariel-phet]

@arouinfar can you make a finalized draft of these for @samreid to use in the sim?

[arouinfar]

Thanks @ariel-phet! Here are the assets @samreid.
screen_icons.zip

[kathy-phet]

@arouinfar - Can I suggest a slight change? It would be to make the laser light not rounded but cone spreading out. Simply because light doesn't curve and this sort of suggests that it does.

[arouinfar]

@arouinfar - Can I suggest a slight change? It would be to make the laser light not rounded but cone spreading out. Simply because light doesn't curve and this sort of suggests that it does.

Thanks @kathy-phet. I used a circle to create the gradient, but adjusted the clipping mask so it appears conical instead.

@samreid here are the finalized screen icons. screen_icons_2.zip

[samreid]

I added the screen icons, they look great in context. Thanks @arouinfar! Ready for your review.

[arouinfar]

Looks great, thanks @samreid!