Since RIM first showed off BlackBerry 10 I was wondering what design aesthetic they were going with by making all of the home screen icons into rectangles. I know quite a few designers who complained to RIM about this and it looks like RIM has listened. FineBrush (via BBNews.pl) let me know about a thread on CrackBerry forums by UrbanGlowCam who has been following the developments closely.
According to one of his contacts, RIM has changed their icons from 150×150 with a square background to 114×114 size icons with transparent backgrounds sort of like the PlayBook. Personally I think this is a welcome sight with icons showing their focus with silhouettes. UrbanGlowCam noticed that RIM has already updated the BlackBerry 10 Design Guidelines text with this change but it has not yet updated the pictures.
Check it out for yourself here. NOTE: The pictures on the top left of this post is just a mockup by UrbanGlowCam but hopefully we will be seeing the official update from RIM.
Here is a snapshot in time of the design guidelines in case RIM modifies them again:
Designing an icon for your BlackBerry smartphone application gives you the opportunity to showcase your application to BlackBerry users. In the BlackBerry World storefront, an icon is the first introduction that users have to your application. The icon also appears on the home screen as the way for users to open your application.
Your icon is placed on a transparent tile automatically with the application name label underneath the icon.
The following best practices help your icon fit in with the application icons on the home screen.
- Create an icon that is a 114 x 114 pixel square. This approach is the best (and easiest) way for your icon to fit in with other BlackBerry application icons. Larger icons will be scaled down to 114 x 114 pixels.
- Focus on a single iconic metaphor that clearly represents the application. Think of your icon as a road sign that people understand quickly.
- Base your icon on a square, circle, or rectangle shape.
- Use a silhouette to differentiate your icon from other icons.
- Try to maintain consistency with other BlackBerry application icons in scale, volume, and perspective.
Perspective and lighting
- Apply lighting that is top-down at a 90 degree angle.
- Create a focal point in the center of the icon.
- Keep the icon flat and avoid excessive depth.
- Apply the following properties for drop shadows: distance: 2 pixels, size: 2 pixels, and angle: 90 degrees.
- Create an icon that is 106 x 106 pixels if you want to allow room for a drop shadow or outer glow.
- If you use a symbol in your icon, try to make it the same size as the symbols in otherBlackBerry application icons.
- Use a five pixel stroke where appropriate. This is especially important so that icons with a dark background are always visible on the home screen.
- Limit the number of colors that you use in your icon.
Limit the number of materials that you use. BlackBerry application icons draw from the following materials: soft plastic, paper, metal, and gloss.