Difference between revisions of "AXIOM Remote/GUI"

From apertus wiki
Jump to: navigation, search
 
(One intermediate revision by the same user not shown)
Line 30: Line 30:


==Colour scheme==
==Colour scheme==
{| class="wikitable" style="width: 100%;
[[File:AXIOM_Remote_UI_design_chart.svg|400px]]
! 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]]
----
----



Latest revision as of 17:32, 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