???? ?????? ????? ????? ??

در مقاله «UI چیست» درباره پیاده سازی UI و تفاوت آن با UX به اندازه کافی کلام کردیم؛ اینک درین نوشته‌علمی یک راست می‌رویم سراغ معرفی قابل انعطاف افزارهای پیاده سازی رابط کاربری یا این که به عبارتی UI.

برای پیاده سازی UI به قابل انعطاف‌افزارهای متعددی احتیاج ندارید و راستش را بخواهید ابزارهای متعددی هم نیست. یعنی جمعاًًًَ سه اپلیکیشن دارای شهرت و پرطرفدار وجود داراست که اکثر وقت ها طراح‌های UI از آن استعمال می‌نمایند. Adobe XD، Sketch و Figma سه اپ اساسی پیاده سازی رابط کاربری میباشند. ما هم در عصر فراگیری پیاده سازی رابط کاربری از نرم‌افزار Adobe XD استعمال کردیم.

سایر قابل انعطاف‌افزارهایی که معرفی کردیم به اندازه این سه عدد بدون نقص و کاربردی نیستند طراحی اپلیکیشن در مشهد اما در پروژه‌های معمولی و خرد‌خیس قابل به کارگیری هستند. کلاً ۱۰ برنامه مطلوب برای سیستم‌ ادله ویندوز و مک به علاوه اپلیکیشن‌های تحت اینترنت معرفی کردیم.

خب اولیه یه خرده با سه نرم‌افزار پرطرفدار پیاده سازی رابط کاربری آشنا شویم آن‌گاه برویم سراغ سایر.

۱. ادوبی ایکس دی (Adobe XD)

نرم افزار Adobe XD در سال ۲۰۱۶ عرضه شد. پس از عرضه آزمایشی، این نرم افزار به سرعت به آیتم اولیه همه طراحان رابط کاربری تبدیل شد. رایا پارس ادله آن هم ساده هست، کمپانی ادوبی غایت سادگی، دقت و عملکرد را مثل ابزارهای مشهورش در‌این اپ هم پیاده نموده است.

با این اپلیکیشن می‌توانید یک ورژن نخستین (Prototype) یا این که موکاپ از طرح آماده فرمایید و به اشتراک بگذارید. حتی می‌‌‌توانید برنامه کودک‌ها، فرآیند به کار گیری از اپلیکیشن یا این که سایت، مسیرهای مختلف و ... را باطن طرح تهیه و تنظیم فرمائید. آن گاه هم می توانید طرح را به طور زنده در تلفن همراه خویش آزمایش نمائید.

این طرح به راحتی به وسیله نرم افزار‌نویس‌ها و دولوپرها قابل استفاده می باشد.

چنانچه پیش از اینٌ با فتوشاپ یا این که ایلستریتور فعالیت کرده باشید، شغل با آن زیاد سخت نخواهد بود. اکثری از ابزارها عملکردی شبیه فتوشاپ دارا‌هستند و با پاره ای وقت گذاشتن خاطر می گیرید که چطور از آن ها به کار گیری نمایید. درضمن در حالتی که دنبال یادگیری فتوشاپ هم می باشید، ما در زمان فتوشاپ نوین، کاملا این ابزار را آموزش داده‌ایمطراحی اپلیکیشن و با کمپانی در آن به طور کامل به فتوشاپ مسلط خواهید شد و ادیت، پیاده سازی کاور، بنر، فتومونتاژ و... را به راحتی خواهید آموخت.

اپ Adobe XD برای هر دو نوع سیستم استدلال ویندوز و آی وی اس قابل استفاده می باشد.

۲. اسکچ (Sketch)
پیش از این که ادوبی ایکس دی وارد بازار شود، اسکچ یکه‌تاز پیاده سازی UI بود. یک نقص‌ اصلی اسکچ قابل نصب نبودن آن روی ویندوز بود. تنها یوزرها مک (iOS) می توانند از این نرم افزار به کار گیری نمایند.

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

معدود و کاستی‌های این برنامه نسبت به ادوبی ایکس دی با افزونه‌هایش حل گردیده‌است. تقریباً هر خصوصیت یا این که امکاناتی که اپ ادوبی اکس دی دارااست و اسکچ ندارد، پلاگینی برای آن ساخته شده است.

