The document provides Apple Watch design specifications and guidelines. It discusses display sizes, layout, typography, color, customization, home screen icons, menu icons, animations, and includes references. Key recommendations include using one image resource for both display sizes, avoiding too much information on one screen, limiting side-by-side controls, aligning elements to the left, choosing appropriate system fonts and colors, and embracing simplicity in icons.

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