Old 12-05-2011, 01:43 PM   #1
airon
Human being with feelings
 
airon's Avatar
 
Join Date: Aug 2006
Location: Berlin
Posts: 10,384
Default Next Gen toolbar panel


I need ideas and an honest assessment on how designs like this do work in their current state, and should work.

The toolbars can and should be more flexible than they are now. Function can be derived from symbols, shape of the buttons themselves, their colour and shading, their position and the visual feedback they provide when their state changes.

Current state of buttons
  • Toolbar buttons come in two sizes, single and double-width, the latter being restricted to text toolbar buttons
  • All toolbar buttons use one background for main function and one for the armed state
  • Text toolbar buttons use one colour for text
  • Toolbar layouts are self-arranging only
  • All other buttons are placed with a function-specific WALTER commands that is rigidly tied to one set of image assets(one per button state)


My project is of course the automation panel I've been designing, and am continueing to iterate on.

Here is a design of a bunch of basic rectangular-shaped buttons.
Elements and Functions of the design
  • two states thus far, just like most of our toolbar buttons.

  • rectangular shapes

    The rectangular shapes could be drawn with vector graphics or a very single streched item, similar to the item background we find the arrangement already.

    The oval shapes found in other parts of the automation panel would be classically built with graphics assets, which could include stretchable areas as well, to provide for variable sizes from one asset.

    Each shape made of a graphics asset follows the same established conventions of buttons in Reaper thus far. One asset for the unpressed state, and one asset for each active state.

    vector-based rectangular shapes would permit more fine-tuned control over colour, so let's assume we could create simple rectangular shapes that way.

    The vector-based rectangular shape defines line strength, line colour and background colour, perhaps even a gradient, and text colour. Three sets per state. Normal, mouse-over and button pressed.

  • text on the buttons is created from WALTER code

    Font, size, colour can all be chosen per state. Look at the small buttons at the bottom. This can only be done if the size of both the button and the text is truly flexible.

  • Mouse modifer context for single-click and double-click.

    In this example, the panel options would apply to selected tracks with a single-click, and all tracks with a double-click.

    Thus, it's highly useful to have mouse-modifier contexts, though that would be quite a complex thing to set up in the toolbar editor.

__________________
Dialogue/FX Editor & Re-Recording Mixer
(Video)Using Latch Preview
"My ego comes pre-shrunk" - Randy Thom

Last edited by airon; 12-05-2011 at 02:02 PM. Reason: updated example image from automation panel design
airon is offline   Reply With Quote
Old 12-06-2011, 08:38 AM   #2
airon
Human being with feelings
 
airon's Avatar
 
Join Date: Aug 2006
Location: Berlin
Posts: 10,384
Default

Here are some examples of a new kind of toolbar button. Feel free to add your own ideas and concepts.


Simple vector-based button

---- Set grid to 1/4 note, inactive


Simple vector-based button

---- Set grid to 1/4 note, active


Image with text foreground




BG Image with foreground image, similar to our current toolbar buttons, but with flexibility in size and any kind of background image

---- Custom background image with a custom image in the foreground

__________________
Dialogue/FX Editor & Re-Recording Mixer
(Video)Using Latch Preview
"My ego comes pre-shrunk" - Randy Thom

Last edited by airon; 12-06-2011 at 04:17 PM.
airon is offline   Reply With Quote
Old 12-08-2011, 02:33 AM   #3
airon
Human being with feelings
 
airon's Avatar
 
Join Date: Aug 2006
Location: Berlin
Posts: 10,384
Default

Anyone have more ideas ?

Those toolbars should be buildable in a GUI, just like they are now. They begs the question whether the whole thing would be a WALTER affair anyway, and thus necessitate a simple WALTER editor to create toolbars of your own design.
  • Place a function box, resize and position it
  • Pick a background type, plain or strechable image.(default by theme)
  • Pick the colours, either line and fill for the plain background, or tint for the image.(default by theme)
  • Pick foreground type, text or image, stretched or not
  • If Text, pick font, size and colour(sensable default determined by theme)

That's just for toolbar buttons, but eventually this might be what a simple WALTER editor looks like as well.
__________________
Dialogue/FX Editor & Re-Recording Mixer
(Video)Using Latch Preview
"My ego comes pre-shrunk" - Randy Thom
airon is offline   Reply With Quote
Old 12-19-2011, 06:11 PM   #4
Reaktor:[Dave]
Human being with feelings
 
Reaktor:[Dave]'s Avatar
 
Join Date: Jun 2010
Location: Berlin
Posts: 458
Default

Quote:
Originally Posted by airon View Post
Anyone have more ideas ?
  1. Support for vector based icons (like *.SVG)
  2. Provide all default Reaper toolbar icons as *.SVGs
  3. Shift+Resize seamlessly scales toolbars

Where is the feature request? I wanna vote, wanna vote, vote, vote!!!

Last edited by Reaktor:[Dave]; 12-20-2011 at 10:43 AM.
Reaktor:[Dave] is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -7. The time now is 10:51 PM.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, vBulletin Solutions Inc.