mobile-app-design-mastery

Production-grade mobile UI design principles adapted from Refactoring UI for Flutter/native apps.

| xs | 4 | Micro gaps, icon padding | | sm | 8 | Tight, within components | | md | 12 | Related elements | | base | 16 | Standard padding | | lg | 24 | Between sections | | xl | 32 | Major separation | | 2xl | 48 | Screen margins on tablets |

| iOS | 44×44 pt | | Android | 48×48 dp | | Comfortable | 56×56 |

リファクタリング UI 原則に基づいた実稼働グレードのモバイル アプリケーション UI デザイン。常に有効にする対象: Flutter アプリ、モバイル アプリ、iOS アプリ、Android アプリ、モバイル UI、アプリ画面、モバイル ナビゲーション、ボトムシート、モバイル フォーム、タッチ ターゲット、モバイル タイポグラフィ、アプリのカラー スキーム、モバイル カード、リスト ビュー、モバイル モーダル、タブ バー、アプリ バー、フローティング アクション ボタン。モバイル デザイン ワークフロー、タッチに最適化された間隔、モバイル タイポグラフィ スケール、プラットフォーム対応パターンを提供します。トルコ語: モービル ウイグルマ タサルム、Flutter タサルム、ウイグラマ アラユズ、モービル UI、テレフォン ウイグルマ、Android タサルム、iOS タサルム。英語: アプリのデザイン、モバイル インターフェイス、タッチ フレンドリー、ネイティブな感触、モバイル UX。 ソース: anilcancakir/my-claude-code。