{"id":15414,"date":"2012-11-10T21:01:42","date_gmt":"2012-11-10T13:01:42","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=15414"},"modified":"2023-05-04T18:53:03","modified_gmt":"2023-05-04T10:53:03","slug":"beautiful-volume-dials-knobs","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/","title":{"rendered":"33 Examples of Volume Dial and Knob UI Design"},"content":{"rendered":"<p><strong>Using a knob or dial is the best way to change volume<\/strong>. It allows for much greater control over the sound level, and they can also look very aesthetically pleasing, especially when incorporated into a consistent user interface \u2013 whether it\u2019s sleek minimalism or retro analog. Here, we have <strong>a collection of volume dials that showcase the different effects<\/strong> that can be achieved through the smallest but most essential design choices.<\/p>\n<p>Since all volume dials are circular, examining a collection like this is an excellent way to compare and contrast the various effects. If you need to include a volume dial in your next app UI, you will surely be inspired by the simple yet elegant designs on display here.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/jquery-volumn-slider\/\" class=\"ref-block__link\" title=\"Read More: Creating a Volume Controller with jQuery UI Slider\" rel=\"bookmark\"><span class=\"screen-reader-text\">Creating a Volume Controller with jQuery UI Slider<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jquery-volumn-slider.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-14206 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jquery-volumn-slider.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Creating a Volume Controller with jQuery UI Slider<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tIf you are a freebies hunter, chances are you have downloaded lots of PSD user interfaces (UI). Some...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/clean-control-knob\/\">#1<\/a> \u2013 Clean Control Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/1-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/dark-audio-interface-knob\/\">#2<\/a> \u2013 Dark Audio Interface Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/2-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/white-leather-ui-knob\/\">#3<\/a> \u2013 White Leather UI Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/3-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/royce-volume-knob\/\">#4<\/a> \u2013 Royce Volume Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/4-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/metal-ui-knob-2\/\">#5<\/a> \u2013 Metal UI Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/5-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/clean-white-knob\/\">#6<\/a> \u2013 Clean White Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/6-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/cream-volume-knob\/\">#7<\/a> \u2013 Cream Volume Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/7-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/volume-monster-beats\/\">#8<\/a> \u2013 Volume Monster Beats<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/8-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.uiparade.com\/portfolio\/sound-control-knob\/\">#9<\/a> \u2013 Sound Control Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/9-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/130364-late-night-practice\">#10 <\/a> \u2013 Late Night Practice<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/10-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/163447-Guitar-Volume-Knob\">#11 <\/a> \u2013 Guitar Volume Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/11-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/210285-SImple-Dial\">#12<\/a> \u2013 Simple Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/12-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/315973-Dial\">#13 <\/a> \u2013 Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/13-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/319843-Volume-Dial\">#14<\/a> \u2013 Volume Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/14-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/320315-Clean-Volume-User-Interface-Dial\">#15 <\/a> \u2013 Clean Volume UI Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/15-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/661832-Frosted-Glass-Knob\">#16 <\/a> \u2013 Frosted Glass Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/16-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3>#17 \u2013 Volume<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/17-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/514877-dark-dial-ui\">#18 <\/a> \u2013 Dark Dial UI<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/18-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/532468-Fabric-Dial\">#19 <\/a> \u2013 Fabric Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/19-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/539015-Volume-dial\">#20 <\/a> \u2013 Silver Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/20-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/656225-A-Dial-UI-Study\">#21 <\/a> \u2013 A Dial UI Study<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/21-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/660237-Volume-Dial\">#22 <\/a> \u2013 Volume Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/22-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/682925-Big-Volume-Dial\">#23 <\/a> \u2013 Big Volume Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/23-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/176794-LED-VOL\">#24 <\/a> \u2013 LED Volume<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/24-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/286991-Glowing-Volume-Dial\">#25 <\/a> \u2013 Glowing Volume Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/25-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/296280-Blue-Dial\">#26 <\/a> \u2013 Blue Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/26-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/335839-Metal-knob\">#27 <\/a> \u2013 Metal Knob<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/27-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/338572-Volume-Control\">#28 <\/a> \u2013 Volume Control<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/28-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/399065-Simple-Dial\">#29 <\/a> \u2013 Simple Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/29-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/553828-Simple-Dial\">#30 <\/a> \u2013 White Dial on Wood<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/30-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/576235-Crank-up-the-UX-02\">#31 <\/a> \u2013 Crank Up The UX<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/31-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/669963-Metallic-Dial\"> #32 <\/a> \u2013 Metallic Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/32-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/662995-Dial\"> #33 <\/a> \u2013 Simple Blue & White Dial<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/33-33-beautiful-volume-dials.jpg\" width=\"500\" height=\"300\" alt=\"Dial and knob design\"><\/figure>\n<p>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. <strong>Please share your favourite dial designs in the comments section below.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetically pleasing, especially when incorporated into a consistent user interface \u2013 whether it\u2019s sleek minimalism or retro analog. Here, we have a collection of volume dials that&hellip;<\/p>\n","protected":false},"author":243,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395,352],"tags":[2512],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>33 Examples of Volume Dial and Knob UI Design - Hongkiat<\/title>\n<meta name=\"description\" content=\"Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetically\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"33 Examples of Volume Dial and Knob UI Design\" \/>\n<meta property=\"og:description\" content=\"Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetically\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2012-11-10T13:01:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-04T10:53:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/1-33-beautiful-volume-dials.jpg\" \/>\n<meta name=\"author\" content=\"Christopher Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/\"},\"author\":{\"name\":\"Christopher Jackson\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/64f71734f590c517d45862a33250b8ef\"},\"headline\":\"33 Examples of Volume Dial and Knob UI Design\",\"datePublished\":\"2012-11-10T13:01:42+00:00\",\"dateModified\":\"2023-05-04T10:53:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/\"},\"wordCount\":297,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/beautiful-volume-dials-knobs\\\/1-33-beautiful-volume-dials.jpg\",\"keywords\":[\"Website Design\"],\"articleSection\":[\"UI\\\/UX\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/\",\"name\":\"33 Examples of Volume Dial and Knob UI Design - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/beautiful-volume-dials-knobs\\\/1-33-beautiful-volume-dials.jpg\",\"datePublished\":\"2012-11-10T13:01:42+00:00\",\"dateModified\":\"2023-05-04T10:53:03+00:00\",\"description\":\"Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetically\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/beautiful-volume-dials-knobs\\\/1-33-beautiful-volume-dials.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/beautiful-volume-dials-knobs\\\/1-33-beautiful-volume-dials.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/beautiful-volume-dials-knobs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"33 Examples of Volume Dial and Knob UI Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/64f71734f590c517d45862a33250b8ef\",\"name\":\"Christopher Jackson\",\"description\":\"Christopher is a freelance editor at DesignCrowd where he writes about logo design, graphic design, and web design trends.\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/christopherjackson\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"33 Examples of Volume Dial and Knob UI Design - Hongkiat","description":"Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetically","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/","og_locale":"en_US","og_type":"article","og_title":"33 Examples of Volume Dial and Knob UI Design","og_description":"Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetically","og_url":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-11-10T13:01:42+00:00","article_modified_time":"2023-05-04T10:53:03+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/1-33-beautiful-volume-dials.jpg","type":"","width":"","height":""}],"author":"Christopher Jackson","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Christopher Jackson","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/"},"author":{"name":"Christopher Jackson","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/64f71734f590c517d45862a33250b8ef"},"headline":"33 Examples of Volume Dial and Knob UI Design","datePublished":"2012-11-10T13:01:42+00:00","dateModified":"2023-05-04T10:53:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/"},"wordCount":297,"commentCount":4,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/1-33-beautiful-volume-dials.jpg","keywords":["Website Design"],"articleSection":["UI\/UX","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/","url":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/","name":"33 Examples of Volume Dial and Knob UI Design - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/1-33-beautiful-volume-dials.jpg","datePublished":"2012-11-10T13:01:42+00:00","dateModified":"2023-05-04T10:53:03+00:00","description":"Using a knob or dial is the best way to change volume. It allows for much greater control over the sound level, and they can also look very aesthetically","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/1-33-beautiful-volume-dials.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/beautiful-volume-dials-knobs\/1-33-beautiful-volume-dials.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/beautiful-volume-dials-knobs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"33 Examples of Volume Dial and Knob UI Design"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/64f71734f590c517d45862a33250b8ef","name":"Christopher Jackson","description":"Christopher is a freelance editor at DesignCrowd where he writes about logo design, graphic design, and web design trends.","sameAs":["https:\/\/www.hongkiat.com\/blog\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/christopherjackson\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-40C","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/243"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=15414"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15414\/revisions"}],"predecessor-version":[{"id":66828,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15414\/revisions\/66828"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=15414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=15414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=15414"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=15414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}