۳. Figma
فیگما هم یکی از آن کاردرست‌های پیاده سازی رابط کاربری می باشد که برخلاف دو نرم‌افزار قبل اکثر وقت ها به طور آنلاین و ذیل اینترنت به کار گیری می‌شود، ولی که می توانید ورژن آفلاین آن را هم نصب و استفاده کنید.

خصوصیت خاصی که‌این برنامه را از سایر متمایز می‌نماید این میباشد که تعدادی طراح هم زمان میتوانند با هم تعامل داشته باشند و روی یک طرح کار نمایند.

۴. اکشر (Axure RP)
نرم افزار Axure یک ابزار چندکاره برای تشکیل داد و پیاده سازی wireframe، مثال‌های اول (prototyping)، انواع دیاگرام،application نقشه مسافرت مشتری و اساسی‌خیس از همه رابط کاربری وبسایت‌ها و برنامه‌ها است.

این اپلیکیشن پیاده سازی رابط کاربری با بقیه ابزارهای دارای شهرت مثل ادوبی اکس دی و اسکچ کاملاً سازگار می‌باشد. پوشه‌های خروجی را میتوانید در هرکدام از این دو اپلیکیشن به کار گیری نمایید.

اپلیکیشن اکشر برای عمل تیمی روی پروژه‌ها باصرفه‌سازی شد‌ه‌است. امکان اتصال به پلتفرم‌هایی مثل اسلک یاری می‌نماید تا شل و ول‌خیس و سریع‌خیس بتوانید هماهنگی‌های مایحتاج را روی پروژه انجام دهید.

۵. Invision Studio
این‌ویژن استودیو (Invision Studio) برنامه دیگری با قابلیت‌های متنوع می‌باشد که در پیاده سازی UI هم کاربرد دارد. پیاده سازی ریسپانسیو فارغ از کد نویسی، پیاده سازی راحت اینتراکشن، تغییر تحول سایز و بعد ها هوشمند تصاویر، پنل پیاده سازی برنامه کودک توسعه یافته و انتقال سریع میان موقعیت بدون نور و پر‌نور از خصوصیت‌های جذاب این ابزار میباشد.

۶. نرم افزار Framer X
اپلیکیشن فریمر اکس (Framer X) تحت اینترنت میباشد و سوای نیاز به نصب می توانید در هر جایی و روی هر رایانه‌ای پیاده سازی یو آی اجرا دهید و پروژه‌های خویش را در لحظه ویرایش فرمایید. پس از عضویت یک پنل کاربری در اختیار شما قرار میگیرد که میتوانید تا ۳ پروژه را به طور بدون‌پول روی آن اجرا نمائید.

سایر پکیچ‌ها از ۱۴ یورو در ماه استارت می شود. البته اینگونه هزینه‌ای برای یک برنامه پیاده سازی یو آی در کنار قابل انعطاف‌افزارهای توانمند‌خیس که معرفی کردیم پرهزینه اکانت میگردد.

۷. نرم‌افزار مارول (Marvel)
ماول هم تنها ورژن تحت اینترنت داراست. خصوصیت مهم مارول آسانی و آماده بودن اکثری از المان‌های موردنیاز میباشد. سوای علم فنی هم میتوانید از پوسته‌های مهیا گردیده برای پیاده سازی استعمال کنید.

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

۸. ماک‌آپ پلاس (Mockplus)
ماک‌آپ پلاس شبیه مارول برای پیاده سازی ریلکس و به یاری طرح‌های فراهم ساخته شده است. پلاگین این اپلیکیشن قابل نصب روی اسکچ هست.

۹. Zeplin
Zeplin در واقع تیم ای از ابزارات می باشد، که به شما اذن میدهند تا طرح متبوع خویش را طراحی نمائید. زپلین گروه‌ای از ابزارهای پیاده سازی می باشد که به طراحان یو آی کمک می‌نماید ایده‌هایشان را به راحتی اجرا نمایند و اپلیکیشن‌نویس‌ها هم به راحتی روی طرح‌ها کدنویسی نمایند.

