Advertisement

SNEAK PEEK: New Silverlight application themes

‘Twas the week before MIX, when all through the tubes
Not a developer was sleeping, not even the noobs.

The laptops were paved removed of their glitz
In hopes that they soon will get some new bits.

A developer was coding, building an app
Trying to build the next greatest XAP

Battleship gray?! Now that’s obscene
Check our designers’ latest theme

Okay, so I’m not going to win any poetry awards.  Our UX design team for Silverlight has been thinking about app building a lot this past year, gathering valuable input from developers, designers and end-users about how people interact with applications, primarily line-of-business applications (<shudder>I hate that term</shudder>).  Hot off the press here is a preview of some of the things we’ve been thinking about from a XAML theme perspective.

First, I present to you codename Grayscale.  Some subtle twists on existing base themes but not detracting too much from the ‘traditional’.  (larger view here).

Grayscale Silverlight Theme

Up next is codename Windows Theme (yeah, original I know, gimme a break here I’m making these up).  Taking a cue from Windows 7 system design, this theme brings familiarity to the end-user. (larger view here).

Windows Silverlight Theme

And finally, Metro.  Taking a cue perhaps from Zune desktop (and device) software design, a clean but fun theme for any application (larger view here).

Metro Silverlight Theme
So there you have some preview of some Silverlight application themes we’ve been playing around with.  I know the design team is enthusiastic about getting these in the hands of developers/designers. 

What do you think?



