(Colour scheme)
(Colour scheme)
Line 30: Line 30:
  
 
==Colour scheme==
 
==Colour scheme==
{| class="wikitable" style="width: 100%;
 
! State
 
! Button (top/bottom)
 
! Menu item
 
! Color
 
|-
 
| Active
 
| style="background-color:#B4B4B4" |
 
<div style="display: flex; flex-direction: row;">
 
            <div style="display: flex; flex-direction: column;"
 
            >
 
              <div style="font-weight: bold; background: black; color: white;padding: 0.5em;
 
        display: flex;
 
        justify-content: center;
 
        border-radius: 0 0 0.5em 0.5em;">Caption</div>
 
              <div style="font-weight: bold; background: white; color: black;padding: 0.5em; display: flex; justify-content: center; border-radius: 0 0 0.5em 0.5em;">Value</div>
 
            </div>
 
            <div style="width:1em;"></div>
 
            <div
 
              style="display: flex; flex-direction: column-reverse; ">
 
              <div style="font-weight: bold; background: black; color: white; padding: 0.5em; display: flex; justify-content: center; border-radius: 0.5em 0.5em 0 0;">Caption</div>
 
              <div style="font-weight: bold; background: white; color: black; padding: 0.5em; display: flex; justify-content: center; border-radius: 0.5em 0.5em 0 0;">Value</div>
 
            </div>
 
          </div>
 
|
 
| Background: White 0xFFFFFF / Text: Black 0x000000
 
|}
 
 
 
[[File:AXIOM_Remote_UI_design_chart.svg]]
 
[[File:AXIOM_Remote_UI_design_chart.svg]]
 
----
 
----

Revision as of 17:24, 28 January 2020


1 Menu Simulator References

Our very own very early stage menu simulator: [1] and its source code: [2]


We do not want to copy but we do want to learn from the experience and mistake of others, also a kind of standard has established itself with the way professional cinema cameras are operated:

Arri product line: [3]

Panasonic Varicam: [4]

Sony Venice: [5]


2 Graphic Libraries


3 Colour scheme

AXIOM Remote UI design chart.svg