The best way to change volume is with a knob or dial. It allows for much greater control over the sound level, and they can also look very aesthetically pleasing especially when it is part of a consistent user interface – whether it’s sleek minimalism or retro analogue. Gathered here is a collection of volume dials that really show the different effects that can be acheived by the smallest but most essential design choices.
As all volume dials are circular, studying a collection like this is a fantastic way to compare and contrast the various effects. If you need to include a volume dial in your next app UI, then I’m sure you will be inspired by the simple yet elegant designs on display here.
Recommended Reading: Creating A Volume Controller With JQuery UI Slider
Hopefully the dials above have shown you that putting that little bit of extra effort into even the simplest elements of your design can pay off big time. Please share your favourite dial designs in the comments section below.
Editor’s note: This post is written by Christopher Jackson for Hongkiat.com. Christopher is aÂ freelanceÂ editor at DesignCrowdÂ where he writes about logo design, graphic design and web design trends.