This work is licensed under a Creative Commons Attribution By license.

  1. 3/11/2010 5:27 PM | # re: SNEAK PEEK: New Silverlight application themes
    Looks great Tim, I'm excited!
  2. 3/11/2010 5:28 PM | # re: SNEAK PEEK: New Silverlight application themes
    Awesome, as a developer with zero design skills making a good looking Silverlight / WPF application is difficult.
  3. 3/11/2010 6:22 PM | # re: SNEAK PEEK: New Silverlight application themes
    Hope you don't make your decision based on the comments you get there, which apparently is not a lot.

    So PLEASE PLEASE PLEASE! Share these themes with design-challenged developers like me. And also encourage your team to come up with more sexy and sleek themes.
  4. 3/11/2010 6:44 PM | # re: SNEAK PEEK: New Silverlight application themes
    They look great Tim! They are cool yet still very clean. I agree with the other comments that us designed challenged developers could really use these themes, even if we use them as a starting point. I'm looking forward to see what else your group comes up with. Thanks again.
  5. 3/11/2010 7:00 PM | # re: SNEAK PEEK: New Silverlight application themes
    These are pretty lovely. I'm really digging the Zune-inspired one. (If only everything could be as wonderful as my ZuneHD). With some adaptations, that could make a great dashboard for a CRM app.
  6. 3/11/2010 7:51 PM | # re: SNEAK PEEK: New Silverlight application themes
    Oh wow - super psyched! These look great. As much as I hate to say it, some of the existing themes don't look professional enough for 'line-of-business' apps. These are great and will be much appreciated. Hopefully this will encourage your team to continue making themes!
  7. 3/11/2010 7:56 PM | # re: SNEAK PEEK: New Silverlight application themes
    wow.. looks great. when can we(design-challenged developers) get those themes? i love the Zune theme. my app needs it. :)
  8. Gravatar
    3/11/2010 8:56 PM | # re: SNEAK PEEK: New Silverlight application themes
    What about a white on black Metro theme? I find the new WMP7 UX interesting. Almost Star Trek NG bridge computer like.
  9. 3/11/2010 9:23 PM | # re: SNEAK PEEK: New Silverlight application themes
    The themes look professional and clean! As an independent "design-challenged" .NET developer, I wouldn't mind paying to have access to professionally developed templates.

    I'm a bit surprised web template design companies like DreamTemplate.com haven't capitalized on the growing Silverlight market... yet.

    Anybody know where to get professional-level Silverlight themes today? Yeah, I'm that bad at UX Design. :)
  10. 3/11/2010 10:23 PM | # re: SNEAK PEEK: New Silverlight application themes
    Woot! When does it ship?
  11. 3/11/2010 11:36 PM | # re: SNEAK PEEK: New Silverlight application themes
    Tim, that zune theme is great, oh and your poetry is not bad at all. The zune one I have to ask if that contso app is real or not and if it will be available as a sample/demo after or during mix ? or can you get it today ?
  12. 3/11/2010 11:40 PM | # re: SNEAK PEEK: New Silverlight application themes
    Steve -- the contoso app isn't real right now (should it be?) -- these are just comps of the the themes.
  13. 3/12/2010 12:33 AM | # re: SNEAK PEEK: New Silverlight application themes
    Gorgeous. I like the "Windows" theme a lot, which will suit well to WPF LOB applications IMHO.

    Btw, are these themes currently Photoshop mockups or ready for prime time?
  14. 3/12/2010 2:42 AM | # re: SNEAK PEEK: New Silverlight application themes
    Yes these look very good, clean and professional. I haven't been able to find themes up until now that have looked professional enough for serious use. The Silverlight Toolkit themes (IMHO) are still not good enough for using in customer apps but these look great. I'm amazed too that no one has set-up a good xaml template theme site for Silverlight with themes like this in for sale, I'd be a regular customer. I think there is a definite gap in the market for someone there. I can't afford a designer and to have something off the shelf that looks good and I can possibly tweak would be priceless. Keep them coming :-)
  15. 3/12/2010 2:47 AM | # re: SNEAK PEEK: New Silverlight application themes
    I would love to get hands on that CONTOSO theme, clean and crisp. The best one in my opinion! Windows theme come close.
  16. 3/12/2010 3:20 AM | # re: SNEAK PEEK: New Silverlight application themes
    For the datagrid items in Windows Theme, the rendered font is crystal clear - are there upgrades to font rendering? :)
  17. 3/12/2010 4:58 AM | # re: SNEAK PEEK: New Silverlight application themes
    Tim, I love it!!!!! Share the love :) and code.

    Can you tell me if SL4 will be able to encode webcam video and stream this to WMS server or something like that. Let the secret out I can't hold it anymore.
  18. 3/12/2010 5:11 AM | # re: SNEAK PEEK: New Silverlight application themes
    It would be great if the comps were taken through to the XAML stage using Expession Blend.

    Being able to check out the XAML (hopefully written by MS XAML experts) would also give us some insight to XAML best practices in both coding and design.

    Although I like to design my own app pages, I am a developer not a designer, and I do very much appreciate the skills demonstarated by designers and graphic artists in the web space today.

    Anyways, let's see some XAML for these themes...
  19. 3/12/2010 5:37 AM | # re: SNEAK PEEK: New Silverlight application themes
    Great to see these professional looking themes come together. Although we have themes built-in to the SL toolkit, they don't have the same "pop" as these samples. It would be greate to ship Grayscale and Metro with some alternate color brushes to show how easy it is to apply brand colors, etc. Looking forward to getting hold of these!
  20. 3/12/2010 7:12 AM | # re: SNEAK PEEK: New Silverlight application themes
    Awesome, Gimme Gimme!!
  21. 3/12/2010 7:14 AM | # re: SNEAK PEEK: New Silverlight application themes
    The Contoso App is pretty similar to a WPF I'm making, mixing Zune with some bits of the App that Billy Hollis show in .Net Rocks TV. Really good. I hope the bit come out soon.
  22. 3/12/2010 7:24 AM | # re: SNEAK PEEK: New Silverlight application themes
    The more free themes that are out there, the better. I'd like to see a good hundred of them available someday on the Expression Gallery site. I can make my LOB apps look good, but I'm no professional graphic designer (like most developers). Also, like most software companies, I don't have the luxury of a graphic designer on my team. Thanks to your UX team for making these.
  23. 3/12/2010 8:54 AM | # re: SNEAK PEEK: New Silverlight application themes
    Oguz - no encoding in SL4 runtime :-( -- I know...

  24. 3/12/2010 11:00 AM | # re: SNEAK PEEK: New Silverlight application themes
    Leonardo Da Vinci wasn't only renowned for being a great artist,
    He was also a great inventor, engineer, mathematician and perfectionist.

    Back in those days, VS and Expression Blend tools were still far from sight
    though God knows what masterpieces he could have built in Silverlight

    I never pretended to be Leonardo,... Da Vinci nor Di Caprio...
    but who said an expert developper couldn't be a damn good UX designer also... :)

    Thanks to your UX Team they've done a good job.
  25. 3/12/2010 11:24 AM | # re: SNEAK PEEK: New Silverlight application themes
    They look very smart indeed. I only hope SL4 controls look much better than their predecessors' 'out of the box' defaults, so when we sit in front of customers to quickly create mock ups, we don't have those blurry (cyan) mouseover/selected effects on buttons etc. Simpler, 'wireframe' control outlines more akin to ASP.NET controls would be better (or akin to WPF defaults?) because customers can more easily envisage how a final app might look without getting distracted by something rather too subjective.
  26. 3/12/2010 1:06 PM | # re: SNEAK PEEK: New Silverlight application themes
    The dropdown behavior of ComboBox control in silverlight should be corrected!
    os-native combobox and ie combobox and wpf combobox all drop down on mousedown, while sl's combobox drops down when mouse up! This is inconsistent and leads to less operation efficiency.
  27. 3/12/2010 1:34 PM | # re: SNEAK PEEK: New Silverlight application themes
    Great stuff, I'd love to get my hands on the Metro theme!
  28. 3/12/2010 2:25 PM | # re: SNEAK PEEK: New Silverlight application themes
    Love them all. The Metro theme is my favorite. Would love to see all of these available.
  29. 3/13/2010 4:01 AM | # re: SNEAK PEEK: New Silverlight application themes
    Awesome! Looks great Tim. When will these themes be available?
  30. 3/13/2010 12:07 PM | # re: SNEAK PEEK: New Silverlight application themes
    Metro has my vote! Very nice.. clean.. The designer created a page for which competition for the "eyes" was not too great. We know good design when we see, but we wonder how to do it??
  31. 3/13/2010 1:02 PM | # re: SNEAK PEEK: New Silverlight application themes
    Very very nice, I'm looking for your next training videos.
    Rachida
  32. 3/14/2010 4:59 AM | # re: SNEAK PEEK: New Silverlight application themes
    They're all attractive but I vote for Windows Theme, with Metro a close second.

    Windows Theme gets the top vote because a button is supposed to look like a button (goddammit). Form follows function. The medium is not the message, but it does carry what I call sideband information. Each Windows control has a clearly defined appearance which with a clearly defined meaning. It's not just a matter of style, it's part of a communication protocol and noncompliance is extremely antisocial. If you want people to treat it like a duck then it damn well better look like a duck and quack like a duck even if it's actually a wascally wabbit.

    For this reason I would dearly love to see Windows Theme become the default. Even better would be a Default theme installed with the Silverlight runtime, giving a "native" styling conforming with the rendering used by the host platform.

    Metro gets points for simplicity.

    Some of the samples are excessively busy UI, but that's a tale for another day.

  33. 3/14/2010 3:01 PM | # re: SNEAK PEEK: New Silverlight application themes
    Cool themes!
  34. 3/14/2010 3:05 PM | # re: SNEAK PEEK: New Silverlight application themes
    Where I can find info about "How make your own theme?" :)

    PS: hi from Russia, sorry fo my english.
  35. 3/15/2010 4:48 PM | # re: SNEAK PEEK: New Silverlight application themes
    Now this is truly awesome! I can't wait to get my hands on them. Nice job Tim & your team.
  36. 3/24/2010 1:16 AM | # re: SNEAK PEEK: New Silverlight application themes
    When will these be available to download? Can we get the apps as well? Skeleton is all we want.
  37. 3/24/2010 9:26 AM | # re: SNEAK PEEK: New Silverlight application themes
    Hayden - these will be available a bit after/during SL4 release (so we don't have to release them twice)
  38. 3/29/2010 7:24 AM | # re: SNEAK PEEK: New Silverlight application themes
    Such a tease! Give it here already! :-)
  39. 4/15/2010 2:31 PM | # re: SNEAK PEEK: New Silverlight application themes
    Great themes!!!

    Are these going to available soon :)
  40. 4/15/2010 10:35 PM | # re: SNEAK PEEK: New Silverlight application themes
    Any timelines on release of these themes, now that SL4 is live :)
  41. 4/15/2010 11:29 PM | # re: SNEAK PEEK: New Silverlight application themes
    Pooran -- likely next week we hope -- finishing up some fit-n-finish work.
  42. 4/18/2010 1:13 AM | # re: SNEAK PEEK: New Silverlight application themes
    Any news on these themes yet?
  43. 4/18/2010 1:34 AM | # re: SNEAK PEEK: New Silverlight application themes
    Hi,

    They don't seem to be available as of 18-Apr.
    Will it be released with some more "surprises"?

    Thanks.
  44. Gravatar
    4/20/2010 1:14 PM | # re: SNEAK PEEK: New Silverlight application themes
    I love Grayscale and Metro, can't wait to see the final versions.
  45. 4/22/2010 1:47 PM | # re: SNEAK PEEK: New Silverlight application themes
    Any news? Eagerly awaiting...
  46. Gravatar
    4/23/2010 3:59 PM | # re: SNEAK PEEK: New Silverlight application themes
    Guess not this week :(
  47. 4/23/2010 4:09 PM | # re: SNEAK PEEK: New Silverlight application themes
    Joe/Chad/Mahesh/Siko -- still not done with some UI QA passes. Stay tuned. I'll post an update on my blog on when/how to get them.
  48. 4/23/2010 4:17 PM | # re: SNEAK PEEK: New Silverlight application themes
    Thanks Tim! I'll keep checking your blog.
  49. Gravatar
    4/23/2010 9:35 PM | # re: SNEAK PEEK: New Silverlight application themes
    Thanks for the update, I'll keep checking. I'm sure they are worth the wait :)
  50. 4/24/2010 8:25 AM | # re: SNEAK PEEK: New Silverlight application themes
    Tim,
    Looks like we cannot test Silverlight apps using Test studio yet. Can you confirm the same?
  51. 4/25/2010 2:42 PM | # re: SNEAK PEEK: New Silverlight application themes
    Looking forward to the themes! Can they be used by WPF as well?
  52. Gravatar
    4/30/2010 11:54 AM | # re: SNEAK PEEK: New Silverlight application themes
    I feel like a little kid on a long road trip... Is it done yet? Sorry, had to throw that in there.
  53. 5/2/2010 8:00 AM | # re: SNEAK PEEK: New Silverlight application themes
    ETA?
  54. Gravatar
    5/7/2010 12:24 PM | # re: SNEAK PEEK: New Silverlight application themes
    Any updates...
  55. 5/8/2010 4:32 AM | # re: SNEAK PEEK: New Silverlight application themes
    Eagerly looking forward to these themes ... Please let us know when we can expect.
  56. 5/8/2010 6:21 AM | # re: SNEAK PEEK: New Silverlight application themes
  57. 5/16/2010 12:31 PM | # re: SNEAK PEEK: New Silverlight application themes

    Awesome! Thanks Tim. We are pulling them down.
  58. 8/26/2010 2:45 PM | # re: SNEAK PEEK: New Silverlight application themes
    Looks great Tim, I'm excited! A server is just about being a main of many clients in a network. Once the main got problem, then all of the clients will be stopped and unworkable.
  59. 9/1/2010 4:37 PM | # re: SNEAK PEEK: New Silverlight application themes
    Great stuff, I'd love to get my hands on the Metro theme!

 
Please add 4 and 2 and type the answer here:
First time here? You are looking at the most recent posts. You may also want to check out older archives. Please leave a comment, ask a question and consider subscribing to the latest posts via RSS or email. Thank you for visiting! (hide this)