【WWDC2020】iOS 14 ウィジェットで知っておきたいこと

iOS14-Widget

WWDC2020で発表された、iOS 14「ウィジェット」について、目を通しておきたいデザイナー・エンジニア向け情報です。

iOS 14 Preview

1. 動画

Design great widgets

https://developer.apple.com/videos/play/wwdc2020/10103

Appleデザイナーによる、ウィジェットをデザインする際の説明動画です。

Meet WidgetKit

https://developer.apple.com/videos/play/wwdc2020/10028

Appleエンジニアによる、WidgetKitによる開発の説明です。

2. デザイン・開発ドキュメント

iOS Human Interface Guideline – Widget

https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/widgets/

ウィジェットのUIガイドラインについて書かれています。

  • A Closer Look at Widgets
  • Creating a Useful, Focused Widget
  • Supporting Widget Configuration and Interactivity
  • Updating Widget Content
  • Designing a Beautiful Widget
  • Adapting to Different Screen Sizes

ひとつのウィジェットにつき、ひとつのウィジェットを使う
情報量に応じたウィジェットの大きさ(Small, Miedium, Large)など。

Developer Guideline – Creating a Widget Extension

開発者向けの、Xcodeの操作や、実装コードについて説明されています。

https://developer.apple.com/documentation/widgetkit/creating-a-widget-extension

3.便利なデザイン素材

Figma – iOS 14 UI Kit for Figma | Excited to share the latest iOS 14 UI Kit for Figma! — I found myself frequently trying to lo…

デザインツールFigmaのiOS 14 UIKit(UIコンポーネント素材集)です。

4. 実際の操作画面

iPhone 12

【手数料・送料無料】携帯電話・スマートフォン売るならネットオフ

あわせて読みたい書籍

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA