HISE Logo Forum
    • Categories
    • Register
    • Login

    UI Design - AI?

    Scheduled Pinned Locked Moved Presets / Scripts / Ideas
    20 Posts 9 Posters 549 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.
    • d.healeyD
      d.healey @Tangerine_Sounds
      last edited by

      @Tangerine_Sounds said in UI Design - AI?:

      Any other recommendations

      If you can afford it, hire a designer, it will get you the best results.

      These days designers usually work in Figma, and if I need to modify the design I'll work in Inkscape or what's becoming more common for me is I'll adjust it on the fly in HISE.

      Libre Wave - Freedom respecting instruments and effects
      My Patreon - HISE tutorials
      YouTube Channel - Public HISE tutorials

      Tangerine_SoundsT 1 Reply Last reply Reply Quote 1
      • orangeO
        orange @Tangerine_Sounds
        last edited by

        @Tangerine_Sounds As an alternative, have you used Midjourney or Dall-E?

        develop Branch / XCode 13.1
        macOS Monterey / M1 Max

        Tangerine_SoundsT 1 Reply Last reply Reply Quote 0
        • ?
          A Former User
          last edited by

          I've been using stable diffusion img2img locally, instead of rendering something in Blender I can just bring in a basic blockout (made in Affinity Designer) and tell the model I want it to look like rusty metal or plastic.

          d.healeyD Tangerine_SoundsT 2 Replies Last reply Reply Quote 0
          • d.healeyD
            d.healey @A Former User
            last edited by

            @iamlamprey Can you share an example?

            Libre Wave - Freedom respecting instruments and effects
            My Patreon - HISE tutorials
            YouTube Channel - Public HISE tutorials

            ? 1 Reply Last reply Reply Quote 0
            • ?
              A Former User @d.healey
              last edited by A Former User

              @d-healey said in UI Design - AI?:

              @iamlamprey Can you share an example?

              Sure

              Before (background plate):

              fc9af332-b783-4bf8-8857-3c6676c7d52c-image.png

              Before (Knob):

              4bd1ad08-d64f-43dc-aefc-0249e8e152a3-image.png

              After (Final Plugin):

              8371a0e8-9a86-48c8-ba18-3f1a4e36265c-image.png

              The main issue is the baked shadows (rotating the knobs looks a bit weird), but it can be fixed with some extra effort

              1 Reply Last reply Reply Quote 2
              • GabG
                Gab @Tangerine_Sounds
                last edited by

                @Tangerine_Sounds I get a lot of inspiration from Pinterest and then recreate a draft in figma and put it in HISE with CSS or LAF.

                You can always feed some CSS or LAF code to the ai to change it how you like and these will be more interactive and prettier overall imo!

                Tangerine_SoundsT 1 Reply Last reply Reply Quote 1
                • Tangerine_SoundsT
                  Tangerine_Sounds @orange
                  last edited by

                  @orange said in UI Design - AI?:

                  @Tangerine_Sounds As an alternative, have you used Midjourney or Dall-E?

                  No, but having watched a few tutorials Midjourney does look pretty good.

                  1 Reply Last reply Reply Quote 0
                  • Tangerine_SoundsT
                    Tangerine_Sounds @A Former User
                    last edited by

                    @iamlamprey said in UI Design - AI?:

                    I've been using stable diffusion img2img locally, instead of rendering something in Blender I can just bring in a basic blockout (made in Affinity Designer) and tell the model I want it to look like rusty metal or plastic.

                    Thanks for sharing these designs. It looks like a good way to generate ideas.

                    1 Reply Last reply Reply Quote 0
                    • Tangerine_SoundsT
                      Tangerine_Sounds @Gab
                      last edited by

                      @Gab said in UI Design - AI?:

                      @Tangerine_Sounds I get a lot of inspiration from Pinterest and then recreate a draft in figma and put it in HISE with CSS or LAF.

                      You can always feed some CSS or LAF code to the ai to change it how you like and these will be more interactive and prettier overall imo!

                      Good suggestion. I need to look further in to Figma...

                      1 Reply Last reply Reply Quote 0
                      • Tangerine_SoundsT
                        Tangerine_Sounds @d.healey
                        last edited by

                        @d-healey said in UI Design - AI?:

                        If you can afford it, hire a designer, it will get you the best results.

                        It might come to this but I wanted to try it myself first and at very least get a mock up design.

                        d.healeyD 1 Reply Last reply Reply Quote 0
                        • d.healeyD
                          d.healey @Tangerine_Sounds
                          last edited by

                          @Tangerine_Sounds said in UI Design - AI?:

                          get a mock up design

                          Pencil and paper is still good for a rough outline

                          Libre Wave - Freedom respecting instruments and effects
                          My Patreon - HISE tutorials
                          YouTube Channel - Public HISE tutorials

                          1 Reply Last reply Reply Quote 0
                          • d.healeyD
                            d.healey
                            last edited by

                            I was working on a redesign for one of my instruments. I gave an existing design to chat gpt and asked it to give me a version that was blue with a 1920s vibe.

                            This was what I gave it

                            30b429ce-cb18-4eab-9bcd-c3086e0546ed-image.png

                            This is what it came up with

                            b2d0f9de-b696-4642-8a30-03486c3fde6f-image.png

                            This is the final design

                            4bed04d8-92c1-4c0b-abcc-010ee07c8510-image.png

                            I'm pretty happy with this, I'll be getting the GPT's input on UI matters more often.

                            Libre Wave - Freedom respecting instruments and effects
                            My Patreon - HISE tutorials
                            YouTube Channel - Public HISE tutorials

                            ChazroxC Tangerine_SoundsT LindonL 3 Replies Last reply Reply Quote 6
                            • ChazroxC
                              Chazrox @d.healey
                              last edited by

                              @d-healey Niiiiice! That looks awesome!

                              1 Reply Last reply Reply Quote 1
                              • Tangerine_SoundsT
                                Tangerine_Sounds @d.healey
                                last edited by

                                @d-healey that looks good. I think Image to Image gives better results with AI

                                1 Reply Last reply Reply Quote 0
                                • LindonL
                                  Lindon @d.healey
                                  last edited by

                                  @d-healey said in UI Design - AI?:

                                  I was working on a redesign for one of my instruments. I gave an existing design to chat gpt and asked it to give me a version that was blue with a 1920s vibe.

                                  Im a complete Chat-GPT novice - I've like only asked it a very few questions - in the free version.

                                  How did you ask it to do this?

                                  HISE Development for hire.
                                  www.channelrobot.com

                                  d.healeyD 1 Reply Last reply Reply Quote 0
                                  • d.healeyD
                                    d.healey @Lindon
                                    last edited by

                                    @Lindon I copy pasted the image I had, or you can click the upload button. Then I said give me a blue version of this with a 1920s jazz club vibe. That's pretty much it.

                                    I've done a few others and sometimes it gives portrait orientation so it's also good to tell it if you want portrait, landscape, wide-screen, etc.

                                    Libre Wave - Freedom respecting instruments and effects
                                    My Patreon - HISE tutorials
                                    YouTube Channel - Public HISE tutorials

                                    A 1 Reply Last reply Reply Quote 1
                                    • A
                                      aaronventure @d.healey
                                      last edited by

                                      @d-healey the new o3 model is wild for talking about UI. It'll draw an ascii wireframe and discuss strengths and weaknesses at length as you prompt it about your current UI situation and desires.

                                      Then it'll generate an an image of that same ascii writeframe in any style you want.

                                      d.healeyD 1 Reply Last reply Reply Quote 2
                                      • d.healeyD
                                        d.healey @aaronventure
                                        last edited by

                                        @aaronventure I was using 4o, I'll check out o3

                                        Libre Wave - Freedom respecting instruments and effects
                                        My Patreon - HISE tutorials
                                        YouTube Channel - Public HISE tutorials

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

                                        58

                                        Online

                                        1.7k

                                        Users

                                        11.7k

                                        Topics

                                        101.8k

                                        Posts