سورس مدیا (منبع رسانه) - srcm (source media)

سورس مدیا - SRCM (Source Media)

نرم افزار فیگما ؛ قدرت و شهرت یک طراح سایت

در مورد طراحی وب می­توان به دو موضوع طراحی رابط ­کاربری UI و طراحی تجربه­ کاربری UX اشاره کرد. نرم افزارهای ­ طراحی UI و UX گستردگی و تنوع زیادی دارند اما تنها تعداد محدودی از آنها مورد تایید طراحان وب هستند.

در این مقاله قصد داریم به سراغ یکی از برترین برنامه‌­های طراحی UI و UX یعنی فیگما برویم و همه چیز را در مورد آن بررسی کنیم.

فیگما چیست؟

فیگما یک ابزار طراحی بر اساس فضای ابری (Cloud) است که در عملکرد و ویژگی ها مشابه اسکچ است، اما با تفاوت هایی که فیگما را برای همکاری تیمی بهتر می کند. فیگما فرایند طراحی را ساده تر می­کند و از برنامه های دیگر در کمک به طراحان و تیم ها برای همکاری کارآمد موثر تر است.

قابلیت Version Control یکی دیگر از مزایای استفاده از برنامه فیگما است که به‌­وسیله آن می­توان در هر مرحله­‌ای از طراحی به مرحله قبل برگشت و مورد مربوطه را تغییر یا اصلاح کرد.

ساخت اجزا و یا  Components ها یکی دیگر از مزایای برنامه فیگما محسوب می­گردد. به­‌وسیله این قابلیت می‌­توان با ساخت اجزا و ترکیب کردن آنها اشکالی را به­‌وجود آورد و ذخیره کرد و در زمان نیاز از این اجزا استفاده نمود.

اجرای فیگما روی هر سیستم عاملی :

فیگما روی هر سیستم عاملی که بتواند یک مرورگر وب را اجرا کند، قابل استفاده است   Mac، Windows ، Linux  و حتی  Chromebookها می توانند از فیگما استفاده کنند. این تنها ابزار طراحی در نوع خودش هست که همچین قابلیتی را دارد و در مکان هایی که از سخت افزارهایی با سیستم عامل های مختلف استفاده می کنند همگی می توانند فایل های فیگما را به اشتراک بگذارند، باز کنند و ویرایش کنند.

در بسیاری از سازمان ها، طراحان از Mac و برنامه نویسان از Windows استفاده می کنند . فیگما برای گردآوری این دو گروه کنار هم کمک می کند. ماهیت فراگیری فیگما همچنین از آزار دهندگی PNG-pong (زمانی که تصاویر آپدیت شده مداوم بین تیم طراحی جابه جا می شود)جلوگیری میکند.

در فیگما برای در دسترس قرار دادن کار طراحی نیازی به مکانیزم واسطه ای نیست.

متد‌های استفاده از فیگما

طراحی رابط کاربری UI در نرم افزار فیگما

به­‌منظور استفاده از برنامه فیگما می‌­توان از روش نصب نرم ­افزار و یا نسخه تحت وب استفاده کرد. برای نصب نرم­ افزار فیگما باید با استفاده از نرم افزارهای تغییر IP (…شکن) به سایت فیگما مراجعه کرد و با دانلود نسخه مربوط به ویندوز و یا سیستم ­عامل مک مراحل بعدی نصب را انجام داد.

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

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

همکاری در فیگما ساده و آشناست

با استفاده از فیگما ، یک تیم لید طراحی می تواند فقط با باز کردن فایل اشتراک گذاشته شده متوجه شود که در هر زمان اعضای تیم چه چیزی را طراحی می کنند. اگر یک طراح به نوعی تعبیر اشتباهی از داستان سیر کاربر داشته باشد، این ویژگی به رهبر تیم این اجازه را می دهد که مداخله کند، مسیر را درست کند و ساعت های یی شماری را که ممکن بود هدر برود ذخیره کند.(در مقابل، تیم هایی که از اسکچ استفاده می کنند هیچ راه سریعی برای اینکه به طراحان بگویند که راه را اشتباه می روند یا خیر وجود ندارد.)

اشتراک گذاری آسان در فیگما

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

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

آنلاین بودن فایل‌ها و پروژه‌های فیگما

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

از آنجا که Figma یک برنامه آنلاین است، با نمایش پروژه ها و فایل های آن ها در نمای اختصاصی، سازماندهی پرونده ها را انجام می دهد. فیگما همچنین از چندین صفحه در هرفایل مانند اسکچ پشتیبانی می کند.

