Skip to content

Latest commit

Β 

History

History
93 lines (50 loc) Β· 2.57 KB

What-s-New-in-iOS-Design.md

File metadata and controls

93 lines (50 loc) Β· 2.57 KB

What's New in iOS Design

πŸ“… 2019.12.12 (THU)

WWDC2019 | Session : 808 | Category : Design

πŸ”—

https://developer.apple.com/videos/play/wwdc2019/808/

Dark mode

Black backgrounds blend in seamlessly with the hardware bezel to make your UI feel more expansive and integrated with the hardware.

In general, all of your apps should support Dark Mode.

"design system" basically just means a set of parts like colors, fonts, and glyphs that work together in a logical and consistent manor.

Consistent design system helps people to learn and use apps with ease.

Design Goals

  • Maintain familiarity
  • Platform consistency
  • Clear information hierachy
  • Accessible
  • Keep it simple

Color

Semantic colors

Semantic color describes the purpose of a color rather than what its value is.

Tint Color

β†’ dynamic, variants for Light and Dark Modes. Each tint color has high-contrast variants.

β†’ When they increase contrast, accessibility setting is enabled

Base and Elevated

With dark interfaces, drop shadows are slightly less effective.

Materials

Materials have been designed to work well against a variety of background contexts.

SF Symbols

Modal presentations

Slide up over the screen animation informs that they've shifted from one mode to another or into a new modality of app.

With iOS1 13, sheets have a new card-like appearance that's used throughout the system.

Benefit of this style is that it gives this little peek of what's in the background, which is heplful reminder.

Card-style modal sheets can be dismissed by swiping down anywhere on the screen.

Contextual menus

Peek and Pop β†’ getting larger preview of content