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 |

تصميم واجهة مستخدم لتطبيقات الهاتف المحمول على مستوى الإنتاج استنادًا إلى مبادئ إعادة هيكلة واجهة المستخدم. يتم التنشيط دائمًا لـ: تطبيق Flutter، وتطبيق الهاتف المحمول، وتطبيق iOS، وتطبيق Android، وواجهة مستخدم الهاتف المحمول، وشاشات التطبيق، والتنقل عبر الهاتف المحمول، والأوراق السفلية، ونماذج الهاتف المحمول، وأهداف اللمس، وطباعة الهاتف المحمول، ونظام ألوان التطبيق، وبطاقات الهاتف المحمول، وطرق عرض القائمة، ونماذج الهاتف المحمول، وأشرطة علامات التبويب، وأشرطة التطبيقات، وأزرار الإجراءات العائمة. يوفر سير عمل التصميم المحمول، والتباعد المحسّن باللمس، ومقياس الطباعة المحمول، والأنماط المتوافقة مع النظام الأساسي. اللغة التركية: mobil uygulama tasarımı، Flutter tasarım، uygulama arayüzü، mobil UI، telefon uygulaması، Android tasarım، iOS tasarım. اللغة الإنجليزية: تصميم التطبيق، واجهة الهاتف المحمول، سهولة اللمس، الشعور الأصلي، تجربة مستخدم الهاتف المحمول. المصدر: anilcancakir/my-claude-code.