لایبریری‌های آماده فیگما

رویکرد فیگما به کتابخانه های مولفه ای، ساده و با قابلیت مدیریت آسان است.

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

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

نتیجه گیری

در این مقاله سعی کردیم که برنامه طراحی رابط کاربری فیگما را به­‌طور مختصر معرفی کنیم و قسمت­های مختلف و قابلیت های این برنامه را تا آنجایی که امکان بود تشریح کنیم. باید در نظر داشت که نرم ­افزار فیگما یکی از بهترین برنامه‌­ها در طراحی رابط کاربری است و با مجموعه ویژگی­‌هایی که دارد در چند وقت اخیر موجب کوچ بسیاری از طراحان از برنامه‌­های دیگر نظیر Adobe XD به فیگما شده است.

منبع : https://www.toptal.com/designers/ui/figma-design-tool

نرم افزار آدوبی ایکس دی چیست و چه کاربردی دارد؟

نرم افزار آدوبی ایکس دی Adobe XD نرم افزار جدید شرکت ادوبی است که در سال 2017 اولین نسخه اصلی آن منتشر شد.

این برنامه مناسب برای طراحان تجربه کاربری UX و رابط کاربری UI می باشد که می توانند در آن اقدام به طراحی واسط کاربری و ساخت Prototype کنند.

این نرم افزار امکان یک طراحی اولیه با چشم اندازی واقع گرایانه را به کاربران می دهد و در واقع می توان آن را نوعی ابزار طراحی رابط کاربری در نظر گرفت.

اسم کامل  Adobe XDعبارت Adobe Experience Design می باشد که هم برای ویندوز و هم مک منتشر شده است. عملکرد و اساس انتشار این نرم افزار مشابه وکتور طراحی و ویرایش UI و UX اسکچ بوده است. این برنامه در حال حاضر به صورت رایگان در دسترس کاربران است .

محیط کاربری ایکس دی به چه صورت است؟

در Adobe XD شما به دو بخش دیزاین (Design) و پروتوتایپ (Prototype) دسترسی دارید.

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

در بخش پروتوتایپ می توانید صفحه ها را به یکدیگر لینک کنید و با کلیک کردن به روی منو به صفحه دیگر منتقل شوید این می تواند بهترین پیش نمایش برای کار شما باشد.

در عکس زیر با محیط آدوبی ایکس دی بیشتر آشنا می شوید  :

چه کسانی می توانند از Adobe XD استفاده کنند؟

Adobe XD برای طراحان وب، طراحان گرافیک و توسعه دهندگان UI/UX مناسب است. این برای معماران و طراحان گرافیک منحصر به فرد که نیاز به انجام یک گروه از بردارها دارند، کار می کند.

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

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

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

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

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

نرم افزار Adobe XD چه قابلیت هایی دارد؟

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

و مواردی از این دست دیگر قابلیت های نرم افزار Adobe XD است.

عملکرد های نرم افزار ادوبی ایکس دی

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

ظاهر تمام آن ها می توانند با توجه به جایی که از آن ها استفاده می شود تغییر یابد بدون ذره ای افت کیفیت.

عملکرد مهم دیگر ایکس دی این است که این ابزار قدرتمند به راحتی می تواند سایر فایل های ایجاد شده در دیگر نرم افزار ها را باز کند. برای مثال فایل هایی که در افتر افکت، فتوشاپ یا ایلوستریتور ایجاد شده اند را می توان در ایکس دی باز و آن ها را ویرایش کرد.

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

مزیت های استفاده از نرم افزار ادوبی XD

  • امکان ایجاد یک رابط کاربری بسیار موثر و کارامد و سازگار با پلتفرم های مختلف
  • داشتن دسترسی به نسخه های رایگان و سازگار با اندروید، مک، ویندوز و IOS
  • امکان ایجاد یک پلتفرم جهت مدیریت گردش کار و همکاری تیمی
  • امکان ایجاد طرح های پروتوتایپ و انیمیشن سازی سریع و راحت
  • امکان سازگاری با سایر پلاگین ها و نرم افزار های پر کاربرد طراحی
  • گسترش روز افزون ویژگی ها و ابزار های کاربردی برنامه
  • دسترسی به فضای ذخیره سازی ابری
  • فضای کاربری بسیار راحت و آسان
  • داشتن یک آینده روشن شغلی
  • افزایش سرعت طراحی

رقبای Adobe XD چه نرم افزارهایی هستند؟

