クロスプラットフォームモバイル開発者のためのレスポンシブ&アダプティブレイアウトデザイン入門
クロスプラットフォームモバイル開発(Flutter/React Native)におけるレスポンシブおよびアダプティブデザインの原則を習得し、あらゆるデバイスで優れたユーザーエクスペリエンスを提供するUIを構築します。
...
Share
レスポンシブとアダプティブデザインの基礎と柔軟なUI構築
Unit 1: レスポンシブとアダプティブの基本
なぜ柔軟なUIが必要?
レスポンシブとは?
アダプティブとは?
Unit 2: 柔軟なレイアウトの構築
Flexboxの魔法
Flutterのレイアウト術
画面サイズを測る
Unit 3: UIの一貫性を保つ
デザインシステムの基礎
テーマで統一感を
プラットフォーム適応と高度なレイアウト戦略
Unit 1: プラットフォーム固有の適応
デバイスの特性を掴む
メディアクエリの活用
プラットフォーム固有のUI
Unit 2: デザイントークンとテーマ
デザイントークンとは?
テーマ戦略の実装
Unit 3: レイアウトのテストとデバッグ
レイアウトのテスト戦略
デバッグのヒントとコツ