طراحی وب در Figma - سطح پیشرفته
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یاد بگیرید طرحبندیهای مدرن و شیک وبسایت ایجاد کنید.
- ده قانون طراحی مدرن وب را مطالعه کنید.
- یاد بگیرید اصول طراحی وب را در عمل و روی پروژههای واقعی بهکار ببرید.
- یاد بگیرید گریدها و راهنماها را برای ساختاربندی طرحها ایجاد کنید.
- یاد بگیرید فاصلهگذاری، ریتم و نظم بصری را در یک طرح تنظیم کنید.
- متدهای کار با تایپوگرافی را مطالعه کنید.
- قوانین کامپوزیشن در طراحی وب را مطالعه کنید.
- یاد بگیرید کامپوزیشنهای تمیز و ماژولار ایجاد کنید.
- متدهای کار با رنگ را مطالعه کنید: پالتها، کنتراست و تأکیدها.
- یاد بگیرید سایهها، گردی گوشهها و افکتها را درست و حرفهای استفاده کنید.
- قوانین طراحی یکپارچه و منسجم را مطالعه کنید.
- یاد بگیرید طراحی را بهصورت منطقی تحلیل کرده و اشتباهات را شناسایی کنید.
- یاد بگیرید سلیقه بصری خود را پرورش دهید و با رفرنسها کار کنید.
- یاد بگیرید مفاهیم اورجینال وبسایت را از ابتدا ایجاد کنید.
- یاد بگیرید از ابزارهای هوش مصنوعی مانند Midjourney و Adobe Firefly در طراحی وب استفاده کنید.
- 2 پروژه برای نمونهکار خود ایجاد کنید.
پیشنیازهای دوره
- آشنایی مقدماتی با Figma (درک چگونگی استفاده از Figma) مورد نیاز است.
توضیحات دوره
مدرس خوشحال است که شما را به دوره "طراحی وب در Figma - سطح پیشرفته" دعوت میکند - یک برنامه عملی و عمیق که به طراحی وب مدرن، سبک بصری و اصولی که حرفهایها برای ایجاد وبسایتها استفاده میکنند، اختصاص دارد.
در اینجا درباره دکمههای Figma صحبت نمیشود - بلکه تمرکز بر روی قوانین طراحی مدرن است.
در مورد چگونگی قویتر کردن کار از نظر بصری، ساختاردهی منطقی و واقعاً معاصر ساختن آن.
یک بررسی عمیق در اصول طراحی وب
شما دهها قانون و رویکرد مورد استفاده طراحان وب حرفهای را بررسی خواهید کرد، از جمله:
- تایپوگرافی و سلسله مراتب متن
- گریدها و راهنماها
- کامپوزیشن و ماژولار بودن
- کار با رنگ، کنتراست و تاکیدها
- فاصلهگذاری، ریتم و نظم بصری در یک طرح بندی
- سایهها، گردی گوشهها، افکتها و سازگاری
- و بسیار بیشتر
شما یاد خواهید گرفت که درک کنید چرا یک طرح بندی خوب یا بد به نظر میرسد و به طور منطقی توضیح دهید که چه چیزی نیاز به بهبود دارد.
تکنیکهای مدرن و تفکر بصری
در این دوره، بررسی میشود:
- چگونه سلیقه بصری را توسعه دهیم؟
- چگونه با ارجاعات کار کنیم؟
- چگونه مفاهیم اصلی وبسایت ایجاد کنیم؟
- چگونه یک ایده را به ساختاری بصری تبدیل کنیم؟
- چگونه از کلیشهها دوری کنیم و راهحلهای واقعاً خلاقانه ایجاد کنیم؟
فراتر از قوانین طراحی، شما همچنین یاد خواهید گرفت:
- چگونه از Midjourney و Adobe Firefly در طراحی وب استفاده کنید؟
- چگونه از هوش مصنوعی برای تولید سبکها، ایدهها و راهحلهای بصری استفاده کنید؟
- شبکههای عصبی کجا کمک میکنند و کجا میتوانند مضر باشند؟
مدرس درباره هوش مصنوعی صادقانه صحبت میکند - بدون هیاهو - و درک میکند که واقعاً کجا کمک میکند و کجا نه.
دوره شامل موارد زیر است:
- بیش از 100 درس ویدیویی پوششدهنده قوانین مشخص طراحی
- یک کتاب کار تعاملی با بیش از 300 اسلاید حاوی قوانین، مثالها و نمودارها
- کتاب کار هنرجو با تمرینهای عملی
- تمرینها، نمایشها و تجزیه و تحلیلهای کامل
هر مبحث از طریق تمرین تثبیت میشود - شما فقط درسها را تماشا نمیکنید، بلکه با حل وظایف طراحی واقعی، تجربه کسب میکنید.
با هم 2 پروژه اصلی برای نمونه کار خواهیم ساخت:
- یک وبسایت خلاقانه برای یک مشتری واقعی، ساخته شده با سبک بصری مدرن
- یک بازطراحی از یک وبسایت موجود که در آن تمام قوانین آموخته شده را اعمال میکنید.
شما پروژهها را به طور مستقل و با استفاده از اصول و منطقی که در طول دوره آموختهاید، ایجاد خواهید کرد.
این دوره برای چه کسانی مناسب است؟
- برای طراحان وب مبتدی
- برای کسانی که اصول اولیه Figma را یاد گرفتهاند اما میخواهند کیفیت طراحی کار خود را بهبود بخشند.
- برای توسعهدهندگان وب
طراحی وب در Figma - سطح پیشرفته
-
درباره این دوره 02:32
-
این یک دوره چند زبانه است؟ 05:50
-
چگونه دوره را پیش ببریم؟ 03:17
-
چگونه سوال بپرسیم؟ 02:59
-
سازگاری مهمترین چیز است 02:56
-
اولین UX/UI در جهان 03:19
-
تنظیمات صحیح متن در طراحی وب 08:48
-
انواع فونتها 03:10
-
چگونه فونت مناسب پروژه را انتخاب کنیم؟ 08:50
-
چگونه متن را خلاقانه فرمت کنیم؟ 08:05
-
چگونه متن را در Figma فرمت کنیم؟ 21:37
-
تمرین شماره 1 — متن را زیبا فرمت کنید 24:09
-
گلیفها چیستند؟ 03:58
-
خلاصه بخش 03:36
-
معضل طراح 04:08
-
منابعی برای توسعه سلیقه بصری 08:04
-
پلاگینهایی برای الهام بصری 04:56
-
سبکهای طراحی وبسایت 05:15
-
استفاده از هوش مصنوعی برای توسعه سلیقه بصری 03:00
-
انواع گریدها 07:39
-
ایجاد یک گرید ناراحتکننده 02:15
-
تحلیل گریدهای سایر طراحان 14:03
-
خلاصه — تایپوگرافی و گریدها 02:42
-
تمرین شماره 2 — قرار دادن محتوا درون گرید 02:30
-
تمرین شماره 2 — تکمیل شده (قسمت 1) 02:30
-
تمرین شماره 2 — تکمیل شده (قسمت 2) 11:17
-
تکلیف پروژه و توضیحات 06:57
-
نکته اضافی — از کجا عکس تهیه کنیم؟ 02:18
-
ایجاد یک گرید ماژولار 04:46
-
ایجاد بخش Hero، قسمت 1 16:11
-
ایجاد بخش Hero، قسمت 2 07:54
-
ایجاد بخش دوم وبسایت 21:21
-
ایجاد بخش سوم وبسایت 09:08
-
ایجاد اولین بنر 07:25
-
ایجاد بخش چهارم وبسایت 07:59
-
ایجاد دومین بنر 03:37
-
ایجاد بخش پنجم 07:54
-
ایجاد بخش ششم 06:28
-
ایجاد فوتر وبسایت 05:37
-
تغییر فونت و ایجاد منوی ناوبری 13:19
-
پایان کار وبسایت 09:48
-
قانون زاویه قائمه 03:49
-
از چه مقادیر فاصلهای استفاده کنیم؟ 03:35
-
استفاده از فضای خالی در طراحی 02:23
-
سلسله مراتب بصری چیست 03:32
-
سطوح سلسله مراتب بصری 01:57
-
کدام عنصر مهمتر است؟ 02:19
-
چگونه از رنگ خاکستری استفاده کنیم؟ 03:04
-
برعکس عمل کنید — تاکیدها را از عناصر غیرضروری بردارید 01:28
-
تمرین شماره 3 — سلسله مراتب بصری را تنظیم کنید 01:43
-
تمرین شماره 3 — تکمیل شده، قسمت 1 11:21
-
تمرین شماره 3 — تکمیل شده، قسمت 2 25:30
-
مقدار گردی گوشهها چقدر باید باشد 04:00
-
شعاع گوشه سازگار 03:46
-
مشکل رویکرد 60:30:10 03:57
-
چگونه یک طیف رنگی ایجاد کنیم؟ 04:29
-
ایجاد یک طیف رنگی در عمل 07:34
-
قانون 60:30:10 و طیف رنگی 03:10
-
مجبور به استفاده از فقط سه رنگ نیستید 01:57
-
از رنگهای سیستمی استفاده کنید 04:49
-
از خاکستری سرد یا گرم استفاده کنید 02:24
-
تداعیهای رنگی 05:15
-
چگونه از گرادینتها در طراحی استفاده کنیم؟ 05:01
-
چند نکته برای کار با رنگ 03:17
-
هوش مصنوعی و رنگ 02:31
-
تمرین شماره 4 — اعمال رنگ به طرح بندی 01:50
-
تمرین شماره 4 — تکمیل شده، قسمت 1 12:58
-
تمرین شماره 4 — تکمیل شده، قسمت 2 09:43
-
چگونه متن را روی تصاویر قرار دهیم؟ 04:53
-
از چه تصاویری استفاده کنیم؟ 07:12
-
چگونه با آیکونها کار کنیم؟ 03:52
-
چگونه از اسکرینشاتها در طراحی استفاده کنیم؟ 03:03
-
درباره تصاویر تولیدشده با هوش مصنوعی 06:24
-
قابلیتها و قیمتگذاری هوش مصنوعی 04:50
-
حذف پسزمینه با هوش مصنوعی 07:10
-
حذف اشیاء با هوش مصنوعی 05:56
-
گسترش مرزهای تصویر با هوش مصنوعی 03:56
-
افزایش رزولوشن تصویر با هوش مصنوعی 05:33
-
ویرایش تصاویر با هوش مصنوعی 04:08
-
ایجاد هارمونی در تصاویر با هوش مصنوعی 01:53
-
تولید تصاویر با هوش مصنوعی 02:42
-
قابلیتهای اضافی هوش مصنوعی 06:43
-
درباره سایهها 03:44
-
تکنیکها و متدهای کار با سایهها 05:19
-
تمرین شماره 5 — اعمال صحیح افکتهای سایه 07:21
-
ویژگیهای طراحی موبایل 03:36
-
اندازه متن در دستگاههای موبایل 04:39
-
اندازهها و ترازبندی عناصر 06:59
-
تمرین شماره 6 — پروژه اول خود را تطبیق دهید 02:23
-
تمرین شماره 6 — تکمیل شده، قسمت 1 21:33
-
تمرین شماره 6 — تکمیل شده، قسمت 2 19:38
-
تمرین شماره 6 — تکمیل شده، قسمت 3 11:32
-
درباره تکنیکهای بصری 05:33
-
منابع مفید برای طراحان وب 03:49
-
مرور کلی و اهداف پروژه 07:20
-
آمادهسازی و جستجوی ارجاع 10:50
-
ایجاد بخش Hero 12:27
-
ایجاد منوی ناوبری 18:08
-
ایجاد خطوط تزئینی 06:36
-
ایجاد بخش دوم وبسایت، قسمت 1 15:28
-
ایجاد بخش دوم وبسایت، قسمت 2 07:42
-
ایجاد بخش سوم وبسایت 07:27
-
ایجاد بخش چهارم وبسایت 09:56
-
ایجاد فرم برای وبسایت 02:38
-
ایجاد فوتر وبسایت 03:18
-
نهاییسازی وبسایت 03:00
مشخصات آموزش
طراحی وب در Figma - سطح پیشرفته
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:106
- مدت زمان :11:49:08
- حجم :6.9GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy