Course catalog

Course duration

Course provider

Topic

Categories

Showing 1-20 of 44 items.

linkedin Adobe Animate CC for Web Designers (Mitalearn-95418)

  • 1 hours 21 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Paul Trani
درباره این دوره:

اگر می‌خواهید یک هدر را متحرک کنید، تبلیغات بنری بسازید، یا یک اینفوگرافیک ایجاد کنید، پل ترانی می‌تواند در این دوره با استفاده از Adobe Animate CC به شما نشان دهد که چگونه – و این کار را انجام می‌دهد. او نحوه ایجاد گرافیک و متن، وارد کردن طرح‌ها و عکس‌ها و جان بخشیدن به اشیا را با استفاده از انیمیشن و تعامل نشان می‌دهد. او همچنین فرآیند انتشار را برای خروجی به پلتفرم های متعدد مانند HTML، SWF، SVG و WebGL نشان می دهد. از آنجایی که اصول ایجاد و متحرک سازی فراتر از پروژه های برجسته است و می تواند در چندین سناریو مورد استفاده قرار گیرد، این دوره می تواند به هر طراح وب کمک کند تا قابلیت های قوی Adobe Animate CC را کشف کند.

linkedin Adobe Animate CC: Creating an HTML5 Banner Ad (Mitalearn-90522)

  • 1 hours 21 minutes
  • مبتدی
  • Release date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

طراحی و تولید تبلیغات متحرک که عالی به نظر می رسند و مطابق انتظار در مرورگرهای مدرن کار می کنند، می تواند دردسرساز باشد—مگر اینکه از نسخه جدید Adobe Animate CC استفاده کنید. Animate CC به شما امکان می دهد فایل های HTML5 و جاوا اسکریپت را صادر کنید که پاسخگو هستند و در هر پلتفرمی عالی به نظر می رسند. این پروژه شما را با استفاده از Animate CC از یک پروژه خالی HTML Canvas تا یک بنر تبلیغاتی کامل می برد. کریس کانورس نشان می‌دهد که چگونه می‌توان یک ترکیب را با استفاده از آثار هنری و متن موجود جمع‌آوری کرد، عناصر مختلف را متحرک کرد، فونت‌های وب و فراخوانی را اضافه کرد و تبلیغ را قابل کلیک و کنترل توسط کاربر کرد. این دوره با نگاهی به گزینه های مختلف انتشار موجود در Animate CC به پایان می رسد.

linkedin Adobe Animate CC: Data-Driven Animation (Mitalearn-95877)

  • 1 hours 36 minutes
  • متوسط
  • Release date: 28 June 2026
  • Author: Joseph Labrecque
درباره این دوره:

با استفاده از Adobe Animate CC—نسخه تازه راه اندازی شده Flash Professional، ایجاد انیمیشن های مبتنی بر داده، مانند چرخ فلک تصویر مبتنی بر داده و فید RSS تعاملی را بیاموزید. Joseph Labrecque شما را به صورت گام به گام در هر دو پروژه راهنمایی می کند و دستورالعمل های آسان برای تعامل با مجموعه داده های JSON و XML و استفاده از jQuery برای جذب و تجزیه داده ها در پروژه های مبتنی بر HTML5 Canvas را ارائه می دهد. چرخ فلک کامل تصاویر، زیرنویس‌ها و کنترل‌هایی را برای سفارشی‌سازی انتقال‌ها نمایش می‌دهد، در حالی که صفحه فید RSS موارد اخبار را در یک رابط متحرک «برای مشاهده بیشتر کلیک کنید» بارگیری می‌کند. نحوه راه‌اندازی هر پروژه، ساخت رابط‌ها، دریافت داده‌ها، اعمال انیمیشن و کنترل‌های کاربر برنامه را بیابید. به علاوه، تکنیک های پیشرفته برای ایجاد عناوین پویا را بیاموزید.

linkedin Adobe Animate CC: Interactive Animation (Mitalearn-95894)

  • 1 hours 44 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Joseph Labrecque
درباره این دوره:

