نوروز مبارک

نوروز مبارک

🔥 جشنواره نوروزی آموزش با ۷۰٪ تخفیف ویژه! 🎉

با آغاز سال نو، فرصتی استثنایی برای یادگیری فراهم شده است! 🌸

🚀 چرا نباید این فرصت را از دست داد؟
✅ دوره‌های متنوع و کاربردی
✅ تدریس توسط اساتید مجرب
✅ یادگیری در هر زمان و هر مکان

📌 همین حالا از این تخفیف فوق‌العاده بهره‌مند شوید! فرصت محدود است!

 

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

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

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

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

 

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

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

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

متن و قلم ها

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

 

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

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

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

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

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




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

مدت زمان دوره 3:23:00
00:00
00: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


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

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

AlimardankhajehSalehani

ارسال شده در 1400/08/15

سلام و خداقوت

مختصر و مفید و عالی

سپاسگزارم

علی رفیعی (مدرس)

ارسال شده در 1400/08/18

سلامت باشید.ممنون

nilo92

ارسال شده در 1400/06/29

سلام استاد واقعا دوره تون عالیه من خیلی علاقه دارم به طراحی ui لطفا راهنمایی کنید برای خروجی گرفتن در ورد پرس کدوم دوره رو ثبت نام کنم

علی رفیعی (مدرس)

ارسال شده در 1400/08/10

سلام دوست عزیز 

باید دانش کدنویسی پیدا کنید ابتدا!!!!

amirreza13888831

ارسال شده در 1400/03/18

سلام استاد گرامی

استاد من کامپیوترم خرابه ببخشید میگم این دوره در اندروید هم قابل اجرا هست یا تحت وب؟؟

با تشکر

علی رفیعی (مدرس)

ارسال شده در 1400/03/19

سلام
باید سیستم  عاملی داشته باشید ک ایلستریتور و یا vscode رو بتونید نصب کنید و استفاده کنید

سینا

ارسال شده در 1400/01/31

درود استاد واقعا جای این دوره خالی بود تو سایت من واقعا منتظر قسمت های دیگه هستم

علی رفیعی (مدرس)

ارسال شده در 1400/02/01

موفق باشید 🌹🤍