New default HISE knob



  • Today is UI Day, so I've spend a bit time trying to improve the default HISE knob. I've used the ScriptPanel for prototyping and came up with this "new" look:

    63f0e9eb-aca5-4407-943d-5645763db5dd-image.png

    HiseSnippet 2147.3oc4Y0uaaajDmz1LsVs9v0CEGNb3N.hhCGjhoU3tRTh5BBhcrsRLZsiPTZZODXTvPtRhvTj5HWIGi17bz+8dIt2i9Lzmf9Fzalc4JRYqn3p6iBzRaIycmYm427wNbG5doI9rrrjTM8se9USXZ5enQ+qh4iNbjWXr1IGoouiwYrKexI8O9SO6oOR6QWMwKKiEnoqu4iQVz2dKMw0O7vG4E4E6yJlRS6EIg9rOKbbHuX1d6+ogQQc8BXOObbItat+I9IwGlDkLEfylF1ZS77uvaH6LOjsMLzzuywAg7jz9bONKSSeqGkDbU+QIWFK4+EgYguJhgCHZ8AAImtaRT.hX7dsCGEFEzSY1YZZ5F8JbBaJcBerwogAgymuvY7aEDLKVQY+g9FqBdj0Dd5kf2VR38QF88SCmvKnfX6CLNIlyRG3AgfxvRxq1F+4Oz3vDfiXd8wdWv5lBCluhpsrssLcrsqc+cprSEHPjwMm4kZ1yKlEQLefoZsCY7CSFOIIFFT8Sjj+jqupzv3gG4w8f08RBw1hX2whZ2vhzhXQa1vpkiEgZA+zzFuuiqUmVVTZGKhaGwD1vHWKBLnkEwgZgBocSAolVNtVThfhKvG.bRaWqVMAoiL6.R0IWpvXTncZCeH.cpUKbHEI2.fSaPqMoRhfHovbvTH5b.w4zP7AjLk.S0pgPgvPPxDDDM5X4HTE.MBJll45AgtqUEhKAoJQAhJjJZlTab0tHQpcafD.PGxbQSEDkVO5hHsZa4HrdRKKWk0Sg+z.cBBkPbaZ0vVY6DzcPnJk.R01pfnMPDtMmXafMJ50ZV1sHoQb.EfwFIQJA.qcAUvLTw.z2gbPASA9KX6pf.3tIPLm5Hb6TGvdnfTaJczXlQCxbE.FDZORWStWmRjVHBTLlJEqxJHssk4Sf9.raKbiXTkB4LtxbMBF0sE+EHlahR8C2PHXtiJkogEF2sohLp1nSiHlGCUPrk3J9f5.fdilxjOGgIJR..aGi4.aP5AkT.Wp3iq8h90VRIKEkCYAhxgyUqqTQfXIh7GpJFrpsVcDtDH5e9R1iVZeseJCJa0yiOpJtaFoVOJwK.pSLF2JWUsmdY60oqVPz5YbuTN7fj9SekfhccGKSRc6BN7BBNH0u5KsqCEhDeQx+5bKy8NEVT8dmbW65sgElOx7tl3XIfBiiBiYlClF6yCShMSYAS8YAUmfUnrL8FmLMlWamJe8NULgqTFeZZr4KkyqnaYJXGKx8EgAnEXtmI8t2f3SXgCGwyolu1yuek2f.YmJxhh0yX7dvCN3OKYJGfVUEzpNrlBEn+alWzTF3+3iByPY+Bbrv0ssx8JvRIVTX6dljV0sQNgeGhJT93yp1utQCawkPNCqO.dj6wQQgSxXUUdFTZVExuVsxB5wodAgP3rKrPHn75tcaHtxiMxufYIhq7IT3S4dN+1qcHVRgzAEFTVdi2dhkHJhrrjjKIBWMWpzKEWEQDAmfhWHqybWTjMWfYofWYlqPV4Yri8dcUorExxMmJLpHglT2A9VlSrmfqEiKyCvCFH77t4t3fTuKElkX2jk4aKHeMWd9pKDrHDF.ayqG.Gbw7ghfbG6NcN3.y+lXfqsqamNKSsMtsp8lZgTuEHdR8l0xEbZBdJppXTB7CB+QMXk6I8O49KKyWdysDzalGhyd9JL0QIyXo41pOE+I2VOPbUJKdts9VM02k4oR2p7FYcqhhEmlLMicnWTzqfy8VTsfMCR9gJFU195.9AlBZxQHFuldUz8iB8ufEX9MeS9DPTaXdRE7a3fpKvWMI.yKQUjsiWEZPj59h2ZsK0BfMuYIQr5S.GDuJo18ETdijg4ZFAzMUKtWLdlR7WWq6ZVZweIjjTL5uiQbn.nn13MMBgLEoPodwCYUimUrus1RWw0b.YJKMdVY9UllLNjxlfU+kUxwnMDrqL+wSIwmkvYOMtpHxV4MULuNoACVJMrZXZRTDKcojwdpRW0BqFOc7qXoV46oTLBMWrX2K24108hur3bIFShOINj+zIr7wE82PVR+MZ4U2g697SviWfs7jOGv2DVJODgi9QrYPujxFf113HV1E7jIPagyaFAllKntip8HbmkVHn522PbOU60P6d5nVuBuAvi1k3dVbvQ5ZZiD0KvQW.iB4rwp1Q29N6t6t+H1lZwrTb56cu6IlF11lboZyaF1o3g3toLy+p4SvsmngNGnu26.nDIP+WJf9sE.U0s7S1WA1hYtNF9i4XvRBA.JGAaNFBUpftvuQWkPusIASi73K1vK1keNAHOZgNKwtGiyB4WU9s.7SnKX6k1E7RyRtkv8iL5Ex8Gsb7twRvKjs8+Z7l+NE1w33ACX97BvtkQ2ubceABqGT9MRn7AF8gyiJdOOBf76EiM+BuYLyGyhYonSkrh20y2caeWOSt0uqmm5yA0+bnfb1jjLV4Lp9rwgOG14jUL4eZ+OOi0Mk8OdFFkKihCS7RWJoe3gcAiboqouGzKfHc4.wI4yo8Om7fu+g5atVuTmE20Th+k7Fd15mgW.0+8258edkhMucv8c7Nx1Vgw9gimDwNNdFKBdLh.i+N34FC7lFwUytXR9oIwISFkDG5WN63YLdZ3vgrzxXeoFzAbNT3sXlOd+mwhXdkyl+K6+YPVnWJ3mXqoufb68EqJd8GLjv0D2YZ9KiJ7a9qyJ7xWvvP3Dsog3AGNa539PgUeFfjX33DY3YH1.KNJGaiiEE9XwAhA+HbkSjfi0yIRTD++hNF64ml7U9xyoh4xuuXFvtiE+K.113TbrIQSb1UXcFvw10FCUD+JeezcuG3eV9ZnqwZZrFqo4ZrFm0XMsVi0zdMVi6JWC9vnClxSFK2JBSz6Xwg300ON1CxjEY8Z+aD+EkON
    

    The changes are rather minimalistic because I don't want to throw away the old design, but just improve it a bit, so I basically recreated it with pure vectors. This gives you the following advantages:

    • better mouse interaction (moving away from filmstrips lets you use the hover & click states for more visual feedback, so here the knob is being "pushed down" if you click it
    • better scalability (the old one was exported at 200% but now it's perfectly scalable).

    What do you think? Is it better than the old one? Also feel free to come up with modifications - the code is pretty easy to hack...



  • Very nice, vectors are always better for UI I think. I noticed the knob pointer seems to go below the minimum of the outer ring.

    Peek 2021-03-29 23-36.gif

    I assume the final new version will have the text input and keyboard modifiers that the current version has?



  • Ah yes, that's sloppy coding. The other functions will of course be there, this is just a dummy panel.



  • @Christoph-Hart +1 for vectors too ๐Ÿ˜‰
    Keeping the old look and just polishing it seems a good idea.
    However I'm personally not that thrilled about the knob being recessed/pushed down when clickedโ€ฆ why not a subtle color change or shade or even nothing? Just my opinion thoughโ€ฆ



  • @Christoph-Hart like it. A lot.



  • @Christoph-Hart Very Nice ๐Ÿ™‚



  • @Christoph-Hart Classic Hise knob with vector graphics. Awesome ๐Ÿ‘ ๐Ÿ‘



  • @Christoph-Hart Looks clean and nice, I like everything except the knob going down when manipulated.
    I like the vector style
    ๐Ÿ‘


Log in to reply
 

14
Online

1.2k
Users

3.8k
Topics

33.6k
Posts