Silverlight TV 78: Designing Tiles and Splash Screens for Windows Phone (Design Tips Mini Series)
- Posted: Jul 14, 2011 at 9:00 AM
- 66,980 Views
- 6 Comments
In this episode, Corrina continues the Design Tips miniseries by sharing her insights on how to create tiles and splash screens for Windows Phone applications. She walks through the process of creating an icon in Expression Design and how to make tiles look good and quickly mesh with Metro. Corrina then shows how to create a splash screen and gives some good tips on how to make the splash screen provide a better user experience. Finally, she walks through some tips to help with working with gradients. This video is packed with tips from Corrina, including some great keyboard shortcuts she uses when working with Expression Design. The main topics Corrina covers are:
- Importing photos and using them as a stencil for icons
- Creating a good splash screen that meshes with your app
- Simple gradient color solutions
Relevant links:
- John's blog and on Twitter (@john_papa)
- Susan's blog and on Twitter (@susantoddux)
- Corrina on Twitter (@corrinab)
- Arturo's blog and on Twitter (@arturot)
- Tsitsi's blog and on Twitter (@tsitsigora)
Follow us on Twitter @SilverlightTV or on the web at http://silverlight.tv
Comments Closed
Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation,
please create a new thread in our Forums,
or
Contact Us and let us know.
More episodes in this show
-
Silverlight TV 77: Exploring 3D
-
Silverlight TV 78: Designing Tiles and Splash…
-
Silverlight TV 79: Data Binding Debugging
Follow the Discussion
Oops, something didn't work.
What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.sign up for email notifications?
For easy emulator screenshots, use the Windows 7 built-in Snipping Tool in the Window Snip mode and take a perfect 480x800 capture when the emulator is at 100%.
Thanks for the ep, it's great to see the 'Design Tips Series' back.
However just as a note here, the 'non-Microsoft apps' never use the Phone Accent Brush (ie theme color) when they are at the app list. They however do when they are pinned to Startup.
At least that's the behavior I'm having with all the 3rd party apps, I would love to know if it's something I'm missing though...
Karim
@kouhbi:That's a bug which has been fixed in Mango.
@DannyM: Nice, good to know.
On a separate note, it's great that you talked about the banding problem which I, personally, used to find annoying. If you've been doing some design, you'll know that there is a few ways to work around it, and like Corina kindly showed it involves overlaying Noise on it so that it removes the uniformity in the bands. However, I would advise Blurring the channels first then add Noise per channel. It tends to generally give better results.
Also, if the gradients look fine on the emulator then you're good to go. I'm referring to a weird issue that affected HTC devices after NoDo update (to be fixed in Mango hopefully), in which the screen colors turn 16-bit instead of the supposed 32-bit. So in these devices, one is very likely to encounter banding in gradients and should probably not worry much about it as long as it renders fine in the Emulator.
Sorry for the long post
Karim
Great to see a post covering Expression Design.
The splash screen that you created didn't show up because there were actually 2 projects with the same name (WeatherApplication_Design_End) open in Expression Blend. Maybe you were working with the other one
Remove this comment
Remove this thread
close