کارآمدترین راه برای ایجاد انیمیشن های تعاملی برای پروژه های وب، موبایل و دسکتاپ را با Adobe Animate CC، نسخه تازه راه اندازی شده Flash Professional بیاموزید. این دوره مبتنی بر پروژه دارای دو تکلیف است: یک بنر وب متحرک که به حرکت ماوس، ورودی لمسی و کلیک ها پاسخ می دهد و یک انیمیشن تعاملی سه حالته که مانند یک بازی بازی می کند. جوزف لابرک نشان می‌دهد که چگونه می‌توان فضای کاری Animate را تنظیم کرد، صحنه را آماده کرد، از گردش‌های کاری مبتنی بر فریم کلیدی و رویه‌ای، ایجاد عناوین و تعاملات برنامه‌ای استفاده کرد. بعلاوه، یاد بگیرید که چگونه هر دو انیمیشن تکمیل شده را در یک صفحه وب پاسخگو مستقل ادغام کنید.

linkedin CSS: Animation (2016) (Mitalearn-84810)

  • 1 hours 59 minutes
  • متوسط
  • Release date: 29 June 2026
  • Author: Val Head
درباره این دوره:

انیمیشن CSS یک راه کاملاً جدید برای آوردن حرکت به پروژه های تعاملی ارائه می دهد. این یک مهارت اصلی برای طراحان و توسعه دهندگان وب است و ویژگی هایی که کاربران از وب سایت های مدرن انتظار دارند. این دوره مجموعه‌ای از پروژه‌های پویانمایی CSS را ارائه می‌کند: ویژگی‌های سایت مانند دکمه‌های رول‌اور، تبدیل‌های سه بعدی، گرافیک‌های متحرک و آرم‌ها، نمایشگرهای بارگذاری و موارد دیگر.

rnrn او همچنین انیمیشن های حلقه و زنجیره ای، متحرک سازی عناصر HTML و SVG و بهینه سازی عملکرد انیمیشن را پوشش می دهد و بهترین ابزارها و موارد استفاده را برای انیمیشن های CSS معرفی می کند. شروع به تماشا کنید تا برند خود را به حرکت درآورید.

linkedin CSS: Enhancing Interfaces with Animation (Mitalearn-198472)

  • 1 hours 3 minutes
  • متوسط
  • Update date: 21 June 2026
  • Author: Christina Gorton
درباره این دوره:

رابط های خود را بیشتر فشار دهید و با ادغام انیمیشن ها در سراسر سایت، وب سایت ها را جذاب تر کنید. در این دوره، یاد بگیرید که چگونه از CSS برای ترکیب انیمیشن های تعاملی که ویژگی ها و طرح بندی ها را بهبود می بخشد، استفاده کنید. اصول و بهترین شیوه هایی را که باید برای استفاده شما از انیمیشن راهنمایی کند، بررسی کنید. نحوه استفاده از انتقال، انیمیشن‌های فریم کلیدی و تبدیل‌ها را برای ارائه تجربه کلی بهتر به کاربران بیابید. اهمیت تنظیم دقیق مدت زمان، سرعت و رقص عناصر پویا را کشف کنید. ببینید چگونه دکمه‌ها، منوها و کارت‌ها را سرگرم‌کننده‌تر و جذاب‌تر کنید. در حین بررسی استفاده از حرکت در رابط کاربری، تئوری ها، کاربردهای عملی و موارد دیگر را در نظر بگیرید.

linkedin Web Motion: Animate a CSS Sprite Sheet (Mitalearn-49314)

  • 30 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Tom Green
درباره این دوره:

برگه‌های اسپرایت CSS دریچه دیگری را برای حرکت وب باز کرده‌اند و به شما این امکان را می‌دهند که به طور موثر مجموعه‌ای از تصاویر را متحرک کنید - از حالت دکمه گرفته تا حالت کاراکتر. در این دوره سریع، تام گرین به شما نشان می‌دهد که چگونه می‌توانید چرخه راه رفتن یک کاراکتر را با ایجاد یک صفحه sprite در Flash، ویرایش در Fireworks و قرار دادن آن در حرکت (و در HTML خود) با Edge Animate متحرک کنید.

linkedin Web Motion: Create a Preloader (Mitalearn-49297)

  • 24 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Tom Green
درباره این دوره:

به انیمیشن گیف پایین نگاه کنید: در حال بازگشت به وب، ظاهر شدن به عنوان یک پیش بارگذاری یا نشان دهنده بارگیری محتوای سایت است. به تام گرین بپیوندید، زیرا او به شما نشان می دهد که چگونه در این قسمت از Web Motion برای مبتدیان، پیش بارگذاری کننده مبتنی بر GIF خود را بسازید. شما یاد خواهید گرفت که چگونه یک سری انفجار به سبک آتش بازی را از After Effects صادر کنید، یک GIF متحرک در Photoshop یا Fireworks (به انتخاب شما) ایجاد کنید، و GIF را به عنوان یک پیش بارگذاری در Edge Animate قابل استفاده کنید.

