Tuesday 28 February 2012

Metro styled UI

Here’s some offerings from 3rd party tool vendors Dev Express and Telerik to provide some inspiration for the new wave of metro styled apps.

I’ve also included some screen shots from Microsoft via their Azure and Visual Studio vNext offerings.

telerik2

 devexpress1 devexpress2 devexpress3 telerik1

azureazure0azure01azure2azure4azure5

teleriktelerik2telerik3

image

VS-11-splash

image

ddd3

ddd2

inkedin-ipad

image

image

dynamics1fmifmi2fmi3fmi4fmi5metro-exampleproject-approval

metro-ui

image_3C2AF10Eimage_7A043632image_26A89051image_57A840FEimage_3938DEB3image_04538B89image_08606A0C

1754.Desktop_App_Listing_thumb_41E8AD425468.Store_Search_Results_thumb_7B6BBD39

backgroundImagesMSN Money Panorama

dutch prosecutor (1)-580-90beer hunter app (2)-580-90beer hunter app (1)-580-90

Forward to 48 minutes to view video demo of the Ultimate Beer Ranger Windows 8 app:

http://www.youtube.com/watch?v=4MY4Ojs5ASQ

6c88c98egallerypost16518337185-microsoft-office-15-word-previewword_02Office-15-screenshotfeedbackwin8-filesxbox

http://www.winsupersite.com/article/office/quick-peek-office-15-beta-refresh-142905

mossy-blog1

metro1metro2metro3metro4metro5metro6metro7metro8metro9metro10metro11metro12metro14metro15metro16metro17metro18metro19metro20metro21metro22metro23metro24metro25metro26metro27metro-workflow

chooseanoption

The next set of images come from the Microsoft Office Future Vision videos:

http://www.microsoft.com/office/vision/

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

metro546175_10151109295888721_547945796_n

image

image

image

12

1 (2)2

2 comments:

  1. Steven,
    Any chance you could point me to the Adventure Works Financial App you are showing here? I'm working on something similar and would love to get some more ideas?
    Thanks in advance

    ReplyDelete
  2. Hi Brain, it's part of the new Metro style Microsoft Dynamics:

    http://blogs.technet.com/b/next/archive/2012/04/26/microsoft-dynamics-does-metro-style.aspx

    ReplyDelete