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

بهترین ابزارهای طراحی موبایل کدامند؟(قسمت دوم)

توسط نگین متین دررابط کاربری

۱۳- فلینتو (Flinto)

شاید بخواهید با تیم‌تان همکاری کنید و چون همه از Mac استفاده می‌کنند شما به فکر خرید مک می‌افتید تا از اسکچ استفاده کنید. Flinto دارای یک نسخه وب و Mac است، با استفاده از این ابزار می‌توانید به راحتی طرح‌های Sketch و Photoshop خود را وارد کنید و به تیم خود بپیوندید. بدین صورت شما هرگز احساس نمی‌کنید از همکارانتان عقب هستید. فلینتو، به‌سرعت انیمیشن‌های انتقال آیفون و آندروید را منعکس می‌کند و از پیش‌نمایش پروتوتایپ پشتیبانی می‌کند. به اشتراک گذاشتن لینک نصب در این ابزار ساده است – فقط لینک را از برنامه برای هر کسی که می‌خواهید ارسال کنید.

 

فلینتو

۱۴- فریمر جی اس ( FramerJS)

FramerJS یک ابزار طراحی انعطاف‌پذیر و تعاملی برای اپلیکیشن موبایل است که به شما امکان کد زدن می‌دهد. همچنین می‌توانید از ابزار ویرایش بصری آن استفاده کنید که به طور خودکار کد مربوطه را در back-end تولید می‌کند، تا دوباره بتوان از آن کد استفاده کرد. در غیر این صورت، اگر شما فقط یک طراح بصری هستید، ویرایشگر تصویری باید خوب باشد. FramerJS فقط برنامه‌ای برای استفاده در مشاهده وب‌سایت نیست. شما باید با آموزش‌‌های رایگان، طریقه استفاده از این ابزار را یاد بگیرید تا وایرفریم‌ها و پروتوتایپ‌های اولیه قدرتمند ایجاد کنید. در اصل، با Framer ،محدود به تخیل خود می‌شوید. می‌توانید برای پروتوتایپ خود پیش‌نمایشی ایجاد کنید تا گردش کار (workflow) را ساده کنید و به راحتی طرح‌هایتان را از Sketch ، Figma و Photoshop ایمپورت کنید تا با اعضای تیم خود همکاری داشته باشید. 
فریمر جی اس

۱۵- اینویژن(InVision)

آیا شما طراحی خود را انجام داده‌اید و میخواهید به آن تعامل ببخشید؟ inVision به شما امکان می‌دهد تا پرونده‌های طراحی خود را بارگذاری کرده و انیمیشن‌ها، حرکات و انتقال‌ها را به طرحتان اضافه کنید تا نمونه‌های استاتیک خود را به نمونه‌های تعاملی و قابل کلیک تبدیل کنید. اینویژن شما را راهنمایی می‌کند و گردش کاری(ورک فلو) را با همکاری موثر مدیریت میکند.

اینویژن

۱۶- زپلین(Zeplin)

Zeplin یک ابزار همکاری برای طراحان و توسعه‌دهندگان است که فراتر از طراحی و گردش کار است . زپلین به طراحان موبایل اجازه می‌دهد تا یک شاهکار ایجاد کنند و امکانی فراهم می‌کند تا وایرفریم‌ها و طرح‌های بصری خود را از Photoshop و Sketch بارگذاری کرده و آنها را به پوشه پروژه خود در Zeplin اضافه کنید. ساختن یک سند مشخصات محصول و تکرار مجدد آن در هر زمان دیگر واقعا خسته کننده است – با Zeplin دیگر نیازی به انجام آن ندارید. نیازی نیست توسعه‌دهندگان منتظر بمانند تا کار طراحان تمام شود، زیرا توسعه‌دهندگان می‌توانند سریع‌تر به فرآیند معرفی شوند تا برای فایلهای آپلود شده از Sketch یا Photoshop  یادداشت نویسی را انجام دهند. تکرارها می‌توانند همزمان انجام شوند – در نتیجه تعداد تکرارها برای یک پروژه کاهش می یابد.
زپلین

۱۷- یوایکس پین(Uxpin)

