بهترین ابزاری که در سال 2018 برای طراحی وب می توانیم استفاده کنیم
نویسنده : Jake Rocheleau
دنیای طراحی به سرعت درحال تغییر است و هر وزره ابزارهای جدیدی برای این منظور بوجود می آیند. بنابراین برای پیشرفت و ترقی باید بتوانیم همگام با این تغییرات رشد کنیم .
با توجه به فضای طراحی در 2018 ، بهترین ابزاری را که می توانیم برای طراحی وب استفاده کنیم در زیر لیست شده اند. برخی از این ابزارها برنامه های دسک تاپ هستند و برخی دیگر از برنامه های Saas با ابزارهای مرورگرها هستند.
- 1Adobe XD -
یکی از جدیدترین برنامه های HQ برنامهXD می باشد که به عنوان یک جایگزین قوی برای فتوشاپ طراحی و ساخته شده است. زیرا طراحی آن به طور خاص برای نمونه سازی و قالب می باشد.
این نرم افزار ابتدا فقط برای Mac طراحی شده بود اما جدیدا نسخه ای از آن برای ویندوز بتا هم منتشر شده است . سال گذشته این برنامه بین طراحان دیجیتال که پایگاهی ترکیبی از فتوشاپ (Photoshop) و تصویرگر( Illustrator) می خواستند بسیار محبوب شد. اگرچه محبوبیت و کارایی XD هنوز به اندازه Skecht نیست اما این برنامه در حال رشد است و به زودی پیشرفت خواهد کرد.
- Sketch App -2
این برنامه بزرگترین رقیب Adobe می باشد. سال های سال طراحان برای مدل سازی از برنامه فتوشاپ استفاده می کردند اما امروزه Sketch محبوب ترین برنامه ای است که طراحان از آن استفاده می کنند . این نرم افزار بسیار ارزان تر از محصولات Adobe می باشد زیرا شما فقط یک بار هزینه آن را می پردازید و مانند برنامه های Adobe نیازی به پرداخت اشتراک ماهانه ندارید.
علاوه بر این جامعه طراحان Sketch، پلاگین های خود را برای این نرم افزار به صورت open source منتشر می کنند و این باعث می شود که ساختار انواع کارهای طراحی از آیکون ها به برنامه های تلفن های همراه، آسان تر شده و در نتیجه بیشتر استفاده و گسترش یابد .
- Plant Version Control -3
سال هاست که طراحان از کنترل نسخه کدرها استفاده می کنند و ممکن است فکر کنند که این نرم افزار هیچ جایگزینی ندارد . اما plan یک راه حل مدرن است. نسخه Plan کنترل نسخه ، مانند یک طراح در این نرم افزار شما می توانید فایل های خود را به راحتی با solid backend وfull GUI کنترل و مدیریت کنید.
یکی از مشکلات نرم افزار کنترل نسخه، خط فرمان می باشد اما با Plan شما یک رابط کاربری گرافیکی دارید که با نرم افزارهای دیگر بهتر کار می کند. هم چنین این نرم افزار یک طرح رایگان به شما ارائه می دهد تا آن را تست کرده و ببینید به آن علاقه مند هستید یا نه. طراحان حرفه ای می توانند زمان زیادی را در این پلتفرم صرفه جویی کنند.
- Principle -4
انیمشن های UI/UX در طراحی های مدرن استفاده می شوند. اگر شما یک موکاب برای مشتری ساخته باشید ممکن است از انیمیشن ها در طراحی خود استفاده کرده باشید.
ممکن است برنامه های دیگری هم برای این کار وجود داشته باشند اما قطعا principle بهترین آنها می باشد. اگرچه principle نیز مانند Sketch فقط برای Mac طراحی شده است اما احتمالا بهترین نرم افزار انیمیشن UX در محیط خارج از Mac می باشد زیرا به راحتی می توان فایل های Sketch یا PSD را داخل principle وارد import کرد و از عناصر آن ها برای انیمیشن ها استفاده کرد. همچنین این برنامه یک راه عالی برای اضافه کردن برخی از برنامه کاربردی در موبایل شما یا طراحی وب سایت می باشد.
- Figma- 5
زمانی که برای اولین بار به digital prototypingمی روید انتخاب های زیادی پیش روی شماست. بسیاری از طراحان ترجیح می دهند طرح اولیه کارشان را به صورت دستی روی کاغذ پیاده کنند و سپس این ایده ها و طرح های اولیه را توسط نرم افزارها به نمونه دیجیتالی تبدیل کنند.
اما اگر شما دوست دارید کل پروسه را از ابتدا به صورت دیجیتالی انجام دهید از نرم افزار Figma استفاده کنید. Figma یک ابزار نمونه سازی قدرتمند است که تمام مراحل طراحی را با همکاری بین اعضای تیم پشتیبانی می کند. با Figma شما می توانید به راحتی طرح هایتان را به اشتراک بگداریذ، مدل ها را آپلود کنید و حتی می توانید Css ها را به درستی داخل برنامه اکسپورت کنید.
- Presentator -6
این نرم افزار یک ابزار همکاری منبع آزاد برای طراحان است بطوریکه مستقیما در مرورگر شما اجرا می شود. با Presentator به سادگی می توان طرح های حود را آپلود کنید و با اعضای تیم، مشتریان و یا هرکس که می خواهید به اشتراک بگدارید.
در این نرم افراز شما می توانید برای هر شخص یا هر فایلی که دعوت می کنید، مجوزهای لازم را انتخاب کرده و سطح دسترسی ها را برای آنان مشخص کنید. مثلا بعضی از افراد ممکن است دسترسی فقط خواندنی داشته و بعضی دیگر امکان نوشتن یادداشت و انتقاد را داشته باشند.
استفاده از این مزیت به طور رایگان، یک انتخاب عالی برای همکاری با طراحان است.
- Webflow
بحث های زیادی پیرامون این نرم افزار وجود دارد و ممکن است فقط یک سازنده سایت بصری به نظر برسد اما شما با Webflow می توانید بر روی طراحی، کد و راه اندازی نهایی هر پروژه ای که می سازید، کنترلی کامل داشته باشید و این امکانات بیش از یک ویرایشگر ساده تصاویر است. Webflow در حقیقت یک ابزار کامل طراحی دیجیتالی برای طراحان دیجیتالی است.
Webflow مجهز به یک سیستم مدیریت محتوی CMS، میزبانی وب و سیستم دسترسی مشتری به شما برای طراحی وب سایت برای مشتریان می باشد. اگرچه Webflow بهترین ابزار برای هر وب سایت نیست اما مطمئنا ارزش تست آن را دارد اگر زمان کافی در اختیار داشته باشید.
- Fontjoy -8
امروزه جفت شدن فونت ساده شده است و بهترین نمونه برنامه وب Fontjoy می باشد. این ابزار رایگان یک کتابخانه کامل از فونت ها را مستقیما از webfonts گوگل دریافت کرده و آن ها را با هم در یک صفحه مرتب می کند. سپس شما می توانید فونت یا فونت های مورد نظر خود را را انتخاب نمایید.
این فونت ها شامل اندازه، وزن و ارتفاع خط در صفحه هستند. در حقیقت تمام آنچه را که شما برای فونت های خود نیاز دارید در مجموعهFontjoy می توانید بیابید بدون آنکه زمان خود را در مرورگرها برای یافتن یک فونت خاص از دست بدهید.
- FontBase -9
اگر شما بیشتر با فونت های محلی کار می کنید، با مشکلات استفاده از آنها آشنا هستید. FontBase برای رفع این مشکلات بود که ایجاد شد. این ابزار مدیریت فونت کاملا رایگان است و در هرسه سیستم عامل اصلی قابل اجرا می باشد. در این نرم افزار GUI بصری برای تمام فونت های موجود در سیستم شما توسط مجموعه ها، قلم ها و حتی پوشه های سفارشی ارائه می شود.
با این ابزار به راحتی می توانید فونت ها را در برنامه خود تجربه کنید و یا فونت های پویا را از کتابخانه گوگل استخراج کنید. بدون شک FontBase بهترین ابزار مدیریت قلم در گوگل است.
- Icon Fonts -10
اگرچه به لحاظ فنی Icon Font یک ابزار طراحی نیست اما مجموعه بزرگی از ابزارهایست که استفاده از آن ها برای طراحان الزامی است.
امروزه بیشتر طراحان، فونت های آیکون را به صورت رایگان ایجاد می کنند و آن ها را به صورت آنلاین می یابند و دیگر نیازی نیست که font Awesome را به عنوان تنها کتابخانه آیکون قرار دهند. کتابخانه های فونت بسیار زیادی بصورت آنلاین وجود دارد و هر روزه ابزارهای جدیدی به وجود می آیند. فقط باید به دنبال آن باشید!
در زیر لیست کوتاهی از فونت های آیکون آورده شده اما شما باید همیشه در این ابزار بروز باشید:
- Vectr -11
ابزارهای گرافیکی رایگان بسیار کم هستند و پیدا کردن ابزارهای رایگانی که به خوبی کارکنند بسیار دشوار می باشد. شاید جالب ترین ابزاری که با یک مرورگر و برنامه دسکتاپ خود به صورت رایگان می توانید استفاده کنید Vectr باشد.
این برنامه از طریق ارتقا پرداختی مانند دارایی های حق بیمه و افزودنی های سفارشی پشتیبانی می شود. اما شما می توانید همیشه در هر پروزه ای از ابزار رایگان Vectr استفاده کنید. هر روزه طراحان و برنامه نویسان بیشتری علاقه مندی خود را به این برنامه نشان می دهند و به زودی Vectr یکی از برنامه های محبوب 2018 خواهد شد.
- IconJar -12
IconJar راه حلی مفید برای سازماندهی تمام iconsets هایی که دانلود کرده اید، می باشد. اگرچه در حال حاضر فقط برای MacOs است اما ممکن است در بروز رسانی های آینده یک نسخه ویندور هم آماده شود.
بدون شک این برنامه بهترین برنامه برای مدیریت آیکون هاست بدون اینکه بخواهیم پوشه ها را به صورت دستی جستجو کنیم. شما می توانید پوشه های سفارشی خود را در برنامه ایجاد کنید یا حتی برچسب ها را بر اساس نوع تگ کنید. به عنوان مثال شما می توانید "checkmark" را جستحو کنید تا IconJar تمام آیکون های چک را از تمام بسته های آیکونی که در دسک تاب دارید را که در اختیار شما قرار دهد.
این برنامه برای طراحانی که دوست دارند سایزهای مختلف یک آیکون را بررسی کنند بسیار مفید است. همچنین در این برنامه آزمون و خطا جایز است بنابراین شما چیزی برای از دست دادن نخواهید داشت.
هرگونه کپی برداری باذکر نام شرکت طراحی سایت مبنا تک هیوا و لینک دهی مستقیم مجاز می باشد.
