HISE Logo Forum
    • Categories
    • Register
    • Login

    UI Design - AI?

    Scheduled Pinned Locked Moved Presets / Scripts / Ideas
    22 Posts 10 Posters 3.7k 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.

      Free HISE Bootcamp Full Course for beginners.
      YouTube Channel - Public HISE tutorials
      My Patreon - 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?

            Free HISE Bootcamp Full Course for beginners.
            YouTube Channel - Public HISE tutorials
            My Patreon - 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

                          Free HISE Bootcamp Full Course for beginners.
                          YouTube Channel - Public HISE tutorials
                          My Patreon - 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.

                            Free HISE Bootcamp Full Course for beginners.
                            YouTube Channel - Public HISE tutorials
                            My Patreon - 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.

                                    Free HISE Bootcamp Full Course for beginners.
                                    YouTube Channel - Public HISE tutorials
                                    My Patreon - 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

                                        Free HISE Bootcamp Full Course for beginners.
                                        YouTube Channel - Public HISE tutorials
                                        My Patreon - HISE tutorials

                                        1 Reply Last reply Reply Quote 0
                                        • L
                                          loumana_
                                          last edited by

                                          i tried to generate some images on "ideogram". I'm very impressed by the designsa-photograph-of-a-vintage-audio-compress_6W5JY9LURKOvJFLE2qKptw_WnOAHzk7TeSc-PjHmd9kjA.png a-photograph-of-a-professional-multi-ban_hA5MBApVRXW76ZYfHPKPyw_tFVR4jByQUmd_J4kLoqC7g.png vst-plugin-interface-focused-on-filter-s_Bmn4kAVUS02twbQQq-6XmA_Z9pZXhmvR269tBj7bm3cnw.jpeg a-flat-photograph-of-a-vintage-style-aud__yivgWeeR5uEv6y7W5of0g_C0wy2ZE_RiC2agioO4osBQ.png

                                          ChazroxC 1 Reply Last reply Reply Quote 0
                                          • ChazroxC
                                            Chazrox @loumana_
                                            last edited by

                                            @loumana_ those look great.

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

                                            16

                                            Online

                                            2.0k

                                            Users

                                            12.7k

                                            Topics

                                            109.8k

                                            Posts