linkedin Web Motion: Create an Animated Banner Ad (Mitalearn-49280)

  • 46 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Tom Green
درباره این دوره:

یاد بگیرید که یک بنر وب ساده با حرکت و تعامل ایجاد کنید. این قسمت از Web Motion برای مبتدیان به شما نشان می‌دهد که چگونه یک پروژه مشتری را از مفهوم به اتمام برسانید - در این مورد برای یک آگهی تبلیغاتی که بینندگان را دعوت می‌کند از انتاریو، کانادا بازدید کنند. تام گرین نشان می‌دهد که چگونه با طرح‌ها و فریم‌های سیمی بر روی یک ایده اولیه بسازید و دارایی‌های تصویر خود را در Adobe Photoshop و Illustrator ایجاد کنید. سپس تبلیغ را در Edge Animate جمع آوری کرده و دکمه های تعاملی را با ویژگی Gradient ایجاد می کنید.

linkedin آماده سازی سایت شما برای رتینا (Mitalearn-72553)

  • 3 hours 13 minutes
  • متوسط
  • Update date: 21 June 2026
  • Author: Brian Wood
درباره این دوره:

با ورود صفحه نمایش های جدید خیره کننده مانند صفحه نمایش Apple Retina به بازار، بسیاری از طراحان می خواهند یاد بگیرند که چگونه سایت های خود را برای شبکیه چشم آماده کنند. این دوره چندین گزینه برای بهینه سازی گرافیک و سایر مطالب ارائه می دهد تا در نمایشگرهای شبکیه (یا HiDPI) و غیر شبکیه به طور یکسان عالی به نظر برسد. نویسنده برایان وود شامل ترکیب فونت‌های آیکون و فاویکون‌ها، بهینه‌سازی تصاویر SVG و درون خطی، و نمایش تصاویر واکنش‌گرا با استفاده از CSS، جاوا اسکریپت و راه‌حل پلی‌فیل PictureFill است.

linkedin آموزش HTML Canvas (Mitalearn-155768)

  • 2 hours 9 minutes
  • متوسط
  • Update date: 21 June 2026
  • Author: Joe Marini
درباره این دوره:

توسعه‌دهندگان جاوا اسکریپت می‌توانند گرافیک‌های آزاد را روی سطح طراحی به نام Canvas ایجاد کنند. Canvas توانایی ایجاد برنامه های وب غنی و بومی را با گرافیک های دو بعدی و سه بعدی باز می کند. در این دوره، مربی جو مارینی مفاهیم فنی پشت Canvas را معرفی می کند و نحوه انجام عملیات ترسیم را به طور مستقیم در یک صفحه وب نشان می دهد. یاد بگیرید که چگونه اشکال اساسی و پیچیده را بکشید، رنگ ها و سبک ها را تنظیم کنید و سایه ها، الگوها و شیب ها را اضافه کنید. سپس تکنیک های پیشرفته تری مانند مقیاس بندی، چرخش و ترکیب اشیاء را کشف کنید. به‌علاوه، نحوه استفاده از عناصر Canvas را برای ساخت یک نمایش اسلاید با ویژگی‌های کامل و یک انیمیشن دو بافری کشف کنید.

linkedin آموزش رسانه های واکنشگرا (Mitalearn-53530)

  • 58 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Christopher Schmitt
درباره این دوره:

چرا خود را به تصاویر درون خطی و متن ثابت محدود کنید، به خصوص در دوران چند پلتفرمی ما؟ رسانه های واکنش گرا به شما امکان می دهند محتوای بیشتری را با افراد بیشتری به اشتراک بگذارید. آنچه را که برای ساختن صفحات غنی از تصویر و تایپوگرافی (با ویدیوی HTML5!) که به درستی در دستگاه های مختلف نمایش داده می شود، بدانید. کریستوفر اشمیت همچنین به شما نشان می‌دهد که چگونه طرح‌بندی‌های با عرض ثابت را به طرح‌بندی‌های شبکه‌ای سیال تبدیل کنید که با اندازه‌های مختلف صفحه‌نمایش سازگار هستند، از پرسش‌های رسانه‌ای برای ارائه تجربیات طراحی سفارشی استفاده کنید، و تصاویر PNG، JPEG و SVG را آماده و بازیابی کنید تا بهترین ظاهر را داشته باشند. .

linkedin ایجاد آیکون های وب با SVG (Mitalearn-98291)

  • 1 hours 44 minutes
  • متوسط
  • Release date: 22 June 2026
  • Author: Morten Rand-Hendriksen
درباره این دوره:

مشاهده خبرنامه Morten's LinkedIn به عنوان طراحان و توسعه دهندگان وب، ما می خواهیم گرافیک واضح به نظر برسد، اما برای عملکرد باید اندازه فایل را پایین نگه داریم. چگونه بهترین های هر دو دنیا را بدست می آورید؟ تقریباً تنها یک راه برای رفتن وجود دارد: SVG.\n\n چالش SVG ها این است که آنها مانند فایل های گرافیکی دیگر نیستند: آنها به جای شبکه ای از پیکسل ها، دستورالعمل های کدی هستند که توسط مرورگر در لحظه تفسیر می شوند. این امر چالش‌های منحصربه‌فردی و فرصت‌های منحصربه‌فردی را در هنگام اجرا ایجاد می‌کند. در این دوره، روش‌های مختلفی برای استقرار آیکون‌های SVG در صفحات وب را یاد خواهید گرفت که هر کدام موارد استفاده، مزایا و معایب خاص خود را دارند. Morten Rand-Hendriksen نحوه درج تصاویر SVG، افزودن SVG به عنوان عناصر درون خطی و SVG sprites از طریق خط فرمان و خودکارسازی SVG ها با Grunticon را نشان می دهد. به‌علاوه، نکاتی را در مورد سازگاری و دسترسی به گرافیک‌های خود و استفاده از نمادهای SVG در وردپرس دریافت کنید.

linkedin ایجاد سینماگراف و پلاتوگرافی (Mitalearn-116243)

  • 4 hours 1 minutes
  • پیشرفته
  • Release date: 21 June 2026
  • Author: Richard Harrington
درباره این دوره:

سینماگراف ها عکس های ثابتی هستند که دارای نواحی حرکتی هستند. این گرافیک های تخصصی - که اساساً GIF های متحرک و پیشرفته هستند - می توانند برای تبلیغات پویا یا کمک به برجسته شدن شما در رسانه های اجتماعی استفاده شوند. در این دوره آموزشی، نحوه استفاده از فتوشاپ، افتر افکت و ابزارهای دیگر را برای کشف گزینه های خلاقانه سینماگراف ها بیاموزید. علاوه بر این، نحوه ایجاد پلاتوگرافی با Plotagraph Pro را بیاموزید که به شما امکان می دهد محتوای پویا از عکس های ثابت ایجاد کنید. در حالی که پلاتوگرافی شبیه به سینماگراف است، نقطه شروع و اجرا بسیار متفاوت است.\r\n\r\n در طول دوره، ریچ تکنیک های مفید تیراندازی و پس از تولید را به اشتراک می گذارد تا به شما در بهبود نتایج نهایی کمک کند.

linkedin ایجاد فونت آیکون برای وب (Mitalearn-51898)

  • 3 hours 55 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: James Williamson
درباره این دوره:

اگر فکر می کنید فونت های نماد متوقف می شوند و با Dingbats شروع می شوند، دوباره فکر کنید. فونت های آیکون جدید مدرن، سرگرم کننده هستند و به شما امکان می دهند آثار هنری برداری مقیاس پذیر را با یک ضربه کلید به طرح های خود اضافه کنید. به احتمال زیاد شما آنها را در عمل دیده اید، اما ممکن است دقیقاً در مورد نحوه ایجاد خود کاملاً واضح نباشید. در این دوره، نویسنده ارشد جیمز ویلیامسون توضیح می‌دهد که فونت‌های آیکون چیست و چگونه کار می‌کنند، و مجموعه‌ای از ابزارها را برای تولید فونت‌های آیکون مرور می‌کند: خدمات آنلاین مانند Fontello، برنامه‌های ترسیم برداری مانند Illustrator، و نرم‌افزار ایجاد فونت مانند Glyphs Mini. او همچنین نکاتی در مورد طراحی و سازماندهی حروف، وارد کردن آثار هنری، صادرات فونت و تولید فونت های وب سازگار با مرورگرهای متقابل ارائه می دهد.

rnrn

linkedin ایجاد گرافیک بهینه شده برای وب (Mitalearn-416395)

  • 42 minutes
  • مناسب همه
  • Release date: 6 December 2022
  • Author: Emmanuel Henri
