طراحی UI/UX برای اپلیکیشن‌های موبایل

// رنگ‌های Material Design در Android
<resources>
    <color name="primary">#2196F3</color>
    <color name="primary_dark">#1976D2</color>
    <color name="accent">#FFC107</color>
    <color name="text_primary">#212121</color>
    <color name="text_secondary">#757575</color>
</resources>

// فونت‌های Material Design
<style name="TextAppearance.Headline1" parent="TextAppearance.MaterialComponents.Headline1">
    <item name="fontFamily">@font/roboto_light</item>
    <item name="android:textSize">96sp</item>
</style>

<style name="TextAppearance.Body1" parent="TextAppearance.MaterialComponents.Body1">
    <item name="fontFamily">@font/roboto_regular</item>
    <item name="android:textSize">16sp</item>
</style>

// ساختار منوی اپلیکیشن
MainActivity
├── HomeFragment
│   ├── Featured Products
│   ├── Categories
│   └── Recent Items
├── SearchFragment
│   ├── Search Bar
│   ├── Filters
│   └── Results
├── CartFragment
│   ├── Cart Items
│   ├── Total Price
│   └── Checkout Button
└── ProfileFragment
    ├── User Info
    ├── Settings
    └── Logout

// تعریف استایل‌های مشترک
<style name="Button.Primary" parent="Widget.MaterialComponents.Button">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">48dp</item>
    <item name="android:textSize">16sp</item>
    <item name="android:textColor">@color/white</item>
    <item name="backgroundTint">@color/primary</item>
    <item name="cornerRadius">24dp</item>
</style>

<Button
    android:id="@+id/btn_submit"
    android:text="ارسال"
    android:contentDescription="دکمه ارسال فرم"
    android:importantForAccessibility="yes"
    android:hint="برای ارسال فرم کلیک کنید" />

// Layout برای تبلت
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <fragment
        android:id="@+id/fragment_list"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <fragment
        android:id="@+id/fragment_detail"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2" />

</LinearLayout>

// انیمیشن Fade In
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="0.0"
        android:toAlpha="1.0"
        android:duration="300" />
    <scale
        android:fromXScale="0.8"
        android:toXScale="1.0"
        android:fromYScale="0.8"
        android:toYScale="1.0"
        android:duration="300" />
</set>

// Transition در Fragment
val fragment = DetailFragment()
supportFragmentManager.beginTransaction()
    .setCustomAnimations(
        R.anim.slide_in_right,
        R.anim.slide_out_left,
        R.anim.slide_in_left,
        R.anim.slide_out_right
    )
    .replace(R.id.fragment_container, fragment)
    .addToBackStack(null)
    .commit()