Forum
    • Categories
    • Register
    • Login

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

    Scheduled Pinned Locked Moved General Questions
    32 Posts 7 Posters 5.8k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • lalalandsynthL
      lalalandsynth @Bart
      last edited by

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

      https://trikk.studio/
      https://www.instagram.com/trikkstudio/

      1 Reply Last reply Reply Quote 0
      • lalalandsynthL
        lalalandsynth
        last edited by

        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

        SundialFINAL 3.png

        Sundial Standalone

        Sundial DAW.png

        Sundial 16:9 AD

        Sundial wide.png

        Sundial 4:5 AD

        Sundial Hi.png

        https://trikk.studio/
        https://www.instagram.com/trikkstudio/

        ChazroxC C 2 Replies Last reply Reply Quote 8
        • ChazroxC
          Chazrox @lalalandsynth
          last edited by

          @lalalandsynth Beauty!

          1 Reply Last reply Reply Quote 2
          • lalalandsynthL
            lalalandsynth
            last edited by 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

            Cube-ezgif.com-optimize.gif

            Solune AD 4:5

            find the pusle.png

            https://trikk.studio/
            https://www.instagram.com/trikkstudio/

            ChazroxC 1 Reply Last reply Reply Quote 5
            • ChazroxC
              Chazrox @lalalandsynth
              last edited by

              @lalalandsynth You are very good sir. 🔥

              1 Reply Last reply Reply Quote 0
              • lalalandsynthL
                lalalandsynth
                last edited by

                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 Final.png

                KOMPRESS DAW

                KOMPRESS DAW.png

                KOMPRESS D16:9

                Wide AD.png

                KOMPRESS 4:5

                Long ad.png

                https://trikk.studio/
                https://www.instagram.com/trikkstudio/

                1 Reply Last reply Reply Quote 2
                • lalalandsynthL
                  lalalandsynth
                  last edited by

                  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

                  Main hexgrain.png

                  HEX GRAIN UI
                  Hex 2.gif

                  HEX GRAIN UI
                  Hex 3.gif

                  HEX GRAIN UI
                  Hex 6.gif

                  HEX GRAIN UI Controller
                  Interface.png

                  HEX GRAIN AD 4:5
                  Texture In motion.png

                  https://trikk.studio/
                  https://www.instagram.com/trikkstudio/

                  ustkU 1 Reply Last reply Reply Quote 7
                  • ustkU
                    ustk @lalalandsynth
                    last edited by 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 excellent just seeing the examples above, no doubt. 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...

                    Hise made me an F5 dude, any other app just suffers...

                    ChazroxC 1 Reply Last reply Reply Quote 6
                    • ChazroxC
                      Chazrox @ustk
                      last edited by Chazrox

                      @ustk The man is too good! 🔥 @lalalandsynth 🏆

                      1 Reply Last reply Reply Quote 0
                      • C
                        cartemtune @lalalandsynth
                        last edited by

                        @lalalandsynth that's the one! perfection!
                        There's so much AI these days that my brain defaults to thinking "this is AI" with your previous designs, but this neutral one is fantastic

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post

                        16

                        Online

                        2.8k

                        Users

                        14.0k

                        Topics

                        121.6k

                        Posts