What’s the best option for an opacity slider on this color selection menu?
Hi! I am currently working on a new cosmetics app. As an example, in the Lipstick category, users would be able to change their lip color by choosing a different lipstick color.
We created a small menu on the bottom of the screen with different lipstick color presets, opacity slider and category name. I still don’t know what is the best way to organize all of the elements inside the white menu.
The attached picture contains 4 design options.
It's important for me to keep all the elements inside the white menu and keep the menu as classic and clean as possible.
Is using a circle shape for both for the opacity slider and lipstick color presets a good design choice? Or it would be more correct to choose a circle shape for the slider and rectangle shape for the lipstick color presets (Like Op. number 4)?
I would appreciate your opinion and suggestions for improvement.