قیمت این دوره: رایگانــ
  • مدرس دوره : علی رفیعی
  • تعداد دانشجویان این دوره : 266 نفر
  • تعداد ویدیوها : 13 ویدیو
  • مدت زمان دوره : 3:23:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1400/02/09
طراحی قالب سایت با ایلستریتور

طراحی قالب سایت با ایلستریتور

Adobe Illustrator یک محیط طراحی کاملاً پیکسلی برای ایجاد عناصر وب انعطاف پذیر و روان فراهم می کند. هر آنچه برای ایجاد یک طرح وب تمیز و واضح نیاز دارید را به شما ارائه می دهد.

  گرافیک برداری ، نمادهای آماری ، اجزای مقیاس پذیر ، تولید CSS ، ساختSVG و.....

 

هر اثر هنری که در Illustrator طراحی می کنید معمولاً حول محورهای طراحی زیر است:

اشکال و مسیرها

رنگها و الگوها

متن و قلم ها

تصاویر و جلوه های ویژه

 

برای ایجاد یک طرح وب رسپانسیو شده(واکنش گرا) ، موارد  زیر را  باید در نظر گرفت:

شبکه ها و چیدمان های انعطاف پذیر برای طراحی یک چیدمان وب سایت که می تواند 

در هر عرض صفحه ای مانند دسک تاپ ، تبلت ، موبایل تغییر اندازه یابد.

ما در این دوره قصد داریم  یک صفحه وب در هر عرض صفحه ای دسکتاپ ، تبلت و موبایل را طراحی کنیم.

و با خیلی از موارد طراحی ui در ایلستریتور آشنا خواهیم شد.

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد.

فهرستـــ ویدیوها

مدت زمان دوره 3:23:00
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.

  • لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

1
  • معرفی دوره

  • 00:06:56
  • رایگانــ

معرفی دوره

2
  • آشنایی و کار با toolbar

  • 00:17:39
  • رایگانــ

در این قسمت با ابزارهای toolbar آشنا خواهیم شد

3
  • کار با لایه ها در ایلستریتور

  • 00:10:44
  • رایگانــ

کار با لایه ها (layers) در ایلستریتور

4
  • آشنایی با گرادینت و کار با ابزار گرادینت

  • 00:11:46
  • رایگانــ

آشنایی با گرادینت و کار با ابزار گرادینت

5
  • ایجاد یک svg background + بررسی برنامه نویسی

  • 00:12:54
  • رایگانــ

در این قسمت یک svg ایجاد میکنیم و بعد میریم تو محیط برنامه نویسی vs code با ساختار اون آشنا میشیم

6
  • ساخت آیکون svg + بررسی برنامه نویسی آیکون های svg

  • 00:22:35
  • رایگانــ

ابتدا ساخت آیکون svg رو بررسی میکنیم و سپس برنامه نویسی آیکون های svg در vs code بررسی میکنیم

7
  • پروژه عملی (بخش اول)

  • 00:31:09
  • رایگانــ

شروع ساخت پروژه

8
  • پروژه عملی (بخش دوم)

  • 00:20:16
  • رایگانــ

بررسی بخش دوم پروژه

9
  • پروژه عملی (بخش سوم)

  • 00:15:28
  • رایگانــ

ادامه پروژه حجم این ویدئو بالا بود مجبور به برش ویدیو شدم ادامه این ویدئو در قسمت بعد

10
  • پروژه عملی ( ادامه بخش سوم)

  • 00:17:13
  • رایگانــ

ادامه قسمت قبل

11
  • پروژه عملی (بخش چهارم)

  • 00:14:04
  • رایگانــ

پروژه عملی (بخش چهارم)

12
  • ادامه پروژه عملی (بخش چهارم)

  • 00:14:44
  • رایگانــ

ادامه پروژه عملی (بخش چهارم)

13
  • مباحث پایانی (see u)

  • 00:08:22
  • رایگانــ

see u later

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .