| Comments

Building on the positive feedback of the previous Silverlight application themes released last month (Cosmopolitan, Accent Color, and Windows) the design team is working on another theme targeting business application developers.  We don’t yet have an ‘official’ name for this one yet (and to mitigate the confusion of internal code names again, I’ll spare you the code name), but I wanted to put up a preview.  We’re turning this theme around FAST and I wanted to throw it out here in an initial iteration for preview and comment.  This is the ‘dark’ version of the theme and there will be a light version as well.  This represents only the core control set, but like the others will include other SDK controls as well.

I think it is important to understand the goals as well here so that you don’t wonder hey, we need more pixel-shader-gradient-creating-twhirly-things-with-datatype-binding-and-cascading-selector-path-listboxes in themes!!!  In this effort we tasked the designers to build upon the platform of the previous themes and gave them these goals:

  • Should be ‘brandable’
  • Work with navigation-style Silverlight applications
  • Easily tweakable
  • Will be used most likely by developers with little customization
  • Professional, clean for customer-based line-of-business applications
  • Modern, expressive
  • Wicked cool

It’s hard to mix all of those requirements into something that will uniformly appeal to everyone.  Given that, here’s the iteration step we are at:

Silverlight Application Theme

(click the above image for a full resolution image to see some detail better)

What do you think?  We’re hoping to also be providing some font-alternatives (working through various licensing now) so that you could use different/new embeddable fonts. 

We are moving quickly on this time around and there is little time for change beyond this week.  If you feel strongly about something, share your feedback here ASAP…the designers are listening.  We can’t (and won’t) promise that what you suggest will be implemented (again, trying to please everyone here) but we do want to hear feedback from all sorts of folks who would consider using these professionally designed application themes and styles.

Leave your comments below!

| Comments


A while back I posted a sneak peek preview of 3 new themes that we were working on for Silverlight 4 applications.  Our team wanted to do more than just the overall base theme and provide the themes for the core, SDK and some Silverlight Toolkit controls as well.  In addition, there was a lot of internal chatter about how cool these new themes were and a lot of teams wanting to adopt them as default, including WCF RIA Services.

While we finalize a better distribution plan for these templates (and some may show up as defaults soon), I wanted to provide a raw drop of the sample project we use to display the themes.  These projects have the Silverlight ResourceDictionary files for the themes and a few pages showing samples.  These are raw theme project files.  And without further adieu, I present the bits for you:

Grayscale Theme

This theme is a clean implementation that initially has a ‘greenscale’ approach to it, but modifying the brushes even slightly will give you some great color pallettes to work with.

Silverlight 4 Theme - Grayscale

Honestly, initially this one didn’t pop for me as much, but the fit-n-finish added here is really making me like this structure.  And the ability to change a single brush and have it replicate through other areas makes this clean template highly customizable.

Windows Theme

Want a theme for your application to look a bit more native?  Here’s a starter place for you. 

Silverlight 4 Theme - Windows

Cosmopolitan Theme (formerly Metro)

And finally the most popular requested, we’re calling Cosmopolitan.  This one has features that resemble the Zune and Windows Phone design language aspects of it in a modern, clean UI form.

Silverlight 4 Theme - Cosmopolitan

This theme also has a ToUpper and ToLower behavior files that you can apply to your XAML for text formatting.

How these raw projects are structured

As I mentioned, these are raw project structures…ripped from the designer’s desktop, zipped and presented here.  There may be dependencies that you don’t have and will need (i.e., Toolkit, etc.).  There may be residual test files in there.  Deal with it :-).  But at the basics the core themes are all structured as ResourceDictionary files in the Assets folder:

Theme project structure

As you can see in here the files should be relatively self-explanatory.   We tried to make it so that you can pick and choose what you’d like from them (as well as learn how to segment out these types of dictionary files).

In each project you will also see the themes represented in showing: core controls, sdk controls and toolkit controls.  Please make sure to appreciate all of them.  I didn’t post screenshots of all here.

The future deployment of these themes/templates

The idea is that we’ll clean these up in a more distributable manner.  We’ll likely create VSIX files (Visual Studio extension installers) so that you could then say File…New Silverlight Cosmopolitan Application and have these already in there.  This also allows us to put them in the Visual Studio Gallery where you can search/download directly to Visual Studio.  We also will likely put the resources on the Expression Gallery for download.  And as I mentioned before, it’s possible that future iterations of things like WCF RIA Services and such might use them as default.  You tell me: what is the best distribution method?  How would you expect to download/install/use these?


I love these new themes.  I think our design team did a great job here.  Tsitsi and Corrina are awesome and put a lot of work into refining these.  By the feedback that I’ve been getting in email and blog comments, these are exactly the type of things that you’ve been wanting.  Mostly from developers I’m hearing the thank you for helping me since I have no design skills!  This is great feedback that our team loves to hear.  I hope you find these valuable.

These raw project templates here are essentially the Silverlight Navigation Application template modified.  We’ll have the biz app ones a while later, but these should get you started.

Hope this helps!

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

| Comments

One of my colleagues, Corrina, pointed me today to some research her team is conducting on user experience with Visual Studio and Silverlight.  From her post today,

…that my co-workers on the Visual Studio User Experience Team are doing focused on professional and non-professional web/application developers. The research involves…

  • A short survey
  • A telephone interview to discuss your development experiences

A gratuity will be offered to individuals selected to participate in the telephone interview, and selection for interviews is based on responses to the survey. The gratuity is either a $25 Visa/American Express gift card or select Microsoft software titles.

If you are a professional or non-professional web/application developer and would like to be involved in this research, please check out her post for more information at the top.

Also Corrina is the one who has been creating the application template themes I’ve posted about.  We’ve been talking more about how people use themes that we provide as well as the Silverlight Toolkit themes.  Corrina’s looking for some insight as well:

One last thing, I have a few theme questions that I would appreciate your feedback on...

  • Do these themes help you get started building your applications (act as inspiration, learning tools...), and, if not, why not?
  • Do you use these theme's 'as is' with little modification when building your applications?
  • What type of themes would you like to see in the future (what would help you be more productive when building your applications)?

Check out her post and participate in the feedback if you can!