Datsounds - OB-Xd

To clarify I’m not saying one is better than the other. I’m just saying that to have 2 GUIs for the same plug means one of them will go to waste. Perhaps they can both be used but the new one get’s adapted to a different plugin

I think a reason to replace the original GUI would be if the new one was a lot more compact and maybe easier to use on a small screen

4 Likes

There is no other GUI for MOD. FalkTX’ suggestion is from the desktop version of the plugin, which would have to be adapted.

If possible I’d maybe also just use the same assets (may depend on their licensing). As the layout is already exactly the same.
The design of these assets are certainly nice and should be reused for other UI!

5 Likes

I’m a new user here, so please bear with me.

In my humble opinion (even tough I have 20 years of graphic design behind me), the interface proposed by @spunktsch is FAR superior to the “original” one in various aspects: readability, functionality, ease-of-reduction (which is a concept that’s badly overlooked in graphic design world), inversion, etc.

What’s more, to rebuild the “original” design means you have to acquire the rights to it, or to the assets (knobs, keys).

I read the other posts regarding GUI development and, to be honest, I believe it’s better that mod creates its own visual identity or simply let things flow than try to recreate this or that.

My 2 cents here, hope everyone takes it lightly.

6 Likes

It looks like it’s all under the GPL license

From the website

Thanks to 2Dat for the original OB-Xd and Soshi Studio for giving the rights to continue this wonderful product. Also thanks to all KVR artists for making the amazing skins!. Source code is available under GPL license at GitHub.

3 Likes

thank you for all the suggestions and responses. @James no problem - as long as everybody can see there is new gui related to an old topic im good.
@jon started to use it because of the instant van halen sound and its lots of presets. Which need to be converted next.

I’m also torn between the old and ‘new’ design. The original looks cool (for quickly dialing in presets) but as @delaylover mentioned not as easy to read on a quick glance.

The assets I created are 3 lines for the knob and 3 lines for the button - all svg code. The rest is a css grid with a gradient background and some shadows - again I wanted to start with a bare minimum flat design.
On the plus side: this can be adapted pretty easily for most of the plugins with no ui (eg. Aether is next)

@LievenDV @dreamer 100% - i’ve noticed that I’m pretty rusty all things css and already noticed the lack of contrast and spacing.

In the long run I’ll try an svg version of these kind of knobs (+ an indicator)


image

4 Likes

I really like this style of knobs that you suggested in the Plugin Artwork topic with the indicator ring!

2 Likes

Perhaps it would be good to see your design with this style of knobs but with the colours of the GUI more closely following the original GUI and even with the strips on the side

In this case, it is a direct recreation of a real world device so I think the resemblance is useful

I think optimising the scales of things for on screen is a good idea to make things easier to read and use but I feel it would be nice if the colours and textures were a bit more true to the original. Not that it can’t be a “flat” design though

3 Likes

@James, hope I didn’t rub you the wrong way. It is a real world device, I agree, but this knobs in @spunktsch design are much much better to use/read than the original ones under most circumstances, such as low light, small screen, etc. This is just my opinion.

Now the fonts on the original one are certainly better, no question.

Also, looks like it’s been available since 2017 but it’s getting a GUI just now, so to further dwell on a cool design and leave it unattended doesn’t seem like a good approach.

Again, my opinion. No harm intended.

2 Likes

Of course not! If anything, I worry that I’m always being too opinionated. You guys are seriously all great and there is never any harm taken on my side. We evaluate the ideas not the people :wink:

I agree, the new knobs look much better and I agree the old font is maybe easier to read, and the iconography. I think a new design that resembles the old design more but with nicer knobs and stuff would be ideal!

@spunktsch 's design can for sure be used. Maybe a middle ground is the way forward

5 Likes

I changed a few things and assigned most of the knobs (to the right parameters I hope)

Pushed it to my github if anyone wants to try it out. Just connect (root@192.168.51.1) with WinScp and copy the folder to /root/.lv2/Obxd.lv2

10 Likes

Hello @spunktsch Sebastian,

it looks very nice and I like the OB-Xd letters to the left.

I like that you went for the same spacing of the voice variation parameters like the voice pan knobs and that you didn’t abbreviate all parameter names.

Thank you for your work!

Greetings and God bless, Marius

3 Likes

This is even better than the last! :+1: :+1: :+1:

6 Likes

I agree, I think it’s improved a lot! Nice work. I have some more feedback that I’ll list tomorrow if you’re interested

4 Likes

Looks nice! I think somehow I had to update to the latest 1.12RC? didn’t see the modgui before I did that.
Needs a couple more handles to move it around (in between the knobs) and double-click to zoom doesn’t seem to work either.

Other than that very nice! I like this clean design. Maybe a couple more small touch-ups, but it’s almost there I think!

3 Likes

I thought it would make sense to point out what I think is good about each GUI here and suggestions for moving forward

Original


[++] Logo
[++] Iconography (wave shapes)
[+] Background (colours, textures & shading)
[+] Text
[+] Layout, alignment and density
[+] LCD Displays
[-] Knobs
[-] Buttons

#1


[++] Knobs
[++] Buttons
[+] Simplicity

#2


[++] Colours
[+] Simplicity
[+] Knobs

What I would like to see (continuing with design #2):

  • Improve the alignment and layout of controls. If you see the original, the controls have a tighter layout with clean alignment that I think could be adapted

  • Usually, I would opt to remove things like side ears on rack units or the timber end plates but in this case, I think the wood end plates make sense for recognisability but they could be slim. The right side doesn’t really work with rounded corners because it means you need to have an empty strip there so it might as well be wood.

  • I think I prefer the buttons from the #1 as the indicator is bigger making it easier to read. It would be good to use these with more original colours

  • Knobs with indicator rings would be great for readability at a glance

  • Adding the logo, fonts and iconography like the original would be great

  • Adding the LCD displays would also be cool

@spunktsch Just want to say that the work you have done is awesome! these are suggestions that I think would improve it in my subjective opinion. I mean no disrespect at all. Internally we always go through this process of revisions and reviews. Criticism should be constructive and never personal. I’m really excited by what you are doing so please, if my comments are discouraging, let me know, because I want to be encouraging!

6 Likes

thanks @James for the feedback. I know this is a public forum and you explaining things for everyone but don’t worry about discouragement - at least on my part. Your comments are constructive and spot on with most things. I’m pretty familiar with the process in design work and know that revisions are standard practice. Even throwing out 80% of work to get the 20% done is not uncommon. (at least I got better at that ration over the past years :smiley:)

On the suggestions: I’ll try to implement most of it. Some stuff has to be changed in the plugin .ttl (legatomode and voices should be enumerated lists).
I’ll have to check the licensing if I use the original logos and fonts.
The indicator rings and LCD will probably be the last thing because I don’t want to use sprites and need to figure out how to style or rotate svgs on current values.

9 Likes

Good to know thanks! I just wanted to make sure I wasn’t sounding too harsh! I’m also trying to improve my percentage :sweat_smile:

Good to know, I’ll add that to the “to do list” for this plugin. @falkTX this plugin doesn’t actually have a dev in the community does it?

:+1: Sounds good. I think it is GPL

Ah okay cool. Excited to see how you go with that

3 Likes

pushed another update. Aside from a few thing I things it is usable and looks good to go.

TODO:

  • branding (only traced the original)
  • proper fonts
  • a few more shadows and gradients
  • fine tuning knob positions

19 Likes

This is looking amazing man!! nice work

3 Likes

heya! Just downloaded the plugin but no GUI yet, hows it coming along? Really curious :smiley: