Strums_Mental_VCV_Modules icon indicating copy to clipboard operation
Strums_Mental_VCV_Modules copied to clipboard

Help Wanted: Anyone who likes gui design like to help with making these modules look better?

Open Strum opened this issue 7 years ago • 83 comments

Is there anyone out that enjoys designing GUIs that wants to help redesign the look of the modules?

I find it tedious myself and would rather focus on functionality.

Strum avatar Oct 19 '17 03:10 Strum

2 i could come up with another design for your modules. What colors do you prefer? should it be in a yellow theme like your current one?

ghost avatar Oct 19 '17 09:10 ghost

Whatever you fancy, just try and keep them as small as possible.

I kind of liked the idea of have the backgrounds a bit transparent though.

Strum avatar Oct 19 '17 11:10 Strum

Looks good by the way, and thanks for the offer.

Some consistency of style and colour scheme across the set is also somewhat important, but I'm not a graphic artist and I'm open minded to anything that looks better than what i've done which was very much a rush job and not a high priority for me with this project yet..

Strum avatar Oct 19 '17 11:10 Strum

if you didnt already see my modules... i plan also to keep the color sheme to all my upcoming modules. I will do that with your modules too. so all will have the same colors in it. I shurely can make them transparent a bit.

btw i was wondering why none of your modules have screws.

ghost avatar Oct 19 '17 11:10 ghost

I left the screws out to save space basically, they aren't necessary, just there for the look.

I also wanted them to look different from everyone else's, hence the transparency , but mostly I was just trying to make everything as small as possible.

Which modules are yours?

I'd orginally hoped to add some nice paisley patterns as an over lay on the background but haven't worked out how to deal with bitmap patterns in the vector format or found any good vector patterns yet.

Strum avatar Oct 19 '17 12:10 Strum

yea that makes sense. i just found it very nice to have the modules look like the real deal somehow :D

mine are the ms-modules.

i can try to add some paisley pattern on the background.

ghost avatar Oct 19 '17 12:10 ghost

I hadn't looked at your modules yet, they look nice, a bit of a style. I'll have a play with them.

You've gone for a blue based colour palette in yours, if you use oranges, yellows, browns and reds for mine that should help differentiate them. Perhaps you could round the corners of the rectangles behind the ins and outs as well to make them different.

How are you getting everything to line up? that's the thing that was taking all the time.

Oh and feel free to move the interface elements around a bit or change the types of sockets, lights and knobs if you want, just try and keep things about the same size, a little bit bigger is ok but not much, screen space is valuable.

Strum avatar Oct 19 '17 12:10 Strum

A bit of transparency on the coloured rectangles so you can see the background pattern through them would be nice also.

Strum avatar Oct 19 '17 12:10 Strum

I tried to include pattern. I could do it but somehow rack doesnt show them. But Andrew mentioned some time ago that not all features of the SVG´s will be working.

Well, I could include my inputs/output svg´s into your modules which are a bit smaller than the regulars from rack. But I definitely wont change the sizes of your modules. I also like this size.

Ok, I will send you what I did so far later tonight.

ghost avatar Oct 19 '17 13:10 ghost

cool, look forward to seeing what you have done.

Strum avatar Oct 19 '17 14:10 Strum

sadly i didnt have enought time to play around with your svg´s but i think this one looks quite nice.. 3

ghost avatar Oct 19 '17 20:10 ghost

if you like it i will make all other modules the same way.

ghost avatar Oct 19 '17 20:10 ghost

Getting there, but can you change the background colour to more like the original orange and I don't like the font much.

I liked the lilyUPC font i used originally.

made a few changes to the code tonight so you might want to update

Strum avatar Oct 19 '17 20:10 Strum

okidoki ;)

will make the changes you suggest. do you mean the very light yellow-ish which is in your orginial backgrounds images?

ghost avatar Oct 19 '17 21:10 ghost

2

