Silverlight TV 77: Exploring 3D
Silverlight TV 78: Designing Tiles and Splash Screens for Windows Phone (Design Tips Mini Series)
Description
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
Download
Download this episode
- High Quality WMV (127.9 MB)
- MP3 (10.7 MB)
- Mid Quality WMV (93.6 MB)
- High Quality MP4 (380.3 MB)
- Low Quality MP4 (44.2 MB)
More episodes in this series
Silverlight TV 79: Data Binding Debugging
Related episodes
Windows Phone Design Bootcamp 201: Composition
Windows Phone Design Bootcamp 201: Controls & API's
Windows Phone Design Bootcamp 101: Windows Ecosystem & Cocktail Flow apps case study
Windows Phone Design Bootcamp 201: The System
Windows Phone Design Bootcamp 101: Windows Phone 8 Demo
Windows Phone Design Bootcamp 101: The Design Driven Product
Windows Phone Design Bootcamp 101: Windows Design Language
Windows Phone Design Bootcamp 101: What is Design?
IWP40: UX Designer Jon Bell talks Common App Design Problems
Silverlight TV 83: Using Wireframes to Visually Communicate a Windows Phone Experience
The Discussion
-
Colin Melia 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%.
-
kouhbi 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
-
DannyM @kouhbi:That's a bug which has been fixed in Mango.
-
kouhbi @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
-
Ian Great to see a post covering Expression Design.
-
Moumen 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
