طراحی موج متحرک در وبسایت! برای استفاده از موج های متحرک در وبسایت نیازمند ابزاری دارید که در این وبلاگ بهش می پردازیم.

معرفی

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

نحوه استفاده از این وبسایت

اول از همه باید وارد وبسایت شوید که میتوانید با کلیک روی این بخش به وبسایت مورد نظر هدایت شوید.

اموزش ابزار ها

در بخش wave میتوانید تعداد موج هایی که در تصویر بالا مشاهده می کنید رو کم و یا زیاد کنید.

از بخش Layers تعداد لایه های موج رو میتوانید افزایش یا کاهش دهید که نسبت به سلیقه خودتون میتونید انتخاب کنید.

و در بخش Height همچنین میتوانید ارتفاع موج هارو کم یا زیاد کنید که در حالت دیفالت خود بهترین حالت می باشد.

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

میتوانید از بخش زیر موج هایی که ایجاد کردید رو متحرک یا جهت بالا یا پایین بدید.

از بخش زیر میتوانید رنگ موج های خودتون رو انتخاب کنید که میتوانید گرادینت هم اعمال کنید.

از قسمت Generate هم میتوانید رنگ تصادفی ایجاد کنید که زیاد پیشنهاد نمیکنم.

نحوه خروجی گرفتن

و در نهایت می توانید از تصویر ایجاد شده یا خروجی تصویر بگیرید یا خروجی Svg بگیرید که در حالت خروجی با SVG بصورت انیمیشنی برای شما خروجی میدهد.

در زمان انتخاب svg کد رو برای شما نمایش میدهد که میتوانید این کد رو کپی کنید و در وبسایت خودتون با استفاده از ویچت HTML قرار بدید.

برای استفاده حرفه ای از امکانات المنتور می توانید نسخه پرو این افزونه رو از این بخش خریداری کنید.