Skip to content

این ریپوزیتی با هدف یادگیری و تمرین اصول طراحی رابط کاربری توسعه یافته و هر تمرین به مباحث خاصی مانند استفاده از رنگ‌ها، چیدمان، المان‌های تعاملی، فرم‌ها و ویژگی‌های تعاملی مانند صدا و انیمیشن‌ها که سرکلاس انجام شده اپلود میشه .

Notifications You must be signed in to change notification settings

Salarlotfi1381/UIDesign

Repository files navigation

🎨 تمرین‌های طراحی رابط کاربری

UI Design

به ریپوزیتوری تمرین‌های طراحی رابط کاربری خوش آمدید!
این پروژه شامل مجموعه‌ای از تمرین‌های طراحی رابط کاربری است که هر کدام به شما امکان می‌دهند اصول و تکنیک‌های طراحی را به صورت عملی یاد بگیرید.


📑 تمرین‌ها

در اینجا فهرستی از تمرین‌ها آورده شده است. هر پوشه شامل یک تمرین مجزا است که مباحث خاصی از طراحی UI و توسعه اپلیکیشن‌های اندروید را پوشش می‌دهد:

تمرین مبانی طراحی UI و استفاده از رنگ‌ها و فونت‌ها.

تمرکز بر چیدمان عناصر و اصول فاصله‌گذاری.

استفاده از المان‌های تعاملی مانند دکمه‌ها و ورودی‌ها.

ایجاد فرم‌های کاربرپسند و بهینه‌سازی رابط کاربری برای دستگاه‌های مختلف

موضوع: ایجاد لیست تماس با قابلیت ارسال پیام و برقراری تماس.
جزئیات: این تمرین شامل ایجاد لیستی از مخاطبین است که با کلیک روی هر مخاطب، امکان ارسال پیام یا برقراری تماس با استفاده از دیالوگ انتخاب فراهم می‌شود. همچنین، این تمرین شامل صدای کلیک برای تعامل بهتر با کاربر است.
ویژگی‌ها:

  • نمایش مخاطبین با تصویر و نام
  • قابلیت ارسال پیام به شماره‌ی انتخاب شده
  • تماس مستقیم با مخاطب همراه با بررسی مجوز
  • پخش صدای کلیک هنگام انتخاب مخاطب

موضوع: مدیریت اطلاعات کاربر با صدا و انیمیشن
جزئیات: این تمرین شامل اضافه کردن، ویرایش و حذف نام و نام خانوادگی با استفاده از EditText و دکمه‌ها است. هر عملکرد با پخش صدا همراه است، و دکمه حذف نیز انیمیشن دارد.
ویژگی‌ها:

  • ذخیره‌سازی نام و نام خانوادگی با استفاده از SharedPreferences
  • پخش صدای اختصاصی هنگام اضافه، ویرایش یا حذف اطلاعات
  • انیمیشن حرکت هنگام لمس دکمه حذف

🚀 شروع کار

برای مشاهده و اجرای هر تمرین، مراحل زیر را دنبال کنید:

ریپوزیتوری را کلون کنید:

git clone https://github.com/Salarlotfi1381/UIDesign.git
  1. وارد کردن پروژه به Android Studio:
    • Android Studio را باز کنید.
    1. از منوی اصلی، File > New > Import Project را انتخاب کنید.
    2. به پوشه پروژه‌ای که کلون کرده‌اید بروید و آن را انتخاب کنید.
    3. روی OK کلیک کنید و منتظر بمانید تا پروژه بارگذاری شود.

با این مراحل، می‌توانید هر تمرین را به صورت مجزا اجرا کرده و اصول و تکنیک‌های UI را تمرین کنید. موفق باشید!

About

این ریپوزیتی با هدف یادگیری و تمرین اصول طراحی رابط کاربری توسعه یافته و هر تمرین به مباحث خاصی مانند استفاده از رنگ‌ها، چیدمان، المان‌های تعاملی، فرم‌ها و ویژگی‌های تعاملی مانند صدا و انیمیشن‌ها که سرکلاس انجام شده اپلود میشه .

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published