7 ابزار طراحی جدید مبتنی بر وب

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

اگر موبایل، لپ تاپ، تبلت یا رایانه شخصی شما مملو از برنامه های طراحی مختلف است، ممکن است بخواهید برنامه های طراحی مبتنی بر مرورگر را در نظر بگیرید. لازم به ذکر است که بسیاری از قدرتمندترین ابزارهای جدید مبتنی بر مرورگر هستند. در این مقاله به بررسی ۷ ابزار جدید وب (مبتنی بر مرورگر) برای طراحان در سال ۲۰۱۶ خواهیم پرداخت.

1. جاذبه

پس از توقف Adobe Fireworks، ابزارهای طراحی تصویرسازی و UI گسترش یافت و استفاده از این ابزارها نیز در بین طراحان افزایش چشمگیری یافت. Gravit مجموعه ای جامع از ابزارها، از جمله خودکار، فیلترهای زنده و حالت های ویرایش مسیر را در اختیار طراحان قرار می دهد.

استفاده از یک ابزار مبتنی بر مرورگر به پروژه شما امکان می دهد از ویژگی همگام سازی بهره مند شود. طرف دیگر این ویژگی عدم توانایی شما در استفاده از ابزار در زمانی که به اینترنت دسترسی ندارید است.

2. SVG مربع

Boxy SVG یکی دیگر از ویرایشگرهای گرافیک برداری است که با هدف ایجاد یک ابزار جایگزین برای تصویرسازی و طراحی اولیه ایجاد شده است. این ابزار برای مرورگر کروم طراحی شده است و به شما امکان می دهد فرمت های SVG و SVGZ را باز و ذخیره کنید. Boxy SVG دارای بیش از صد دستور با قابلیت استفاده از کلیدهای میانبر است. این ابزار به شما امکان وارد کردن بیت مپ و فونت های گوگل را می دهد و یک ابزار رایگان مانند Gravit است.

3. فیگما

Figma یکی از ابزارهای وب جدید برای طراحان است که برای رقابت با نرم افزار دسکتاپ Adobe طراحی شده و بر اساس مرورگرهای وب طراحی شده است. (توجه داشته باشید که نرم افزار Adobe Creative Cloud کاملاً مبتنی بر ابر نیست و باید دانلود شود). Figma مبتنی بر همکاری تیمی است و امیدوار است که به عنوان Github برای طراحان شناخته شود و به طراحان اجازه می دهد محتوای خود را به همان روشی که توسعه دهندگان وب کد منبع باز خود را در Github به اشتراک می گذارند به اشتراک بگذارند. فیگما به تازگی معرفی شده و هنوز به طور کامل معرفی نشده است. با این حال، می توانید با ورود به سایت عضو شوید و از نسخه پیش نمایش لذت ببرید. نسخه نهایی Figma باید تا پایان سال جاری منتشر شود.

4. مولد گرادیان منحصر به فرد

این ابزار مبتنی بر مرورگر به شما کمک می کند تا تصاویر پس زمینه تار ایجاد کنید که به راحتی می توان از آنها در پروژه های مختلف استفاده کرد. اساس کار این ابزار جدید وب این است که ابتدا بخشی از یک تصویر ثبت شده استخراج می شود و مقیاس آن تا 100 درصد افزایش می یابد، سپس با استفاده از الگوریتم های هموارسازی تصویر، تاری پس زمینه ایجاد می شود. برای استفاده از این تصویر تار به عنوان پس‌زمینه در HTML، روی Generate CSS کلیک کنید. توجه داشته باشید که تصاویر استفاده شده تصاویر عمومی هستند و نگران قوانین کپی رایت نباشید.

5. مدل

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

6. کالری مرورگر

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

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

7. وکتور

آیا می خواهید طراحی سه بعدی انجام دهید؟ Vectary یک ابزار جدید طراحی مبتنی بر وب است که به افراد مبتدی و حرفه ای امکان طراحی سه بعدی را می دهد. می توانید طرح های سه بعدی را با استفاده از مکان نماها و ابزارهای مدل سازی استاندارد ایجاد کنید که برای دسترسی و استفاده آسان به طور خودکار در فضای ابری ذخیره می شوند. نسخه کامل Vectary هنوز در دسترس نیست، اما می توانید با عضویت در سایت آن از نسخه بتا استفاده کنید.