Forum
    • Categories
    • Register
    • Login

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

    Scheduled Pinned Locked Moved General Questions
    31 Posts 6 Posters 5.3k 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 @dannytaurus
      last edited by

      @dannytaurus send me pm and we can discuss your particular project as it varies quite a lot. :)

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

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

        One UI a day keeps the tinnitus away !

        Momentum - Multi Tap delay, again I am thinking of a series of processors for a fictional brand.

        Bit bored of Figma for now , next one will be full 3D.

        Special offer, if anyone wants a redesign of a fully developed plugin I might want to do that next ? If release is planned and its locked in I would be willing to have a look as my next UI project ? ... maybe ?

        Momentum UI

        MOMENTUM FINAL.png

        Momentum DAW

        Momentum DAW.png

        Momentum HISE Paint Routines

        Momentum.gif

        Momentum 16:9

        Momentum wide.png

        Momentum 4:5

        Momentum hi.png

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

        ChazroxC B 2 Replies Last reply Reply Quote 4
        • ChazroxC
          Chazrox @lalalandsynth
          last edited by

          @lalalandsynth Cleeeaaaan.

          1 Reply Last reply Reply Quote 1
          • B
            Bart @lalalandsynth
            last edited by Bart

            @lalalandsynth

            Great design styles 👏🏻

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

            lalalandsynthL 1 Reply Last reply Reply Quote 0
            • 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 1 Reply 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 6
                          • 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
                              • First post
                                Last post

                              14

                              Online

                              2.5k

                              Users

                              13.9k

                              Topics

                              121.3k

                              Posts