Dials & Knobs found in User Interfaces

Featured Image credit to Anton Reimertz

Mobile user interfaces are some of the most convoluted pieces of work. You need to plan out specific functions and manage how users will interact with these different screen elements. One such example is knobs found on electronic equipment. Many music-based mobile apps utilize this piece of UI for many different reasons. And there are plenty of examples on Dribbble which express enormous bouts of creativity.

In my gallery below I have put together a great deal of knobs and button interfaces. These are mostly from mobile web apps, but also feature illustration work. Ultimately any designer can figure out how to build such a unique mobile setup. However programming the interface to work in Android or iOS is another topic. I hope these ideas can provide inspiration to move through that first step of design mockups.

Knob Sketch

Switch and Knob


Car Dashboard

Soft Black Knob

Min/Max Knob

Metal Brushed Knobs

Volume and Power

Metallic Buttons

Clean UI Elements

Panning Knob

Clean UI

Volume User Interface

Knob Element

GUI Lights

Volume Knob

Dark Knob

Guitar Volume Knob

Gradient Play

Heat Level

Sound Control

Metal Knob

Dial Charts

76 Synthesizer – Titanium

Safe Box

Late Night Practice


About the Author: Kalen Smith

Kalen is a freelance writer and entrepreneur. He can be found on the web writing about topics including startups and UI design. Check out his other articles through Google or follow his updates on Twitter @engineerbiz.


  1. November 15, 2012
    studly mcmuffin

    what, none of these go up to eleven?