اپ و افزونه زپلین به طور یک پارچه در کنار ادوبی اکس دی، فیگما و اسکچ امداد می‌نماید هندآف (Handoff) نه بسازید. هنندآف به برنامه ای گفته می شود که به دولوپرها میدهند تا براساس آن کدنویسی برنامه یا این که وبسایت صورت بپذیرد. خیلی وقت‌ها یکسری نفر می بایست روی این طرح حیث دهند تا به فایده پایانی برسند. ارسال، برخورد دریافت کردن و اصلاح مجدد خودش کلی زمان میگیرد. زپلین این وسط تک تک امور را راحت‌خیس می‌نماید.

به علاوه، زپلین رسیدگی طرح‌ها را به طور هوشمند انجام میدهد.

۱۰. Origami Studio
اریگامی استودیو در میان ابزارهای پیاده سازی رابط کاربری کمی گوناگون است. داستان از این قرار می باشد که طراحان فیسبوک با دقت به بعد ها والا این کانال اجتماعی و تنوع متعددی که در صفحه‌ها دارد، نیاز به سیستمی برای شرکت کردن در پیاده سازی داشتند البته هیچکدام از ابزارهای جان دار در آن فرصت نیازشان را برطرف نمیکرد. به همین خاطر خودشان دست به شغل شدند و Origami Studio را ساختند.

به کارگیری از لایه‌ها، Patch و اینتراکشن‌ها امداد می‌نماید به راحتی یک ورک‌فلو برای برنامه‌ها موبایل یا این که اینترنت بسازید.

ل یه فعالیت لبریز درآمد از اینترنتی؟کدام نرم افزار پیاده سازی UI بهتر می‌باشد؟
مجموع قابل انعطاف‌افزارهای معرفی گردیده می‌توانند برای پروژه‌های پیاده سازی رابط کاربری به کار گیری شوند ولی چند نکته را بایستی در نظر بگیرید، اولاً که وسعت کار اهمیت متعددی دارد. هنگامی قرار می باشد تعدادی برگه را به طور گروهی پیاده سازی فرمائید، بایستی قابل انعطاف‌افزاری را تعیین کنید که قابلیت شغل گروهی را داشته باشد و از نظر قابل انعطاف‌افزاری هم بتواند مجموع نیازهای شمارا پوشش دهد.

در مقاله «UI چیست» درباره پیاده سازی UI و تفاوت آن با UX به اندازه کافی کلام کردیم؛ اینک درین نوشته‌علمی یک راست می‌رویم سراغ معرفی قابل انعطاف افزارهای پیاده سازی رابط کاربری یا این که به عبارتی UI.

برای پیاده سازی UI به قابل انعطاف‌افزارهای متعددی احتیاج ندارید و راستش را بخواهید ابزارهای متعددی هم نیست. یعنی جمعاًًًَ سه اپلیکیشن دارای شهرت و پرطرفدار وجود داراست که اکثر وقت ها طراح‌های UI از آن استعمال می‌نمایند. Adobe XD، Sketch و Figma سه اپ اساسی پیاده سازی رابط کاربری میباشند. ما هم در عصر فراگیری پیاده سازی رابط کاربری از نرم‌افزار Adobe XD استعمال کردیم.

سایر قابل انعطاف‌افزارهایی که معرفی کردیم به اندازه این سه عدد بدون نقص و کاربردی نیستند طراحی اپلیکیشن در مشهد اما در پروژه‌های معمولی و خرد‌خیس قابل به کارگیری هستند. کلاً ۱۰ برنامه مطلوب برای سیستم‌ ادله ویندوز و مک به علاوه اپلیکیشن‌های تحت اینترنت معرفی کردیم.

خب اولیه یه خرده با سه نرم‌افزار پرطرفدار پیاده سازی رابط کاربری آشنا شویم آن‌گاه برویم سراغ سایر.

۱. ادوبی ایکس دی (Adobe XD)

نرم افزار Adobe XD در سال ۲۰۱۶ عرضه شد. پس از عرضه آزمایشی، این نرم افزار به سرعت به آیتم اولیه همه طراحان رابط کاربری تبدیل شد. رایا پارس ادله آن هم ساده هست، کمپانی ادوبی غایت سادگی، دقت و عملکرد را مثل ابزارهای مشهورش در‌این اپ هم پیاده نموده است.

با این اپلیکیشن می‌توانید یک ورژن نخستین (Prototype) یا این که موکاپ از طرح آماده فرمایید و به اشتراک بگذارید. حتی می‌‌‌توانید برنامه کودک‌ها، فرآیند به کار گیری از اپلیکیشن یا این که سایت، مسیرهای مختلف و ... را باطن طرح تهیه و تنظیم فرمائید. آن گاه هم می توانید طرح را به طور زنده در تلفن همراه خویش آزمایش نمائید.

این طرح به راحتی به وسیله نرم افزار‌نویس‌ها و دولوپرها قابل استفاده می باشد.

چنانچه پیش از اینٌ با فتوشاپ یا این که ایلستریتور فعالیت کرده باشید، شغل با آن زیاد سخت نخواهد بود. اکثری از ابزارها عملکردی شبیه فتوشاپ دارا‌هستند و با پاره ای وقت گذاشتن خاطر می گیرید که چطور از آن ها به کار گیری نمایید. درضمن در حالتی که دنبال یادگیری فتوشاپ هم می باشید، ما در زمان فتوشاپ نوین، کاملا این ابزار را آموزش داده‌ایمطراحی اپلیکیشن و با کمپانی در آن به طور کامل به فتوشاپ مسلط خواهید شد و ادیت، پیاده سازی کاور، بنر، فتومونتاژ و... را به راحتی خواهید آموخت.

اپ Adobe XD برای هر دو نوع سیستم استدلال ویندوز و آی وی اس قابل استفاده می باشد.

۲. اسکچ (Sketch)
پیش از این که ادوبی ایکس دی وارد بازار شود، اسکچ یکه‌تاز پیاده سازی UI بود. یک نقص‌ اصلی اسکچ قابل نصب نبودن آن روی ویندوز بود. تنها یوزرها مک (iOS) می توانند از این نرم افزار به کار گیری نمایند.

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

معدود و کاستی‌های این برنامه نسبت به ادوبی ایکس دی با افزونه‌هایش حل گردیده‌است. تقریباً هر خصوصیت یا این که امکاناتی که اپ ادوبی اکس دی دارااست و اسکچ ندارد، پلاگینی برای آن ساخته شده است.

۳. Figma
فیگما هم یکی از آن کاردرست‌های پیاده سازی رابط کاربری می باشد که برخلاف دو نرم‌افزار قبل اکثر وقت ها به طور آنلاین و ذیل اینترنت به کار گیری می‌شود، ولی که می توانید ورژن آفلاین آن را هم نصب و استفاده کنید.

خصوصیت خاصی که‌این برنامه را از سایر متمایز می‌نماید این میباشد که تعدادی طراح هم زمان میتوانند با هم تعامل داشته باشند و روی یک طرح کار نمایند.

۴. اکشر (Axure RP)
نرم افزار Axure یک ابزار چندکاره برای تشکیل داد و پیاده سازی wireframe، مثال‌های اول (prototyping)، انواع دیاگرام،application نقشه مسافرت مشتری و اساسی‌خیس از همه رابط کاربری وبسایت‌ها و برنامه‌ها است.

این اپلیکیشن پیاده سازی رابط کاربری با بقیه ابزارهای دارای شهرت مثل ادوبی اکس دی و اسکچ کاملاً سازگار می‌باشد. پوشه‌های خروجی را میتوانید در هرکدام از این دو اپلیکیشن به کار گیری نمایید.

اپلیکیشن اکشر برای عمل تیمی روی پروژه‌ها باصرفه‌سازی شد‌ه‌است. امکان اتصال به پلتفرم‌هایی مثل اسلک یاری می‌نماید تا شل و ول‌خیس و سریع‌خیس بتوانید هماهنگی‌های مایحتاج را روی پروژه انجام دهید.

۵. Invision Studio
این‌ویژن استودیو (Invision Studio) برنامه دیگری با قابلیت‌های متنوع می‌باشد که در پیاده سازی UI هم کاربرد دارد. پیاده سازی ریسپانسیو فارغ از کد نویسی، پیاده سازی راحت اینتراکشن، تغییر تحول سایز و بعد ها هوشمند تصاویر، پنل پیاده سازی برنامه کودک توسعه یافته و انتقال سریع میان موقعیت بدون نور و پر‌نور از خصوصیت‌های جذاب این ابزار میباشد.

۶. نرم افزار Framer X
اپلیکیشن فریمر اکس (Framer X) تحت اینترنت میباشد و سوای نیاز به نصب می توانید در هر جایی و روی هر رایانه‌ای پیاده سازی یو آی اجرا دهید و پروژه‌های خویش را در لحظه ویرایش فرمایید. پس از عضویت یک پنل کاربری در اختیار شما قرار میگیرد که میتوانید تا ۳ پروژه را به طور بدون‌پول روی آن اجرا نمائید.

سایر پکیچ‌ها از ۱۴ یورو در ماه استارت می شود. البته اینگونه هزینه‌ای برای یک برنامه پیاده سازی یو آی در کنار قابل انعطاف‌افزارهای توانمند‌خیس که معرفی کردیم پرهزینه اکانت میگردد.

۷. نرم‌افزار مارول (Marvel)
ماول هم تنها ورژن تحت اینترنت داراست. خصوصیت مهم مارول آسانی و آماده بودن اکثری از المان‌های موردنیاز میباشد. سوای علم فنی هم میتوانید از پوسته‌های مهیا گردیده برای پیاده سازی استعمال کنید.

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

۸. ماک‌آپ پلاس (Mockplus)
ماک‌آپ پلاس شبیه مارول برای پیاده سازی ریلکس و به یاری طرح‌های فراهم ساخته شده است. پلاگین این اپلیکیشن قابل نصب روی اسکچ هست.

۹. Zeplin
Zeplin در واقع تیم ای از ابزارات می باشد، که به شما اذن میدهند تا طرح متبوع خویش را طراحی نمائید. زپلین گروه‌ای از ابزارهای پیاده سازی می باشد که به طراحان یو آی کمک می‌نماید ایده‌هایشان را به راحتی اجرا نمایند و اپلیکیشن‌نویس‌ها هم به راحتی روی طرح‌ها کدنویسی نمایند.

اپ و افزونه زپلین به طور یک پارچه در کنار ادوبی اکس دی، فیگما و اسکچ امداد می‌نماید هندآف (Handoff) نه بسازید. هنندآف به برنامه ای گفته می شود که به دولوپرها میدهند تا براساس آن کدنویسی برنامه یا این که وبسایت صورت بپذیرد. خیلی وقت‌ها یکسری نفر می بایست روی این طرح حیث دهند تا به فایده پایانی برسند. ارسال، برخورد دریافت کردن و اصلاح مجدد خودش کلی زمان میگیرد. زپلین این وسط تک تک امور را راحت‌خیس می‌نماید.

به علاوه، زپلین رسیدگی طرح‌ها را به طور هوشمند انجام میدهد.

۱۰. Origami Studio
اریگامی استودیو در میان ابزارهای پیاده سازی رابط کاربری کمی گوناگون است. داستان از این قرار می باشد که طراحان فیسبوک با دقت به بعد ها والا این کانال اجتماعی و تنوع متعددی که در صفحه‌ها دارد، نیاز به سیستمی برای شرکت کردن در پیاده سازی داشتند البته هیچکدام از ابزارهای جان دار در آن فرصت نیازشان را برطرف نمیکرد. به همین خاطر خودشان دست به شغل شدند و Origami Studio را ساختند.

به کارگیری از لایه‌ها، Patch و اینتراکشن‌ها امداد می‌نماید به راحتی یک ورک‌فلو برای برنامه‌ها موبایل یا این که اینترنت بسازید.

ل یه فعالیت لبریز درآمد از اینترنتی؟کدام نرم افزار پیاده سازی UI بهتر می‌باشد؟
مجموع قابل انعطاف‌افزارهای معرفی گردیده می‌توانند برای پروژه‌های پیاده سازی رابط کاربری به کار گیری شوند ولی چند نکته را بایستی در نظر بگیرید، اولاً که وسعت کار اهمیت متعددی دارد. هنگامی قرار می باشد تعدادی برگه را به طور گروهی پیاده سازی فرمائید، بایستی قابل انعطاف‌افزاری را تعیین کنید که قابلیت شغل گروهی را داشته باشد و از نظر قابل انعطاف‌افزاری هم بتواند مجموع نیازهای شمارا پوشش دهد.