63 lines
2.5 KiB
Markdown
63 lines
2.5 KiB
Markdown
# راهنمای تصاویر صفحه لاگین
|
|
|
|
## مکان تصاویر
|
|
|
|
تصاویر زیر را در پوشه `assets/images/` قرار دهید:
|
|
|
|
### 1. `login_left_bg.jpg`
|
|
- **توضیحات**: تصویر پسزمینه سمت چپ صفحه لاگین
|
|
- **ابعاد پیشنهادی**: 1920x1080 یا بالاتر
|
|
- **نوع**: JPG یا PNG
|
|
- **محتوا**: تصویر مرتبط با آموزش، تکنولوژی، یا موضوع پلتفرم شما
|
|
- **نکته**: این تصویر با افکت blur و overlay تیره نمایش داده میشود
|
|
|
|
### 2. `login_right_illustration.png`
|
|
- **توضیحات**: تصویر نمایشی سمت راست صفحه لاگین
|
|
- **ابعاد پیشنهادی**: 1920x1080 یا بالاتر
|
|
- **نوع**: PNG (با پسزمینه شفاف) یا JPG
|
|
- **محتوا**: ایلاستریشن یا تصویر گرافیکی مرتبط با برند
|
|
- **نکته**: این تصویر بدون افکت نمایش داده میشود
|
|
|
|
## ساختار پوشه
|
|
|
|
```
|
|
teacher_panel/
|
|
├── assets/
|
|
│ └── images/
|
|
│ ├── login_left_bg.jpg
|
|
│ └── login_right_illustration.png
|
|
├── lib/
|
|
├── pubspec.yaml
|
|
└── ...
|
|
```
|
|
|
|
## نکات مهم
|
|
|
|
1. **بعد از اضافه کردن تصاویر**، حتماً دستور زیر را اجرا کنید:
|
|
```bash
|
|
flutter pub get
|
|
```
|
|
|
|
2. **در حالت موبایل**، فقط سمت چپ (با باکس لاگین) نمایش داده میشود.
|
|
|
|
3. **اگر تصاویر پیدا نشوند**، به صورت خودکار از گرادیانتهای پیشفرض استفاده میشود.
|
|
|
|
## پیشنهادات برای تصاویر
|
|
|
|
### تصویر سمت چپ (پسزمینه):
|
|
- تصویر دفتر کار، کلاس درس، یا فضای آموزشی
|
|
- رنگهای تیره یا خنثی (چون overlay تیره روی آن اعمال میشود)
|
|
|
|
### تصویر سمت راست (ایلاستریشن):
|
|
- ایلاستریشن آموزش آنلاین
|
|
- کاراکترهای کارتونی در حال یادگیری
|
|
- گرافیکهای مدرن و رنگارنگ
|
|
- رنگهای روشن و شاد
|
|
|
|
## منابع رایگان برای تصاویر
|
|
|
|
- [Unsplash](https://unsplash.com/) - تصاویر رایگان با کیفیت بالا
|
|
- [Freepik](https://www.freepik.com/) - ایلاستریشنهای رایگان
|
|
- [unDraw](https://undraw.co/) - ایلاستریشنهای SVG رایگان
|
|
- [Pexels](https://www.pexels.com/) - تصاویر و ویدیوهای رایگان
|