reverted back to the lilyupc font ;) ajusted the color of the background a bit.. still not quite there.. will get the correct color out of your orginial background..

ghost avatar Oct 19 '17 22:10 ghost

Yeah, really nice, i like it.

if you upload them somewhere i'll put them in the repo.

Strum avatar Oct 20 '17 01:10 Strum

ok perfect. i will use the same color sheme on all of your modules and send you a dropbox link to download it...

ghost avatar Oct 20 '17 09:10 ghost

Awesome, thanks so much, it will make them look a lot more professional.

Perhaps we can work together on interface design for new modules and I'd be happy to help you with coding your modules if you want.

Brainstorming concepts for modules designs might also yield some interesting results, I'd be interested to hear what ideas you might have for new modules.

Strum avatar Oct 20 '17 09:10 Strum

Have you changed any of the code to reposition things and change the knobs and jacks? or have you only modified the .svg files?

I'll need to either merge your changes, which will be another first for me, or add them myself.

perhaps if you move something or change the look of a knob jack or switch you could make a note that the code needs to be changed to suit

Strum avatar Oct 20 '17 10:10 Strum

You may find this useful.

https://github.com/VCVRack/Rack/issues/261#issuecomment-337953776

i'll try it myself when i get time

Strum avatar Oct 20 '17 11:10 Strum

yea in the A/B Switches module I mad small ajustments to the buttons. to place them more centered between the inputs. the new inputs/outputs are svg´s but a tiny code need to be added to the mental.hpp file. which i will send you so that you can just use the one I altered or to look at it and make the changes to your currect one. The code I used to do that comes from rack´s components.hpp. which can be found under rack/include/...

Right now I m trying to figure out a way to change the cartesian sequencer to look better. because there is alot of empty space in the module. Even with the color sheme and style it doesnt look very good. (at least I dont like it) :D Maybe I will use bigger knobs instead. If this is ok with you. Therefor its possible that the size of the module changes.

About your offer to work together: for sure. I like graphical stuff. And I m fairly new to coding as my modules are the first time I even wrote c++.

ghost avatar Oct 20 '17 11:10 ghost

I agree about the cartesian module it doesn't look balanced that small.

try using the way andrew has described in the issue above and place the knobs how you think looks best use whatever knobs you feel suit best.

Strum avatar Oct 20 '17 11:10 Strum

Hi, first of all, thx for the great job u made! Here's my attempt to make modules more suitable to me!

I've also started making my component library, just for fun ;) Plan to upload everything later. modules

dBiz avatar Oct 20 '17 11:10 dBiz

wow thanks @dBiz, I've sort of settled on the look the @Phal-anx has been working on.

I like what you've done but i wanted a consistent style and colour scheme across the modules and keeping them small was a major consideration in my original layouts.

Feel free to make them how you like and distribute them if you want though.

Strum avatar Oct 20 '17 11:10 Strum

wow @dBiz :) very nice!!

i really like the knobs and lights on the cartesian squencer. also the idea of the arrows instead of written words is quite nice. I will add some of your ideas into the backgrounds if thats ok for you.

ghost avatar Oct 20 '17 12:10 ghost

Awesome @Phal-anx, that's that way to collaborate.

Strum avatar Oct 20 '17 12:10 Strum

No prob @Phal-anx , I've made a repo with my stuff ;) I've also started a stereo mixer prototype, based on StrumMixer, it works but for sure I've done something wrong with the code;...

dBiz avatar Oct 20 '17 12:10 dBiz

2564567

so here is a little update ;) the cartesian sequencer cost me like 2 hours to place everything properly :D but the rest of the modules will be finished fast, because i already finished the new button, knobs and outputs.

ghost avatar Oct 21 '17 12:10 ghost

Cool!

dBiz avatar Oct 21 '17 12:10 dBiz

looks great.

good work.

Strum avatar Oct 21 '17 14:10 Strum