قیمت این دوره: رایگانــ
  • مدرس دوره : محمد میرزایی
  • تعداد ویدیوها : 11 ویدیو
  • مدت زمان دوره : 3:0:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1398/06/19
آموزش Canvas و Svg مقدماتی تا پیشرفته

آموزش Canvas و Svg مقدماتی تا پیشرفته

در عرصه ی طراحی سایت های به روز و کاربر پسند , گرافیک ها نقش بسزایی را ایفا میکنند به طوری که یکی از لازمه های داشتن ui و ux کاربر پسند و زیبا استفاده مناسب از این گرافیک ها است.
مسلم است که گرافیک هایی با کیفیت ثابت در تمام ابعاد میتوانند این نقش را به بهترین شکل ممکن ایفا کنند.

سیستم های گرافیکی svg و canvas , هر دو box هایی هستند که جهت ترسیمات ساده مثل آیکون های کوچک و یا پیچیده مثل تصاویر و اشکال گرافیکی مختلف با بهترین کیفیت ممکن میتوانند مورد استفاده قرار بگیرند.
عنصر canvas در html5 قرار داده شده و با دستورات اسکریپتی به رسم اشکال گوناگون میپردازد و svg هم در قالب xml تنها در محیط html مورد استفاده قرار میگیرد.
از دیگر مزیت های یادگیری این دو مبحث علاوه بر داشتن سایتی با کیفیت در تمام سایز ها ,میتوان به رسم گرافیک های خلاقانه و سلیقه ای توسط طراح اشاره کرد.

در این دوره هر دوی این بوم های گرافیکی به همراه تفاوت هایشان بطور کامل مورد بررسی قرار خواهند گرفت و اشکال گوناگونی رسم خواهند شد تا به درک هر چه بیشتر شما از این دو ابزار فوق العاده کمک کند.
پس اگر به دنبال سایتی شکیل تر و باکیفیت تر هستید با ما همراه باشید.

 

 




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

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

1
  • معرفی دوره

00:04:00

معرفی دوره

2
  • سیستم مختصات Svg

00:07:00

آشنایی با viewport و viewbox و مقدار دهی به آن ها 

3
  • رسم مستطیل و دایره (rect & circle)

00:13:00

کار با مختصات بصورت عملی و رسم دایره و مستطیل همراه با style دهی و بررسی ویژگی های fill و stroke 

4
  • ادامه ی stroking و رسم بیضی و خط (ellipse & line)

00:13:00

بررسی ویژگی های دیگر stroke و رسم بیضی و خط به همراه بررسی ویژگی هایشان

5
  • رسم چندخطی و چند وجهی (polyline & polygon)

00:12:00

آشنایی با point ها و نحوه رسم اشکال چند وجهی و خطوط متوالی 

6
  • بررسی path, text, gradient, transform

00:25:00

آشنایی با path  و کلمات کلیدی آن + آشنایی با text و رسم متن در svg + آشنایی با gradient ها در svg + بررسی transform روی اشکال و تصاویر
 

7
  • ادامه منحنی ها و معرفی ابزار تولید path

00:20:00

کار با مدل های دیگر منحنی ها همراه با مثال و معرفی دو ابزار کاربردی جهت تولید path ها

8
  • عناصر گروه بندی svg

00:19:00

آشنایی با عناصر گروه بندی و ساختاردهی در svg و پایان مبحث svg

9
  • شروع canvas و اشکال پایه

00:24:00

متد های اساسی canvas و بررسی اشکال پایه در canvas

10
  • جلسه دوم canvas و ادامه مباحث

00:24:00

رسم منحنی و آشنایی با متد ها و پراپرتی های دیگر در canvas

11
  • جلسه آخر canvas و ادامه مباحث

00:19:00

کار با text و gradient و آشنایی با متد ها و پراپرتی های دیگر در canvas


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

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