دوره آموزشی
The Great Courses
دوبله زبان فارسی

طراحی وب در Figma - سطح پیشرفته

طراحی وب در 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

7,044,000 1,761,000 تومان

مشخصات آموزش

طراحی وب در Figma - سطح پیشرفته

  • تاریخ به روز رسانی: 1404/12/10
  • سطح دوره:همه سطوح
  • تعداد درس:106
  • مدت زمان :11:49:08
  • حجم :6.9GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,260,000 452,000 تومان
  • زمان: 03:02:02
  • تعداد درس: 14
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
795,000 159,000 تومان
  • زمان: 58:00
  • تعداد درس: 12
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
19,403,000 3,880,600 تومان
  • زمان: 26:02:40
  • تعداد درس: 175
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,508,000 1,701,600 تومان
  • زمان: 11:25:13
  • تعداد درس: 94
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,833,000 366,600 تومان
  • زمان: 02:27:39
  • تعداد درس: 24
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,100,500 1,220,100 تومان
  • زمان: 08:11:21
  • تعداد درس: 28
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,256,500 1,451,300 تومان
  • زمان: 09:44:25
  • تعداد درس: 67
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,634,500 726,900 تومان
  • زمان: 04:52:43
  • تعداد درس: 38
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید