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

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

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

۱٫Gravit

1

پس از کنار گذاشته شدن Adobe Fireworks،وسایل تصویرسازی و طراحی UI چندین برابر شدن و به کار گیری این ابزارا هم افزایش چشم گیری در میان طراحان داشته در میون این کشمکشا واسه جلب توجه طراحان،حالا Gravit که یکی از ابزارای جدید بر اساس وب طراحانه این خدمات رو در مرورگر شما ارائه میده. Gravit  ست وسیله کاملی از جمله ،  auto-shapes، فیلترهای live  و path editing modes رو در اختیار طراحان قرار میده.

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

۲٫Boxy SVG

2

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

۳٫Figma

3

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

۴٫Unique Gradient Generator

4

این وسیله بر اساس مرورگر به شما کمک می کنه تا تصاویر پس زمینه blur بسازین که خیلی راحت در پروژه های جور واجور قابل استفاده باشه. پایه کار این وسیله جدید بر اساس وب به این شیوه س که در اول یه تیکه از یه تصویر ذخیره شده بیرون کشیده می شه و اندازه اون به ۱۰۰ درصد زیاد کرده می شه و بعد با به کار گیری الگوریتمای image smoothing پس زمینه blur ایجاد می شه. واسه به کار گیری این تصویر blur به عنوان پس زمینه در HTML،روی Generate CSS کلیک کنین. به این موضوع دقت لازم رو به عمل بیارین که تصاویر مورد استفاده تصاویر Public بوده و نگرانی ای واسه قوانین کپی رایت نداشته باشین.

۵٫Modelo

5

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

۶٫Browser Calories

6

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

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

۷٫Vectary

7

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