Course catalog

Course duration

Course provider

Topic

Categories

Showing 1-10 of 10 items.

linkedin SVG: Clipping, Masking, and Filters (Mitalearn-145874)

  • 2 hours 19 minutes
  • پیشرفته
  • Release date: 22 June 2026
  • Author: Morten Rand-Hendriksen
درباره این دوره:

با SVG کارهای بیشتری انجام دهید. بسیاری از طراحان و توسعه دهندگان وب از قدرت SVG برای همین استفاده می کنند: گرافیک برداری مقیاس پذیر. اما تعداد کمی می دانند که SVG همچنین به شما امکان می دهد جلوه های بصری مبتنی بر کد ایجاد کنید - نوعی گرافیک که قبلاً فقط در برنامه هایی مانند فتوشاپ امکان پذیر بود. در این دوره آموزشی با مورتن رند-هندریکسن، به ویژگی‌های بصری پیشرفته موجود در قالب گرافیک برداری مقیاس‌پذیر، از جمله برش، پوشش و فیلترها، نگاهی عمیق بیندازید. یاد بگیرید که چگونه از clipPath، ماسک و عناصر فیلتر مختلف برای ایجاد ماسک های بریده، لایه های آلفا، و افکت هایی مانند تاری و وضوح، تصحیح رنگ، اکستروژن و ترکیب پیشرفته استفاده کنید. مورتن شامل تفکیک کامل تمام فیلترهای موجود در 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 طراحی گرافیک های برداری: الگوها (2014) (Mitalearn-47818)

  • 3 hours 59 minutes
  • متوسط
  • Release date: 22 April 2014
  • Author: Von Glitschka
درباره این دوره:

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

rn rn او نشان می دهد که چگونه با ابزارهای الگو و قلموهای الگوی Illustrator الگوهای تکرار شونده بسازید و الگوها را در طراحی خود بگنجانید. این دوره همچنین دارای الگوهایی از برخی از الهام بخش ترین طراحان صنعت است.

linkedin طراحی گرافیک وکتور (Mitalearn-183359)

  • 5 hours 34 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Von Glitschka
درباره این دوره:

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

linkedin طراحی وب: SVG Rollovers با CSS (Mitalearn-60415)

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

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

linkedin طراحی وب: SVG با کنترل CSS با PHP (Mitalearn-81223)

  • 30 minutes
  • پیشرفته
  • Release date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

در این قسمت از طراحی وب—دوره های پروژه محور برای متخصصان وب، نحوه استفاده از PHP، HTML و CSS را برای تغییر پویا سبک ها در گرافیک های برداری مقیاس پذیر (SVG) خود بیاموزید. کریس کانورس با استفاده از تابع هدر PHP و متغیرهای پرس و جو برای اصلاح قوانین CSS در یک SVG، تکنیک‌هایی را برای تغییر رنگ‌ها، دید، و حتی مقادیر ضربه‌ای تصاویر شما بررسی می‌کند. این تکنیک یک راه عالی برای ایجاد یک کتابخانه از گرافیک های قابل استفاده مجدد برای هر وب سایت یا سیستم مدیریت محتوا مبتنی بر PHP، از جمله وردپرس، دروپال و جوملا است! فایل های تمرین برای همه اعضا رایگان است. آنها را دانلود کنید تا تمرین این تکنیک را از امروز شروع کنید.

linkedin طراحی وب: تصاویر SVG پاسخگو (Mitalearn-68966)

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

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

linkedin طرح: ایجاد SVG پاسخگو (Mitalearn-150838)

  • 16 minutes
  • متوسط
  • Release date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

فرمت Scalable Vector Graphics (SVG) از این جهت متمایز است که می تواند حاوی CSS خود باشد و به آن اجازه می دهد به اندازه نمایشگر خود پاسخ دهد. در این دوره مختصر، یاد بگیرید که چگونه از Sketch و CSS برای ایجاد یک فایل SVG پاسخگو استفاده کنید. کریس کانورس نحوه ترکیب نسخه‌های مختلف یک گرافیک را برای به حداکثر رساندن تأثیر آن بر اندازه‌های مختلف صفحه نمایش، و همچنین نحوه صادرات فایل‌های SVG از Sketch را نشان می‌دهد. او همچنین نشان می‌دهد که چگونه می‌توان کمی CSS اضافه کرد و با گنجاندن پرس‌وجوهای رسانه‌ای، یک گرافیک واکنش‌گرا ایجاد کرد. پس از اتمام دوره، نحوه ایجاد یک فایل SVG را درک خواهید کرد که می تواند خود را بر اساس اندازه روی صفحه تغییر داده و تطبیق دهد.

linkedin نکات طراحی وب سایت: طراحی SVG (Mitalearn-90097)

  • 4 minutes
  • متوسط
  • Release date: 28 June 2026
  • Author: Brian Wood
درباره این دوره:

این ویدیو را برای گزیده ای از نکات سریع طراحی وب در مورد فرمت SVG (گرافیک برداری مقیاس پذیر) تماشا کنید. SVG به شما امکان می دهد تصاویر وب وکتور سفارشی طراحی کنید، اما ترفندهایی برای کارآمد و روان کردن گرافیک شما وجود دارد. برایان وود اهمیت استفاده از تابلوهای هنری مستقل، مدیریت فونت های وب، ساده نگه داشتن شیب ها و مسیرهای شما و کار با افکت های فتوشاپ در داخل Illustrator CC را توضیح می دهد.

linkedin یادگیری SVG (Mitalearn-126477)

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

مشاهده خبرنامه لینکدین مورتن فرمت گرافیک برداری مقیاس پذیر (SVG) به سرعت در سراسر وب در حال گسترش است. SVG به طور طبیعی پاسخگو است و می تواند از خیلی بزرگ تا خیلی کوچک مقیاس شود و گرافیک ها بعد از دانلود در مرورگر با کد دستکاری شوند. به مربی کارکنان لینکدین مورتن رند-هندریکسن بپیوندید تا اصول یادگیری SVG را پوشش دهد. او آناتومی SVG را پوشش می‌دهد، از جمله ساختار داخلی که ارسال SVG شما را در وب آسان می‌کند و در عین حال حداکثر انعطاف‌پذیری را حفظ می‌کند. او نشان می دهد که چگونه می توان اشکال SVG را ترسیم و دستکاری کرد، با خطوط و متن کار کرد، و از خطوط، پر کردن و الگوها استفاده کرد تا SVG های شما درست به نظر برسند. بعلاوه، نحوه تبدیل یک طرح گرافیکی موجود به SVG را بیاموزید—بهینه سازی دسترسی و در عین حال بهینه سازی آن برای وب.

Suggestions