Author Topic: Design proposals for future ML interface  (Read 68133 times)

Novosibirets

  • New to the forum
  • *
  • Posts: 19
  • Excuse my poor English. Russian native.
Re: Design proposals for future ML interface
« Reply #100 on: August 06, 2012, 04:47:27 PM »
I continue to experiment. Something has updated, something painted.











I used the font family of Segoe UI. If the font you like, I'm willing to sponsor the purchase of its license.

Kromofone

  • New to the forum
  • *
  • Posts: 43
Re: Design proposals for future ML interface
« Reply #101 on: August 06, 2012, 05:14:24 PM »
Oh my god, I love your design and your design skills, Novosibirets! I'm definitely up for this design! So simple yet so effective, perfect! :D Maybe in the future, custom ML themes will be implemented in Magic lantern and we could use this design! :)
Canon EOS 50D, Helios 44-2, Helios 44M-4, Mir-1B, Zenit 12XP

davekatague

  • New to the forum
  • *
  • Posts: 6
Re: Design proposals for future ML interface
« Reply #102 on: August 06, 2012, 05:45:02 PM »
Thanks for your feedback guys, I'll post up another draft which'll further work on the scrolling problem.

I have full permission from the typographic design of the typeface "Orbitron" as i already asked for permission for its use :)

Malcolm Debono

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 707
  • Cinematographer
Re: Design proposals for future ML interface
« Reply #103 on: August 06, 2012, 06:01:16 PM »
Both designs look amazing! Great work guys!

What I really like in Novosibirets's design is that it's very minimalistic and has just the right level of details. I don't know why, but this interface kind of makes the whole thing look more professional. I would prefer to have the values after the function though (easier to find the right item you're looking for). The spacing between menu items makes it quite easy to read, and would be great when coupled with item hiding (using menu key as in current version). Would also be great to have the details outside the 2.35:1 area since the black part is unused, to have more of the picture visible.
Wedding & event cinematographer
C100 & 6D shooter
New here?  Check out the FAQs here!

Kromofone

  • New to the forum
  • *
  • Posts: 43
Re: Design proposals for future ML interface
« Reply #104 on: August 06, 2012, 06:17:45 PM »
My thoughts exactly, Malcolm!
Canon EOS 50D, Helios 44-2, Helios 44M-4, Mir-1B, Zenit 12XP

3pointedit

  • Senior
  • ****
  • Posts: 263
  • 550D
Re: Design proposals for future ML interface
« Reply #105 on: August 07, 2012, 12:44:28 AM »
Novosibirets, how would you account for the extra menu items? Some pages are very full. Would your elegant design accommodate them or would they be paged/scrolled? Could you do a mock up of the worst offending screen?
550D on ML-roids

Novosibirets

  • New to the forum
  • *
  • Posts: 19
  • Excuse my poor English. Russian native.
Re: Design proposals for future ML interface
« Reply #106 on: August 07, 2012, 07:19:36 PM »
Once again I apologize for my terrible English. Unfortunately some of your suggestions, I understand the difficulties.


Quote from: Kromofone
Maybe in the future, custom ML themes will be implemented in Magic lantern and we could use this design!
I used to think that the MLS should be one style, but recognizable. But because each of us there is his notion of convenience, the ability to change the style would be relevant!


Quote from: Malcolm Debono
I would prefer to have the values after the function though




Quote from: Malcolm Debono
Would also be great to have the details outside the 2.35:1 area since the black part is unused, to have more of the picture visible.




Quote from: Malcolm Debono
and would be great when coupled with item hiding (using menu key as in current version)
I'm afraid I do not understand this sentence, sorry. It would be great to by pressing the MENU button is something hidden?


Quote from: 3pointedit
Novosibirets, how would you account for the extra menu items? Some pages are very full. Would your elegant design accommodate them or would they be paged/scrolled?
If the current size of icons and font, there is a place to put a few sections. But the task to unify sections. Each section can contain an unlimited number of functions. The transition between the sections is the same way as in the current version. But I have another idea.


