رایگان!
ویژگی های محصول
توضیحات
دانلود مجموعه آیکون متحرک
همان طور که می دانید یکی از مهم ترین مواردی که میبایست در طراحی رعایت کنید، تعامل با کاربر است. یک طرح خوب می بایست نسبت به رفتارهای کاربر واکنش نشان دهد. مثلا یک دکمه می بایست به گونه ای طراحی شود که زمانی که کاربر روی آن Hover کند، رنگ آن تغییر کند.
از دیگر اتفاقاتی که می تواند در یک رابط کاربری در تعامل با کاربر بیفتد، استفاده از آیکون هایی است که نسبت به کلیک کردن یا Hover واکنش نشان دهند. امروز با دانلود آیکون های متحرک با فرمت SVG در خدمتتان هستیم.مجموعه آیکون های متحرک titanic کلکسیونی از رایج ترین و زیباترین آیکون های متحرک مورد استفاده از عموم پروژه ها هستند.
سبک طراحی این آیکون ها Lineal می باشد و فرمت اصلی آنها SVG می باشد که باعث می شود در تمامی سایزها بدون افت کیفیت قابل استفاده باشند.این آیکون ها در تمامی پروژه های طراحی رابط کاربری وب و اپلیکیشن قابل اجرا هستند و برای تولید آنها از پلاگین bodymovin استفاده شده است.
استفاده از این آیکون ها در پروژه های برنامه نویسی رابط کاربری بسیار آسان می باشد که به صورت مختصر و مفید آموزش داده شده است.
نحوه استفاده از سورس کد
برای استفاده از آیکون های متحرک می بایست محتویات پوشه js را به اینصورت در تگ Head به صفحه وب خود معرفی کنید:
<script src="./js/titanic.min.js"></script> <script src="./js/bodymovin.min.js"></script>
سپس قبل از بسته شدن تگ body صفحه، با استفاده از کد زیر پلاگین را فراخوانی و فعال کنید.(کد زیر را قبل از بسته شدن تگ body قرار دهید.):
<script> var titanic = new Titanic('https://rawgit.com/icons8/titanic/master/src/icons/'); </script>
تقریبا کار تمام شده است. کافی است با استفاده از کلاس هایی که داخل فایل index.html موجود است آیکون مدنظر خود را در صفحه وب استفاده کنید.مثلا برای استفاده از ایکون سبد خرید در فایل Html از کد زیر استفاده کنید:
<div class='titanic titanic-shopping'></div>
در واقع هر آیکون درون یک div با دو کلاس قرار خواهد گرفت. کلاس اول titanic و کلاس دوم نام آیکون خواهد بود.
اصولی یاد بگیرید، حرفه ای شوید و وارد بازار کار شوید:
moreدوره های مرتبط
دانلود مجموعه بنرهای طراحی هدر سایت
در این پست با دانلود مجموعه بنرهای طراحی هدر سایت یا landing Page باشما هستیم. این بنرها لایه باز می باشند و طراحی بسیار زیبایی دارند.
دانلود دیزاین سیستم BLK
دیزاین سیستم BLK یک سیستم طراحی مدرن بر پایه Bootstrap می باشد که دارای تمام المان های بوت استرپ می باشد و برای طراحی وبسایت های Dark مناسب می باشد.
دانلود قالب HTML آموزشی Eldukin
در این پست با دانلود قالب آموزشی HTML الدوکین در خدمت شما هستیم. این قالب به صورت کاملا رسپانسیو و سبک و در عین حال بسیار زیبا طراحی شده است.
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- تنها دیدگاههای فارسی ،غیرتکراری و مرتبط به محتوا تایید خواهند.
- برای نظر دادن یا پرسش سوال، نیازی نیست دوره را خریده باشید.
- امتیاز دادن به محتوا فقط مخصوص افرادی است که آن را خریداری یا دریافت کرده اند.
- با نهایت احترام،تمامی سعی خود را در انتشار نظرات شما خواهیم داشت.
مرجع UIوUX فارسی
تیم تولید محتواناشر جدیدترین و معتبرترین منابع حوزه طراحی و توسعه UI و UX به زبان فارسی
aslanimahtab6( دانشجوی دوره )
سلام من فایل زیپ رو دانلود کردم ولی برای باز کردن از حالت فشرده رمز میخواد و من رمزو پیدا نمیکنم. چی بزنم؟
مرجع UIوUX فارسی(مدیریت)
سلام وقتت بخیر باشه.
همون طور که پایین صفحه ذکر شده پسورد تمام فایل ها ui-ux.org هستش.
موفق باشی.