Apple Watch Specifications

HappyMan2015/06/24

Display Sizes

• 38mm (height)• 42mm (height)

Display Sizes

• Show the same content, regardless of display size.• Use one image resource file for both display sizes.

Layout

• Avoid displaying too much information in one screen.

Layout

• Create visual groupings to help people find the information they want.

Layout

• Use the full width of the screen.

Layout

• Use a menu to replace buttons when appropriate.

Layout

• Limit the number of side-by-side controls in your interface.

Layout

• Left align elements.

Typography

• Above all, text must be legible.• Small (Default 38 MM)• Large (Default 42 MM)

Typography

• Choose the appropriate system font at design time.

Typography

• Use no more than one additional typeface in your app.

Typography

• Use the built-in text styles as much as possible.

Color

Color

• Use black for your app’s background color.

Color

• Avoid using color as the only way to show interactivity.

Color

• Be aware of color blindness and how different cultures perceive color.

Customization

• Avoid displaying your logo in your app.• Don’t include a launch screen.• Make sure custom fonts are legible.• Use your brand color for your app‘s global tint color.• Avoid filling background areas with logos or brand colors.

Customization

Customization

Customization

Customization

Customization

Home Screen Icons

Home Screen Icons

Menu Icons

• 38mm• 42mm

Animations

• Create pre-rendered animations using a sequence of static images.• Use images or groups for playback control.

Home Screen Icons

• Embrace simplicity.• Maintain some similarity between your Apple Watchand iOS app

icons.• Design icons as full-bleed square images using the given dimensions. • Use the PNG format for all images and icons.• Do not use black for your icon’s background.

Reference

• Specifications - Apple Watch Human Interface Guidelineshttps://developer.apple.com/watch/human-interface-guidelines/specifications/

Happy End

Feel free to Share if you Like :D

cg2010studio.wordpress.com