Cog icon indicating copy to clipboard operation
Cog copied to clipboard

Shuffle and randomize playlist icons look identical.

Open reactorcoremeltdown opened this issue 4 years ago • 11 comments
trafficstars

Describe Both icons look identical for "shuffle mode" and "randomize playlist" toolbar buttons.

To Reproduce (delete if not applicable) Steps to reproduce the behavior:

  1. Open Cog
  2. Add both "shuffle mode" and "randomize playlist" buttons to the toolbar
  3. Experience some confusion

Expected behavior Would it be better to use a dice icon for playlist randomization maybe?

Screenshots image

Version information:*

  • macOS version: 11.2.2
  • Cog version: Version 1449 (1449-gba7aaec6)

Additional context This is just a suggestion, please feel free to close if this goes against your design policies. And thanks a lot for bringing the best player for Mac back to life!

reactorcoremeltdown avatar Mar 10 '21 13:03 reactorcoremeltdown

Hm, I really have no ideas, what symbol can replace current one. IMHO, dice is not the one we want.

nevack avatar Mar 10 '21 19:03 nevack

Looks good, I'll put incorporation on my todo list for a future build.

kode54 avatar Jan 27 '22 02:01 kode54

Example: Randomize or Shuffle

@Oleg-Chashko Take a look at https://developer.apple.com/sf-symbols/

nevack avatar Jan 27 '22 13:01 nevack

We could use dice for Randomize action image

nevack avatar Jan 27 '22 13:01 nevack

I thought but did not want to draw. I have an association (dice) with the casino.

  • A light brush sketch: Screen Shot 2022-01-27 at 17 26 50

Oleg-Chashko avatar Jan 27 '22 16:01 Oleg-Chashko

Take a look at https://developer.apple.com/sf-symbols/

@nevack Thanks, I'll take a look. I can draw it myself, without any copyrights, whether they are there or not.

Oleg-Chashko avatar Jan 27 '22 16:01 Oleg-Chashko

I like this last one:

Mockup

But the lines on the playlist object need to be thicker for non-Retina displays, otherwise it looks like a blur. It looks perfect on my 4K monitor, though.

kode54 avatar Jan 27 '22 21:01 kode54

Also, please, for future reference. Please only use Black shapes in these templates. No white shapes, that doesn't work for templates.

All objects with holes in them must be assembled as objects with actual cutouts in them. Otherwise, I have to render the vector to a high res PNG and trace it to a vector all over again. It'll still look the same, but it needs to be purely black shapes, no layered white shapes, because those don't work for template vectors.

kode54 avatar Jan 27 '22 23:01 kode54

Also, please, for future reference. Please only use Black shapes in these templates. No white shapes, that doesn't work for templates.

Done.

I've added sources created in the Sketch app. Modify and translate them into other formats as you wish. You own them now.

  • For non-Retina displays:

Cog_Randomize_New_thicker_for_non-Retina_displays copy

Files: (sketch), (png), (pdf)

Cog_Randomize_New_thicker_for_non-Retina_displays.sketch.zip Cog_Randomize_New_thicker_for_non-Retina_displays.png.zip Cog_Randomize_New_thicker_for_non-Retina_displays.pdf.zip

  • For Retina displays:

Cog_Randomize_New_1

Files: (sketch), (png), (pdf)

Cog_Randomize_New_1.sketch.zip Cog_Randomize_New_1.png.zip Cog_Randomize_New_1.pdf.zip

  • Cog_EQ:

Cog_EQ

Files: (sketch), (png), (pdf) Cog_EQ.sketch.zip Cog_EQ.png.zip Cog_EQ.pdf.zip

Oleg-Chashko avatar Jan 28 '22 12:01 Oleg-Chashko

Use the new "For non-Retina displays" icon, as the readability is noticeably better.

I think this issue can be closed?

151426352-33408124-a2fd-4ef9-9cc7-4f82c8129a75

Oleg-Chashko avatar Jan 28 '22 13:01 Oleg-Chashko

Will grab this now, and will deal with it when I return from my break. Thanks.

kode54 avatar Jan 28 '22 21:01 kode54

Please reply, these buttons should be different now.

kode54 avatar Oct 09 '23 01:10 kode54

Please reply, these buttons should be different now.

Thanks, looks good! I think this can be resolved now.

reactorcoremeltdown avatar Oct 13 '23 08:10 reactorcoremeltdown