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

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

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

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

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

 

 

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

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

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

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

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