اگر می‌خواهید یک UX قدرتمند بدون کد ایجاد کنید و کل مراحل را از طراحی گرفته تا توسعه همه را در یک مکان انجام دهید روش “Agile” برای شما مناسب است. شما به احتمال زیاد به دنبال UXPin هستید. UXPin یک ابزار طراحی UI / UX است که با کشیدن و رها کردن می‌توانید وایرفریم‌ها و پروتوتایپ‌هایی با کیفیت بالا ایجاد کنید. با یوایکس‌پین می‌توانید طرح‌های خود را در برنامه یا از طریق Photoshop یا Sketch ایجاد کنید و همین کار را وارد UXPin کنید — بنابراین می‌توانید در مدت زمان کوتاهی گردش‌های کاری و وایرفریم‌های تعاملی ایجاد کنید. از آنجا که این ابزار دارای عناصر داخلی زیادی است، به هیچ وجه محدود نمی‌شوید. گفته می شود : ”شما می‌توانید با بیش از 1000 عنصر داخلی برای محصولات وب ، تلفن همراه و دسک‌تاپ آزمایش کنید.”

 

یوایکس پین

۱۸- Iconjar

آیا به دنبال راهی برای سازماندهی آیکن‌هایتان هستید؟ به کمک Iconjar می‌توانید تمام آیکن‌های خود را در یک مکان بارگذاری و ذخیره کنید تا آنها را از آنجا جستجو کرده و در پروژه خود در Sketch یا Photoshop بکشید و رها کنید. جستجو و بارگذاری آیکون‌ها به صورت تمام مدت می‌تواند استرس‌زا و وقت‌گیر باشد – در واقع، Iconjar این دردسر را از بین می‌برد. اکنون، می‌توانید هزاران آیکون را در یک مکان سازمان‌دهی کنید – سپس، طرح خود را در Sketch ، Photoshop یا Illustrrator بکشید و رها کنید. با این حال ، شما ممکن است قادر به بارگیری پرونده‌های .ai و .sketch نباشید.
iconjar

۱۹- Fluid UI

Fluid UI، پلتفرمی برای تمام نیازهای شما در زمینه طراحی ، همکاری و ارتباطات می‌باشد. Fluid UI  ابزاری عالی برای طراحان اپلیکیشن موبایل است. با داشتن ویژگی‌ همکاری قدرتمند، شما می‌توانید طراحی و ویرایش را با بقیه اعضای تیمتان انجام دهید. فریلنسرها می‌توانند هنگام تماس با مشتریان بالقوه ، ایده‌ها را به سرعت به صورت موکاپ درآورند و به آسانی نیازمندی‌ها را استخراج کنند. یک پروتوتایپ ایجاد کنید ، طرح‌های خود را ارائه دهید و به سرعت از طریق یک پلتفرم فیدبک‌هایی را جمع آوری کنید. برای استفاده بهتر، می‌توانید Fluid UI را در دسک‌تاپ خود دانلود کنید و به کار خود سرعت بخشید. بچه های Fluid UI این نوید را می‌دهند که همه کارهای طراحی، استندآپ و جلسات تیم خود را در درون یک  Fluid UI ایده آل اجرا می‌کنند. اگر از پرداخت هزینه چندین ابزار ناراحت هستید، باید UI Fluid را امتحان کنید (به صورت رایگان).

 

فلویدیوآی

۲۰- MindNode

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

 

 

۲۱- فتوشاپ

Photoshop ابزاری کلاسیک برای طراحان است. اگر مدت طولانی از آن استفاده نکرده‌اید، باید بدانید طی سال‌ها به طرز چشمگیری بهبود یافته است. فوتوشاپ، نرم افزاری نیست که فقط برای برش و چسباندن تصاویر ساخته شده باشد. اگر یک هنرمند و همچنین یک طراح اپلیکیشن موبایل هستید از این نرم افزار استفاده کنید. با استفاده از فتوشاپ می‌توانید در طراحی خود درخشان باشید. فتوشاپ ویژگی‌هایی مانند Layering، Texture ،Lighting ، Blurring
دارد . این نرم ‌افزار برای دستکاری بیت مپ بسیار عالی است. اگر یک طراح برنامه تلفن همراه هستید، باید فتوشاپ داشته باشید.