Quote from: 3pointedit
Could you do a mock up of the worst offending screen?
Sorry, bad understood your last sentence. Make a concept of what?


Thank you all, I hope some of my concepts inspire you.

Malcolm Debono

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 707
  • Cinematographer
Re: Design proposals for future ML interface
« Reply #107 on: August 07, 2012, 08:27:00 PM »
That looks great!

One of the new features available in ML 2.3 is hiding menu items, which is very useful for hiding unused or set & forget menu items. This would make the menu look cleaner since only the relevant items are shown, which the user selects.

I think what 3pointedit meant is to show how the menu with the most items would look like, however I think that doesn't make sense since there's already a scroll bar (so extra menu items are beneath).
Wedding & event cinematographer
C100 & 6D shooter
New here?  Check out the FAQs here!

Kromofone

  • New to the forum
  • *
  • Posts: 43
Re: Design proposals for future ML interface
« Reply #108 on: August 07, 2012, 10:09:04 PM »
I went on and experimented a bit, so I hope you could find this useful! I took some pictures of his design on a PC screen (Sorry for the false white balance and the bad pixel density, don't have much of good PC atm), and you could upload them to your camera to see the design! The pictures weren't changed in any way, just uploaded to the internet as normal files, so they should work on the Canon DSLR cameras, but if they don't, I've made this reply useless and I'm sorry in that case, so please someone test it out!

Pictures:
 - Clean/Sharp pictures showing the pixel density:
       http://www.sendspace.com/file/2q2o4j
       http://www.sendspace.com/file/ysggxg
 - Blurry pictures, so that you can see the interface on the camera easier:
       http://www.sendspace.com/file/pi38j6
       http://www.sendspace.com/file/7308ap

Again, sorry but just trying to help, if anyone has any other suggestions on how to add custom (non Canon DSLR captuerd) pictures on Canon DSLR's, message me privately!
Canon EOS 50D, Helios 44-2, Helios 44M-4, Mir-1B, Zenit 12XP

scrax

  • Contributor
  • Hero Member
  • *****
  • Posts: 1543
  • Code monkey
Re: Design proposals for future ML interface
« Reply #109 on: August 07, 2012, 10:34:40 PM »
@Kromofone: you can make cropmarks, because you need to use the same palette

@Novosibirets: Do you have time to make a vertical preview of this, please?
http://cs6237.userapi.com/u16007354/docs/df67f99b3a1e/magic_lantern_design1_menu1_2.jpg

I think that with this menu layout and an auto rotate menu feat. it could be nice to try (but maybe it's a disaster to use with autorotation)
I'm using ML2.3 for photography with:
EOS 600DML | EOS 400Dplus | EOS 5D MLbeta5- EF 100mm f/2.8 USM Macro  - EF-S 17-85mm f4-5.6 IS USM - EF 70-200mm f/4 L USM - 580EXII - OsX, PS, LR, RawTherapee, LightZone -no video experience-

Kromofone

  • New to the forum
  • *
  • Posts: 43
Re: Design proposals for future ML interface
« Reply #110 on: August 07, 2012, 10:45:22 PM »
@skrax: hmm I will try to convert them, but how could I view the full picture/cropmark (any cropmark preview feature, I could have missed?)?
I was once able to view different pictures on the camera, when I accidently threw them onto the card.

Never mind, found a solution. Just tell me how many colors can cropmarks have.
Canon EOS 50D, Helios 44-2, Helios 44M-4, Mir-1B, Zenit 12XP

scrax

  • Contributor
  • Hero Member
  • *****
  • Posts: 1543
  • Code monkey
Re: Design proposals for future ML interface
« Reply #111 on: August 07, 2012, 11:16:56 PM »
@skrax: hmm I will try to convert them, but how could I view the full picture/cropmark (any cropmark preview feature, I could have missed?)?
I was once able to view different pictures on the camera, when I accidently threw them onto the card.

Never mind, found a solution. Just tell me how many colors can cropmarks have.
open a cropmarks with photoshop or your editor it will have the right palette already, edit that and then save it as described here. If on windows there is another post here in the forum for how to do the same.
I'm using ML2.3 for photography with:
EOS 600DML | EOS 400Dplus | EOS 5D MLbeta5- EF 100mm f/2.8 USM Macro  - EF-S 17-85mm f4-5.6 IS USM - EF 70-200mm f/4 L USM - 580EXII - OsX, PS, LR, RawTherapee, LightZone -no video experience-

Kromofone

  • New to the forum
  • *
  • Posts: 43
Re: Design proposals for future ML interface
« Reply #112 on: August 08, 2012, 12:45:27 AM »
@skrax: Alright thanks, will look into it!

As for Novosibirets's design, when possible and when ML could be ported to 650D, this design could be used for the touchscreen version of Magic Lantern, since it's easier to read, simpler, and ''easier to press via finger'', if I may say it like that!
Canon EOS 50D, Helios 44-2, Helios 44M-4, Mir-1B, Zenit 12XP

Novosibirets

  • New to the forum
  • *
  • Posts: 19
  • Excuse my poor English. Russian native.
Re: Design proposals for future ML interface
« Reply #113 on: August 08, 2012, 12:50:33 PM »
Quote from: scrax
Do you have time to make a vertical preview of this, please?
I think that with this menu layout and an auto rotate menu feat. it could be nice to try (but maybe it's a disaster to use with autorotation)
Auto rotate menu? Maybe I do not understand it, but ... so?

   


Quote from: Kromofone
touchscreen version of Magic Lantern
Indeed, this design is best suited primarily to the touch screen! But in this case, it is necessary to increase the design elements yet.

scrax

  • Contributor
  • Hero Member
  • *****
  • Posts: 1543
  • Code monkey
Re: Design proposals for future ML interface
« Reply #114 on: August 08, 2012, 01:14:43 PM »
like on smartphones when you turn the screen the text turn so to stay horizontal.
So the icon will need just to turn 90° but stay on the long edge (so to keep them all visible), that way more options can be show.

Name of menu can stay on top in vertical layout?
I'm using ML2.3 for photography with:
EOS 600DML | EOS 400Dplus | EOS 5D MLbeta5- EF 100mm f/2.8 USM Macro  - EF-S 17-85mm f4-5.6 IS USM - EF 70-200mm f/4 L USM - 580EXII - OsX, PS, LR, RawTherapee, LightZone -no video experience-

Novosibirets

  • New to the forum
  • *
  • Posts: 19
  • Excuse my poor English. Russian native.
Re: Design proposals for future ML interface
« Reply #115 on: August 08, 2012, 01:57:08 PM »
like on smartphones when you turn the screen the text turn so to stay horizontal.
So the icon will need just to turn 90° but stay on the long edge (so to keep them all visible), that way more options can be show.

Name of menu can stay on top in vertical layout?
? :)

       

Kromofone

  • New to the forum
  • *
  • Posts: 43
Re: Design proposals for future ML interface
« Reply #116 on: August 08, 2012, 02:48:05 PM »
@skrax: Are you planning on modifying Magic lantern to this style for your own (personal) use?
Canon EOS 50D, Helios 44-2, Helios 44M-4, Mir-1B, Zenit 12XP

iamtehlolrus

  • New to the forum
  • *
  • Posts: 2
  • /•L•\
Re: Design proposals for future ML interface
« Reply #117 on: August 09, 2012, 12:51:34 AM »


Whipped something up in Photoshop.  It's inspired by Arthur's design, but it's a bit darker and more minimalistic.  I'm working on other menus and the LiveView UI at the moment.

KarateBrot

  • Freshman
  • **
  • Posts: 80
Re: Design proposals for future ML interface
« Reply #118 on: August 09, 2012, 05:31:38 PM »
That's cool! I really like your design iamtehlolrus. The only thing that bugs me is that the green line is only at the bottom. Sometimes asymmetrical things just drive me crazy :D
If you donate a RED EPIC to me you officially are very cool ;)

Malcolm Debono

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 707
  • Cinematographer
Re: Design proposals for future ML interface
« Reply #119 on: August 09, 2012, 05:39:27 PM »
We really need a way to choose different UIs with all these amazing designs  :D
Wedding & event cinematographer
C100 & 6D shooter
New here?  Check out the FAQs here!

hd1roam

  • New to the forum
  • *
  • Posts: 32
Re: Design proposals for future ML interface
« Reply #120 on: August 09, 2012, 06:13:48 PM »
Is there any way to implement font size choice for these menus and LV display?

I realize it will change what can be seen on a single screen (next page prompt or scrolling ok with me), but as we humans age the harder it gets to see the ML tiny font display on an already dim LV display. I've increased the brightness for daylight viewing, it helps little.

Thanks!
ML ver. 2.3: mostly still photos, HDR, pano, and some video. Targets of choice; Art, landscape, wildlife, collector vehicles, events. Equipment; EOS 550D/T2i | EF 100-400mm L USM - EF-S 18-55mm f4-5.6 IS - EF-S 55-250mm IS - Win7Ult., Lightroom, Photomatix, Topaz Labs, Hugin, GIMP, Smugmug

Kromofone

  • New to the forum
  • *
  • Posts: 43
Re: Design proposals for future ML interface
« Reply #121 on: August 09, 2012, 07:08:14 PM »
We really need a way to choose different UIs with all these amazing designs  :D

Maybe the ML developers (yourself included of course) could figure out a way to ''install'' different themes for magic lantern.
Maybe a unified program that would ''link all the commands to the appropriate theme position/location of a command (some kind of a string-connection way if you know what I'm trying to say''.
Canon EOS 50D, Helios 44-2, Helios 44M-4, Mir-1B, Zenit 12XP

Novosibirets

  • New to the forum
  • *
  • Posts: 19
  • Excuse my poor English. Russian native.
Re: Design proposals for future ML interface
« Reply #122 on: August 09, 2012, 07:14:37 PM »
horizontal and vertical mode (auto rotate)







pressing button hides all unnecessary, and remains only the user menu







touch




hd1roam

  • New to the forum
  • *
  • Posts: 32
Re: Design proposals for future ML interface
« Reply #123 on: August 09, 2012, 07:53:33 PM »
Is there any way to implement font size choice for these menus and LV display?

I realize it will change what can be seen on a single screen (next page prompt or scrolling ok with me), but as we humans age the harder it gets to see the ML tiny font display on an already dim LV display. I've increased the brightness for daylight viewing, it helps little.

Thanks!

Forgive me, reading backwards in the thread it looks like most of my post could get accommodated.
I still didn't notice where LV might get a font choice. Is this possible?
ML ver. 2.3: mostly still photos, HDR, pano, and some video. Targets of choice; Art, landscape, wildlife, collector vehicles, events. Equipment; EOS 550D/T2i | EF 100-400mm L USM - EF-S 18-55mm f4-5.6 IS - EF-S 55-250mm IS - Win7Ult., Lightroom, Photomatix, Topaz Labs, Hugin, GIMP, Smugmug

SDX

  • Moderators
  • Senior
  • *****
  • Posts: 289
  • Medialogist
Re: Design proposals for future ML interface
« Reply #124 on: August 28, 2012, 05:25:34 PM »
I just want to point out this thread http://www.magiclantern.fm/forum/index.php?topic=1918.0

Its for discussion of a implementation of a theme-system in ML. That includes the design of a theme-file, application for creation of design and implementation on MLs side. Would be nice if some of the designers would check out the current design of the theme-file and point out things that are missing currently.
600D, EOS M - Flickr