VST/plugin GUI design + launch graphics — ads, motion, web

[Chazrox]

@lalalandsynth Cleeeaaaan.

[Bart]

@lalalandsynth

Great design styles

Are you plucking these from your imagination, or getting style inspirations from somewhere?

[lalalandsynth]

@Bart I get inspiration from everywhere, having said that I have a massive PureRef file with all kinds of designs.

[lalalandsynth]

Latest UI Experiment.

VERY inspired by Neural DSP ;)

This is a blend of Figma and Blender.
Kind of a cross between steampunk and the 60´s , refined steampunk I guess you could say.

Sundial UI

Sundial Standalone

Sundial 16:9 AD

Sundial 4:5 AD

[Chazrox]

@lalalandsynth Beauty!

[lalalandsynth]

Solune - Morph Engine.

WebView experiment running in Hise.

So I can see the webview being used for some isolated hero elements or something , this whole ui is made in webview and it has that annoying hand cursor, it seems i can connect the sliders and all that stuff but its a bit janky.

Hand Cursor fix.

html, body, * {
    cursor: default !important;
}

This would be a nice way to make UI´s if it had a better implementation, not sure if this is planned at all?

Next test is GLSL something.
After some glsl testing, this ui could be recreated with a combo of paint routines, some sprites and glsl

Solune UI

Solune AD 4:5

[Chazrox]

@lalalandsynth You are very good sir.

[lalalandsynth]

I was not planning on making another one today as I am deep diving into glsl, but got an idea and had to flesh it out.

So this is "KOMPRESS"

Minimal with a central large knob, Figma design.

This one uses quite a lot of blur for the glow on the black knob which is a HISE problem but since its stationary on the knob , I could move only the line indicator on the knob and just either print the blur or if keeping as vector see if I can get away with one blurred component?

KOMPRESS UI

KOMPRESS DAW

KOMPRESS D16:9

KOMPRESS 4:5

[lalalandsynth]

Here I am experimenting with Figma and Webview

The idea is a moving field of hex cells with a lot of parameters.

Main ones are the Cell fracture, Sparks, moving exclusion zones, Hotspots, orange comets, cyan frames that capture a bunch of cells, cell size.

Spectrum is also done via webview.

I am really hoping that Webview matures in Juce/Hise as its a great way to design any intricate moving graphics although at the moment its great for prototyping and I am exploring converting a design into GLSL ? If even possible.
I gather that the current issues are platform compatibility, overall stability and sample accurate response, hopefully this will advance.

HEX GRAIN UI

HEX GRAIN UI

HEX GRAIN UI

HEX GRAIN UI

HEX GRAIN UI Controller

HEX GRAIN AD 4:5

[ustk]

I just wanted a quick shout-out after having an amazing talk with Arnar (@lalalandsynth)
It's not just about the design, it's the whole process of getting involved in the final result for the end user that drives this guy!
Great ideas, new implementations, the experience talks...
I can feel already my prototype will reach a quality I wasn't expecting! I knew the design would be good just seeing the examples above. But trust me the design is just a part of the job he can do...
So thanks Arnar to be this very kind person who knows his stuff, I can say I've found my designer...