درباره این دوره: 

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

کشف کنید که چگونه فشرده سازی تصویر کار می کند و چگونه بر کیفیت تصویر ، اندازه و وضوح تأثیر می گذارد. جوانب مثبت و منفی قالب های مختلف پرونده های تصویری را بیاموزید ، چه موقع استفاده کنید ، چگونه و چرا ، از جمله نکاتی برای بهینه سازی JPEG ها ، GIF ها ، PNG ها و SVG ها در طول مسیر. در پایان این دوره ، شما نه تنها می دانید که چگونه تصاویر شما بهینه شده اند ، بلکه نحوه ارزیابی و آزمایش تأثیر آنها در وب سایت خود را نیز می دانید.

Related Skills

linkedin ایجاد گرافیک وب بهینه شده (2016) (Mitalearn-92307)

  • 42 minutes
  • متوسط
  • Release date: 6 May 2016
  • Author: Brian Wood
درباره این دوره:

ایجاد گرافیک آسان است. اما ایجاد گرافیک های وب بهینه سازی شده که به سرعت دانلود می شوند و در دستگاه های مختلف عالی به نظر می رسند، می تواند کاری طاقت فرسا باشد. در این دوره آموزشی با برایان وود، بهترین فرمت‌های فایل و تکنیک‌های تولید را بیاموزید تا هر بار گرافیکی عالی داشته باشید. کشف کنید چگونه فشرده سازی بر کیفیت تصویر تأثیر می گذارد. مزایا و معایب وکتورها در مقابل تصاویر شطرنجی و JPG ها را از طریق PNG و GIF یاد بگیرید. و نحوه بهینه سازی تصاویر برای نمایشگرهای شبکیه چشم را بیابید.

rnrn

linkedin ایجاد یک صفحه متحرک Steam Sprite با افترافکت (Mitalearn-68881)

  • 42 minutes
  • متوسط
  • Update date: 14 April 2015
  • Author: Chris Converse
درباره این دوره:

آموزش ایجاد یک انیمیشن استیم واقعی با After Effects. در این دوره شما سبک و حلقه کردن یک انیمیشن سیستم ذرات را برای ایجاد یک افکت بخار مبتنی بر HTML5 و سپس ساختن آن در یک صفحه sprite که می تواند در هر مرورگر اصلی پخش شود، بررسی خواهید کرد. هیچ دانش قبلی در مورد After Effects مورد نیاز نیست، و پخش کننده ورق sprite در فایل های تمرین گنجانده شده است (رایگان برای همه اعضای lynda.com)، بنابراین می توانید فوراً نتایج خود را آزمایش کنید.

linkedin تصاویر واکنش گرا (Mitalearn-71261)

  • 1 hours 21 minutes
  • متوسط
  • Update date: 22 June 2026
  • Author: Morten Rand-Hendriksen
درباره این دوره:


تصاویر ریسپانسیو تحول بعدی در طراحی وب هستند. با این بهترین سناریوهای واقعی برای پیاده سازی تصاویر واکنش گرا در سایت های تولیدی، نحوه پیاده سازی آنها را امروز بیاموزید. مورتن رند-هندریکسن توضیح می‌دهد که تصاویر واکنش‌گرا چیست و چگونه کار می‌کنند، و نحوه استفاده از Picturefill JavaScript polyfill برای کارکردن تصاویر واکنش‌گرا در مرورگرهایی که هنوز از آنها پشتیبانی نمی‌کنند. سپس دو نوع اصلی عکس‌های واکنش‌گرا را بررسی کنید (با استفاده از تگ با srcset و w و تگ جدید)، و با نمونه‌های کد آماده تولید در پنجره تمرین کار کنید تا تجربه پیاده‌سازی عملی داشته باشید.

linkedin حرکت وب: یک مرور کلی (Mitalearn-49399)

  • 17 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Tom Green
درباره این دوره:

Web Motion برای مبتدیان مجموعه ای از دوره هایی است که برای معرفی شما با زمینه نوظهور موشن گرافیک برای وب طراحی شده است. با این دوره شروع می شود، مروری بر فرآیند برنامه ریزی و ایجاد. نویسنده تام گرین به شما یادآوری می کند که به دنیای اطراف خود توجه کنید و بر اهمیت استوری بورد، برنامه ریزی پروژه و انتخاب ابزار تأکید می کند.

Suggestions