ادوبی اکس دی اولین نرم افزار تخصصی طراحی UI و UX نبوده و طبیعتا رقبای قدرتمندی در بازار در کنار خود دارد. می توان گفت بازیگران اصلی میدان Figma، Sketch، و اخیرا Webflow هستند. در این میان اصلی ترین رقیب XD نرم افزار Figma می باشد.

  1. یادگیری آن بسیار آسان است
  2. به سخت افزار عجیب و غریبی احتیاج ندارد
  3. امکانات مناسبی برای طراحان دارد

(تقریبا تمامی مراحل را از طراحی وایرفریم ها، طراحی بصری و گرافیکی پروژه ها، پروتوتایپ، خروجی پروژه و حتی تست های مختلف را می توانید با استفاده از ابزارهای پیشفرض موجود در Adobe XD انجام دهید)

  • میتوان پروتوتایپ های حرفه ای با آن طراحی کرد
  • طرحی با سرعت جت
  • پلاگین های متنوع
  • آپدیت های مداوم و…

نرم‌افزار این‌دیزاین چیست و چه کاربردی دارد؟

اگر تا به حال از نرم افزار ایندیزاین که یکی از نرم افزارهای زیر مجموعه شرکت ادوبی است استفاده نکرده باشید و می خواهید به تازگی با آن آشنا شوید ممکن است از خود بپرسید که “ایندیزاین چیست و چرا باید از آن استفاده کنم؟” یا “چه زمانی باید استفاده از ایندیزاین را در مقابل سایر نرم افزارهای گرافیکی مانند فتوشاپ و ایلاستریتور انتخاب نمایم؟”

ایندیزاین چیست؟

نرم افزار آدوبی ایندیزاین یک نوع نرم افزار کامپیوتری ساخت شرکت adobe  است و در حوزه ی نشر رومیزی، صنعت چاپ و صفحه آرایی و … کاربرد دارد.

برای نگارش و ویرایش متون و ایجاد و ویرایش فایل های تصویری به صورت غیر مستقیم از نرم افزار ایندیزاین (Adob InDesign) استفاده میشود ، وظیفه ی اصلی نرم افزار  ایندیزاین (Adobe InDesign)  کنار هم قرار داردن متون و عناصر نگاره ای در قالب صفحات است.

نرم‌افزار ایندیزاین چیست و چه کاربردی دارد سورس مدیا

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

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

ایندیزاین چه امکاناتی دارد؟

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

برخی از قابلیت ها و امکانات نرم افزار ایندیزاین :

  1. ذخیره اتوماتیک تغییرات اعمال شده روی پروژه و خودکارسازی کارها
  2. امکان جستجو و جایگیزینی کلمات و … با استفاده از ابزارهای خاص پیشرفته
  3. امکان ذخیره کردن پروژه با فرمت pdf و xhtml به منظور نمایش در اینترنت و وب
  4. ایجاد و مدیریت پروژه های تعاملی با استفاده از سرویس های آنلاین شرکت adobe
  5. تنظیم حروف
  6. ایجاد سبک حروف (typographic styles)
  7. دارای ابزار بابت تنظیم دقیق قرارگیری عناصر گرافیکی
  8. قابلیت استخراج خودکار اطلاعات از فرمت های متنوع
  9. تنظیم اندازه ستون ها و کادرها

کاربرد ایندیزاین در کنار نرم افزارهای دیگر

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

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

برخی از کاربردهای نرم افزار ایندیزاین :

  1. روزنامه
  2. کاتالوگ تبلیغاتی
  3. حروف نگاری
  4. ستون بندی
  5. کادر بندی
  6. صفحه بندی

ویژگی های نرم افزار ایندیزاین

  1. پشتیبانی کامل از زبان فارسی
  2. قابلیت ایجاد قالب و متن چند ستونه
  3. امکان وارد کردن متن از نرم افزار word به آن
  4. دارا بودن امکانات نرم افزارهایی از قبیل : پیچ میکر ، کوارک و ایلوستریتور
  5. سرعت در انجام کارهایی از قبیل : تنظیمات چاپی و صفحه بندی و صرفه جویی در زمان
  6. قابلیت ایجاد  فایل PDF به منظور ساده سازی روند آماده کردن طرح مورد نظر دارد در نتیجه طراح را از آماده سازی فرم خروجی برای چاپ معاف می کند.

مدیرعامل

Mohammad Amin Azadian محمد امین آزادیان - برنامه نویس و طراح رابط کاربری و تجربه کاربری