Apollo One (2 Viewers)

[morpheus_xx]

I have a new request for design ideas:

I would need a generic dialog background/border (we need only one in MP2, it is resizable). The 2nd request is for a common button style. It will be used in all screens (if we don't defined it otherways). The more generic, the better.

It would be great if you can design the dialog / button template directly using Blend (or import your drawings from Illustrator/PSP). (If not possible, I will try to rebuild them after your guideline)

 

[wizard123]

Ok i will take a look as soon as i can over the weekend, i will also look through your explanation in previous post thanks.

 

[wizard123]

Raw tiles are attached.

Also the dialog design with default button but the button is only used in dialogs, listviews etc are supposed to be as in the previous designs where they are white text only so far.

Here is the closet to the design i could get in xaml, i could not find a glow effect so i created one with a white box and blur effect but if you know how to add a proper glow effect please do as the one i created affects the transparancy of the dialog box.

<Canvas x:Name="dialog" Height="1080" Canvas.Left="0" Canvas.Top="0" Width="1920">
<Image x:Name="Layer_45" Height="1080" Canvas.Left="0" Opacity="0.741" Source="Apollo One_Images\Layer 45.png" Canvas.Top="0" Width="1920"/>
<Rectangle Fill="White" Height="335.5" Canvas.Left="559.5" Canvas.Top="338.5" Width="738.5" RadiusY="12" RadiusX="12" Opacity="0.27">
<Rectangle.Effect>
<BlurEffect Radius="100"/>
</Rectangle.Effect>
</Rectangle>
<Path x:Name="Rounded_Rectangle_3" Data="F1M13,2C13,2 665,2 665,2 671.627,2 677,7.373 677,14 677,14 677,276 677,276 677,282.627 671.627,288 665,288 665,288 13,288 13,288 6.373,288 1,282.627 1,276 1,276 1,14 1,14 1,7.373 6.373,2 13,2z" Fill="Black" Height="289" Canvas.Left="590" Opacity="0.705" Canvas.Top="358" Width="678">
<Path.Effect>
<DropShadowEffect BlurRadius="10" Color="Black" Direction="-60" Opacity="1" ShadowDepth="0"/>
</Path.Effect>
</Path>
<Path x:Name="Rounded_Rectangle_4" Data="F1M13,1C13,1 684,1 684,1 690.627,1 696,6.373 696,13 696,13 696,26 696,26 696,32.627 690.627,38 684,38 684,38 13,38 13,38 6.372,38 1,32.627 1,26 1,26 1,13 1,13 1,6.373 6.372,1 13,1z" Height="39" Canvas.Left="580" Canvas.Top="518" Width="697">
<Path.Fill>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<LinearGradientBrush.RelativeTransform>
<TransformGroup>
<ScaleTransform CenterY="0.5" CenterX="0.5" ScaleY="1.85"/>
<SkewTransform CenterY="0.5" CenterX="0.5"/>
<RotateTransform CenterY="0.5" CenterX="0.5"/>
<TranslateTransform/>
</TransformGroup>
</LinearGradientBrush.RelativeTransform>
<GradientStop Color="Black" Offset="1"/>
<GradientStop Color="#FF144289"/>
</LinearGradientBrush>
</Path.Fill>
<Path.Effect>
<DropShadowEffect BlurRadius="2" Color="Black" Direction="-60" Opacity="0.7" ShadowDepth="0"/>
</Path.Effect>
</Path>
</Canvas>

 

[wizard123]

Movie screens
I also changed the home button for a power button which makes a bit more sense i guess.

 

[MrTechno]

I also changed the home button for a power button which makes a bit more sense i guess.

Depends on your analogy (home button = Windows start button?). Would make more sense to use the MP2 logo?

 

[wizard123]

What do you mean the start button ? I dont think the logo would look very good squashed in there but i will have a look.
The power button may be useful more for some than others but i spose thats the case with watever you use the button for.

 

[MrTechno]

Actually I may have completely mis-read your post. Are you actually replacing a button that takes you to the home screen with a button that gives you power options (close MP, sleep, restart etc)? If yes then you should ignore my suggestion.

 

[wizard123]

Actually I may have completely mis-read your post. Are you actually replacing a button that takes you to the home screen with a button that gives you power options (close MP, sleep, restart etc)? If yes then you should ignore my suggestion.

Yep lol

 

[morpheus_xx]

Movie screens
I also changed the home button for a power button which makes a bit more sense i guess.

Looks good!

Few questions: how do we manage filtering/grouping of items? The actions are currently placed inside (hidden) menu and should be available in any kind.

 

[MrTechno]

Yep lol

And *that* is why I don't design stuff