آموزش ایجاد SVG های Responsive در Illustrator و CSS

Creating Responsive SVGs in Illustrator and CSS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: در طول این آموزشهای Illustrator و CSS ، شما می آموزید که چگونه SVG (Graphics Vector مقیاس پذیر) را پاسخگو بداند. نرم افزار مورد نیاز: Adobe Illustrator CC 2014. در طول این آموزش های Illustrator و CSS ، می توانید یاد بگیرید که چگونه SVG (Graphics Vector مقیاس پذیر) را پاسخگو کنید. ما برای طراحی SVG های سفارشی برای پروژه خود ابتدا وارد Adobe Illustrator می شویم. در مرحله بعدی ، ما SVG ها را صادر خواهیم کرد و از طریق HTML و CSS ، نحوه دستکاری SVG ها را براساس درخواست های رسانه ای فرا خواهید گرفت. با پایان آموزش Illustrator و CSS ، خواهید فهمید که چگونه SVG ها را با حالت شناور تعاملی کنید و روی رویدادها کلیک کنید. نرم افزار مورد نیاز: Adobe Illustrator CC 2014.

سرفصل ها و درس ها

مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

  • مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

ایجاد SVG های پاسخگو در Illustrator و CSS Creating Responsive SVGs in Illustrator and CSS

  • طراحی اولین نماد Designing the First Icon

  • تکرار نماد برای دو اندازه مختلف Replicating the Icon for Two Different Sizes

  • ایجاد سند HTML Creating the HTML Document

  • پاسخگویی چیدمان با CSS Making the Layout Responsive with CSS

  • پاسخگو بودن SVG با CSS Making the SVG Responsive with CSS

  • طراحی نشان "رضایت تضمین شده" Designing a 'Satisfaction Guaranteed' Emblem

  • طراحی مرکز آرم Designing the Center of the Emblem

  • تکرار نشان برای دو اندازه مختلف Replicating the Emblem for Two Different Sizes

  • نوشتن HTML و CSS Writing the HTML and CSS

  • پاسخگو بودن نشان Making the Emblem Responsive

  • ساخت SVG تعاملی با افکت های شناور Making the SVG Interactive with Hover Effects

  • ساخت SVG تعاملی با ماوس کلیک کنید Making the SVG Interactive on Mouse Click

نمایش نظرات

نظری ارسال نشده است.

آموزش ایجاد SVG های Responsive در Illustrator و CSS
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 32m
13
Pluralsight (پلورال سایت) pluralsight-small
28 دی 1393 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
34
4.7 از 5
دارد
دارد
دارد
Gary Simon

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Gary Simon Gary Simon

توسعه دهنده و مدرس Full Stack

  • توسعه دهنده Full Stack برای نزدیک به 2 دهه.
  • به عنوان یک مربی برای Pluralsight، LinkedIn/Lynda.com و Envato Network کار کرد

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

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