فتوشاپ

۲۲- Venngage

Venngage به افراد اجازه می‌دهد تا با استفاده از قالب‌های آماده و سفارشی شده، به راحتی طراحی‌های زیبایی ایجاد کنند. وقتی در حال ایجاد اینفوگرافیک، ارائه‌ها، گزارش‌ها یا تصاویر رسانه‌های اجتماعی هستید، قالب‌های سفارشی آنها به شما کمک می‌کند تا با چند کلیک یک جادوگر طراحی شوید. همچنین می‌توانید نمادهای بصری دیگر مانند pie chart را با pie chart maker طراحی کنید، با graph maker یک گراف ایجاد کنید و از bar graph maker ما برای ایجاد گراف‌های میله‌ای و موارد دیگر استفاده کنید.

ونیج

۲۳- Pen and notepad

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

۲۴- پرینسیپل

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

پرینسیپل

نتیجه‌گیری:

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

ابزارهای طراحیاسکچزپلینفیگمانرم‌افزار طراحی اپلیکیشن
36
لایک این نوشته
17 پست ها
نگین متین
نگین متین، علاقه‌مند به ارتقای دانش و تجربه در زمینه تجربه کاربری و رابط کاربری. کسی که دوست داره کارهای جدید انجام بده و به تخیلاتش جامه عمل بپوشونه و متفاوت از دیگران تجربه کاربری را بهبود ببخشه.
  • 4 راه پیاده سازی یک طراحی محصول بهتر
    قبلینوشته4 راه پیاده سازی یک طراحی محصول بهتر
  • بعدینوشتهبهترین روش تحقیقات UX - تجربه کاربری
    4 راه پیاده سازی یک طراحی محصول بهتر

پست های مرتبط

10 ترفند طراحی
رابط کاربری

10 ترفند طراحی

10 فاکتور اصلی کاربردپذیری رابط های کاربری
رابط کاربری

10 فاکتور اصلی کاربردپذیری رابط های کاربری

هشت قانون طلایی شیندرمن در مورد طراحی رابط کاربری
رابط کاربری

هشت قانون طلایی شیندرمن در مورد طراحی رابط کاربری

دیدگاهتان را بنویسید (لغو پاسخ)

آدرس ایمیل شما منتشر نخواهد شد. فیلدهای مورد نیاز علامت گذاری شده اند *

*
*

نقشه سایت

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

کلاس و کارگاه

  • ورکشاپ تخصصی تجربه کاربری
  • ورکشاپ طراحی تعاملی
  • ورکشاپ گیمیفیکیشن و اینترنت اشیا

در خبرنامه عضو شوید

طراحی رابط کاربری و تجربه کاربری یکی از مهم‌ترین المان‌های ساخت محصولات دیجیتال به حساب می‌آید. طراحی رابط کاربری یا (User Interface (UI، طراحی تجربه کاربری یا (User Experience (UX، طراحی تعاملی و یا اینتراکشن دیزاین (Interaction Design)، گیمیفیکیشن و طراحی گیمیفیکیشن یا Gamification، طراحی انیمیشن و لوتی با افتر اکت نیز از دیگر موارد آن می‌باشند. در ضمن استفاده از IOT و ترکیب آن با گیمیفیکیشن انقلابی در محصولات دیجیتال خواهد بود. در این راستا استفاده از ابزارهای مورد نیاز نظیر فیگما (Figma)، ادوبی اکس‌دی (Adobe XD)، فتوشاپ (Photoshop)، ایلستریتور (IIllustrator)، پرینسیپل (Pricniple) و … نیز از اهمیت بالایی برخوردار خواهد بود.

محسن نجفی استودیو در تلاش برای طراحی بهترین محصولات به کمک برترین طراحان ایران است تا بتواند طراحی محصول دیجیتال را به بهترین نحو ممکن جلو ببرد.

طراحان محصول ایران روشن

تمامی حقوق این وبسایت متعلق به محسن نجفی استودیو می‌باشد.

Copy