1. Apple Watch Specifications
HappyMan
2015/06/24

2. Display Sizes
• 38mm (height)
• 42mm (height)

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

4. Layout
• Avoid displaying too much information in one screen.

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

6. Layout
• Use the full width of the screen.

7. Layout
• Use a menu to replace buttons when appropriate.

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

9. Layout
• Left align elements.

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

11. Typography
• Choose the appropriate system font at design time.

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

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

14. Color

15. Color
• Use black for your app’s background color.

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

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

18. 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.

19. Customization

20. Customization

21. Customization

22. Customization

23. Customization

24. Home Screen Icons

25. Home Screen Icons

26. Menu Icons
• 38mm
• 42mm

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

28. 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.

29. Reference
• Specifications - Apple Watch Human Interface Guidelines
https://developer.apple.com/watch/human-interface-
guidelines/specifications/

30. Happy End
Feel free to Share if you Like :D
cg2010studio.wordpress.com