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

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

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

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

 

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

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

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

متن و قلم ها

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

 

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

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

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

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

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




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

مدت زمان دوره 3:23:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

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


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

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