Tips for making a good looking synth

Jan 28, 2010 at 9:18pm

Tips for making a good looking synth

Hi

What tips can you guys give me for making a good looking GUI for a synth??

#48097
Jan 28, 2010 at 9:33pm

Gradient panels go a long way in making a UI look sexy.
But if you really want to spice things up, download KnobMan…
http://www.g200kg.com/en/software/knobman.html
Create your knobs and dials, then load them into Max.

#173010
Jan 28, 2010 at 11:39pm

Learn javascript and get into jsgui.

#173011
Jan 29, 2010 at 12:06am

I’m not saying this from personal experience, but I would imagine that Jitter has some really interesting applications for GUI design………I’ve been meaning to delve into it but it’s still on my to-do list unfortunately.

Although, in my opinion, a simple, well thought out UI combined with an impressive sounding patch/synth/etc.. would always be more enjoyable to use than a complicated clutter of controls.

“Less is more”…………

#173012
Jan 29, 2010 at 12:10am

A good sounding synth trumps eye candy any day. Thoughtful interface design also trumps eye candy. IMHO, it’s the last question to ask – but *definitely* ask it – the good thing about Max is that if you’re the person who created what’s under the hood, you’re also the best person to make decisions about useability (especially if you go out and work with the thing for a while to make sure that the decisions you made favor working with the thing instead of trying to look cool).

#173013
Jan 29, 2010 at 12:14am

I have to agree with Tim on the “less is more” approach. Creating custom UI controls might also be an idea: have a look at [pictctrl], [pictslider] and [matrixctrl] where you can load in your own images. The “dialmode” attribute of the latter is pretty useful if you haven’t noticed it yet. If you want to test the ideas you have then perhaps post something to the forum as a sort of beta test. I’m sure people will be more than happy to provide constructive criticism on the usability as well as the appearance.

lh

#173014
Jan 29, 2010 at 12:26am

I found that using transparency you can get some great results.

http://www.xstremetouch.com – these are all interfaces I’ve done with Max.

#173015
Jan 29, 2010 at 12:31am

I like the shadow on the [kslider] and the coloured [dial]s. Tooltips are definitely a good idea.

lh

#173016
Jan 29, 2010 at 12:42am

haha, I’m a little hesitant to suggest this………but If you’re on a Mac (I’ve got no windows knowledge unfortunately), you can open the package contents of an app that you like the look of, and usually can nick all the images that make up their UI and use them with fpic+ubutton and/or pictctrl……………..it screams copyright infringement….but can make for some veery nice looking patches.

#173017
Jan 29, 2010 at 2:34am

using custom made fpic boxes made in photoshop instead of using panel can make quite a big difference

#173018
Jan 29, 2010 at 3:13am

+1 to the Photoshop approach. Don’t forget also that you can make your Max controls transparent and overlay them on the background image(s). With creative use of [hidden] you can flip between graphical states based on the invisible max controls, so combining that with graphical knobs and customized sliders, effectively you can make a Max patch look like anything you can imagine.

Df.

#173019
Jan 29, 2010 at 7:49am

having said using photoshop is good, ive just finished this one without any fpic type things, all regular max objects (theres an xy pad, but it is set to its standard init settings)

http://img191.imageshack.us/img191/1584/simplemonosynth.png

was aiming for a virtual synth style look.

#173020
Jan 29, 2010 at 12:55pm

+ 1 for Knobman – a great, great application for making dial, slider, etc.. images to be used in Max GUI objects (or other software too).

Also from the same developer, Skinman: http://www.g200kg.com/en/software/skinman.html

I agree with less is more, as well as well thought out interface. Examples of some of my work include the Klee Sequencer, Major Malfunction, and MC-202 Hack, all viewable here: http://defectiverecords.com

#173021
Jan 29, 2010 at 1:36pm

–I use semi-transparent white multisliders on top of my signal meters—it’s intuitive, saves space, and looks good.

–if you have a [filtergraph] or other object whose motion is spread out over time, you can a second object under the semi-transparent interactive one which shows where the actual response is.

–multiple [ksliders] on top of each other, using transparent white/black keys, can highlight multiple colors on the “same” keyboard. So you can show different tracks, voices, or transpositions. The bottom one can have opaque keys if you want.

–a global color chooser/send for certain parts of common objects: button, LED, dial, slider. Gives some user options while keeping things consistent. The “saturation” message to [swatch] is important to not have everything look too colorful.

http://www.third-space-mind.com/max/max_main.htm

#173022

You must be logged in to reply to this topic.