How to design audio plugin GUI: 6 steps for developers and ui designers

Voger Design shares 6 UI Design steps that allow any VST, iOS, DSP, and Kontakt developer or UI designer to create quality UI design.
Following these steps, you would achieve higher scores in designing a synthesizer, effects plugin, or any audio application user interface.

Unique hints, useful links, and typefaces that you won't find in the video.

Timecodes
0:00 - Intro
0:25 - 1 The Feel
1:06 - 2 UX Layout
1:54 - 3 The Grid
2:27 - 4 Typefaces
3:30 - 5 Light
4:35 - 6 Materials
5:22 - Checklist and Farewell

If you have trouble with any design techniques, please share them in the comments, we'd be here to help.

Keep in touch with us:

Special thanks for making video this happen to
Nick Moritz ( Everything and Music)
Aleksey Petrov (Ui Design and references)
Serhii Sukhodolskii (Ui design and references)
Olha Trifonova (Texts)
Maksym Boiiarko (UX Examples)
AAMFunnel (Support and Editing)

[AntonioSage]

As always, extremely useful information.

[charlierose]

Hey - really enjoyed that thanks. Short but sweet! I'm a UI designer hoping to move into the audio industry. If you had any in-depth video tutorials that would be awesome!!

[theRyanStrong]

Great video, great points! Thank you!

[weststarr]

LOVE your channel...i have been allways looking for some like this about UI plugings design.

[thewavewarden]

Thanks for sharing those tipps, even in these trying times. Good approach to start with the feel, we'll start like this for our next projects!

[michaelheath]

I'm taking these tips to heart. Thanks for this! I'd love to see which UI you consider to be the best in the audio industry. Please stay safe 🙏

[obiwantschernobyl]

Now that was very helpful to get a rough overview. Thank you :)

[edwardarchibald]

Very useful and well done video. Thanks very much!

[jamespickering]

This is really helpful. Thank you so much. I'm a film composer and music producer. I also create kontakt instruments so please keep posting!

[AdisCengic]

t would be interesting to see a video where you develop a GUI from scratch. Do you perhaps start everything in 3D first, maybe for better textures and lighting, and so on? Maybe something a bit more educational. 😄 We're looking forward to seeing that process. In any case, your work is excellent!

[datajake]

Screen reader accessibility Is another important thing to consider. JUCE has added accessibility features In recent versions.

[Fwuzeem]

Please make a mixer Gui users can assign to parameters in their DAW!

[aerozg]

I tried to design a ham radio front panel recently using Cinema 4D, i guess the principles are the same for any photorealistic hardware device render. I'm wondering if there is any kind of tutorial available on how to break apart and export different renders, and create bitmap sprites, for example for all the button states (default, half-pressed, pressed and so on..). What is the standard workflow? I've been searching online but there aren't that many resources available.

[luisprieto]

Greetings. Could you make a how to build a plugin with all the steps?

[giusepperusso]

What kind of software are useful for project gui? I think that sometimes are designed with 3D software especially when they emulate old instruments.

[gianluigidautilia]

hi there i am young student and i am interested in what concerns VST skin design. I admire your work and how you presented your care into details. Now, there are some questions and some topic i cannot really get my head around, even there are tons of tutorial online for everything today. Hope somebody can give me some hints. i feel a bit lost. i use figma, illustrators, photoshop. and have some basics skills on blender. Creating a basic interface on figma, with gradients and shades is fine. But when i see those materials and fine grain of your product, i assume : you also use mutiple softwares correct? like some skin-surfaces bases, like frames are done in 3D, or some like buttons, knobs with their shadows and rendered, correct? How much is photoshop used in this process to acieve some kind of "realism" with materials? help!

[marciobrenes]

Beautiful Work, SUPPORITNG UKRAINE!!! For ever
🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦 🇺🇦