https://virgool.io/navidsemi/feed تمامی مطالب حاصل سال ها تجربه و تحقیق در رابطه با طراحی UI/UX می باشد. fa 2026-06-16 21:05:25 https://files.virgool.io/upload/publication/camsm76y7oq2/1t1mkg.png https://virgool.io/navidsemi https://virgool.io/navidsemi/how-to-be-fast-in-figma-a9pl0olgzfvd Figmaچند نکته ساده و کاربردی برای سرعت بخشیدن و با کیفیت تر شدن طراحی در ابزار فیگما.- از میانبرهای کیبورد استفاده کن!Keyboard Shortcutsاز آیکون علامت سوال که پایین سمت راست فیگما میبینید و یا از میانبر ? + Ctrl + Shift میتونید وارد قسمت Keyboard shortcuts بشید. میانبرهایی که قبلا استفاده کرده اید به رنگ آبی و آنهایی که استفاده نکرده اید به رنگ خاکستری نمایش داده میشوند.از این وب سایت میتونید تمامی میانبر های ابزارهای طراحی رو ببینید: https://shortcuts.design/ - کامپوننت بساز!Componentsکامپوننت ها المان هایی هستند که می تونید در طرح های خود مجددا استفاده کنید. حتما از هر لایه یا المانی مثل دکمه ها، آیکون ها و... که ایجاد کردید یک کامپوننت بسازید.شما قطعا اجزایی که طراحی کردید رو بعدا حداقل برای یکبار تغییر خواهید داد پس با ایجاد آنها به عنوان کامپوننت از هدر رفتن زمان برای تغییرات یک به یک المان ها جلوگیری کنید.- پلاگین های کاربردی نصب کن!Pluginsپلاگین ها اسکریپت هایی هستند که عملکرد شما را برای طراحی بهتر و همچنین سرعت شما را بیشتر میکنند.تعداد پلاگین هایی که تا الان طراحی شده و از Community به صورت رایگان میتونید نصب و استفاده کنید بیشماره ولی با یک سرچ ساده میتونید کاربردی ترین پلاگین ها رو پیدا کنید که البته چند تا از محبوب ترین هاشون رو براتون میذارم:UnsplashIconifyRemove BGBlush- قبل از طراحی، المان ها و تکست استایل ها رو مشخص کن!Text Styleاگر به دنبال این هستید که سرعت و کیفیت طراحیتون رو بالا ببرید، قبل از شروع هر چیزی تکست استایل و یکسری از المان های اولیه رو طراحی کنید. با این کار فقط یکبار برای متن هاتون زمان صرف میکنید.- از جستجوگر داخلی فیگما استفاده کن!Quick Actionبا میانبر / + Command در مک و / + Control در ویندوز پنجره جستجوگر فیگما باز میشه و هر چی که دلتون میخواد از اسم ابزار گرفته تا پلاگین ها رو میتونید سرچ کنید تا سریع تر بتونید پیداش کنید.به شدت کاربردیه و به شدت بهتون پیشنهاد میکنم حتما برای هر چیزی ازش استفاده کنی.امیدوارم این آموزش کوتاه بتونه کمکی در سرعت طراحیتون کرده باشه. BehindMars Erfan Bahram Wed, 09 Feb 2022 16:14:45 +0330 https://virgool.io/navidsemi/5designtools-kpcfht2iacry UI/UX Design Tools رابط کاربری (UI) و تجربه کاربری (UX) دو وجه متمایز و در عین حال جدا نشدنی در طراحی به حساب می آیند. به این شکل که زمانی که تمرکز UI بر روی طراحی بصری و تعاملی با کاربر هست، کار UX همزمان بر روی تجربه کاربر از استفاده محصول می باشد.ابزارهای طراحی رابط کاربری بستری برای طراحان فراهم میکنند که شامل امکاناتی از قبیل طراحی وایرفریم، موکاپ، پروتوتایپ و در نهایت خروجی قابل اجرا می باشند.ابزارهای طراحی تجربه کاربری بر روی کاربر و نحوه تجربه آنها از محتوا تمرکز دارند. این ابزارها به شکل گیری ساختار کلی محصول شما کمک میکنند. ابزارهای UX به طراحان کمک میکنند تا تصویر بهتری از تاثیر محتوا و چیدمان آن بر کاربر را ارائه دهند. تو این مطلب کارآمدترین ابزارهای طراحی UI/UX که فرایند طراحی شما رو سریع تر و راحت تر می کنند رو معرفی میکنم.بهترین ابزارها برای طراحی رابط کاربری (UI) و تجربه کاربری (UX)۱. فیگما - FigmaFigmaسال انتشار: ۲۷ سپتامبر ۲۰۱۶اگر طراح وب و یا اپلیکیشن موبایل هستید به احتمال زیاد اسم ابزار آنلاین بیس Figma رو شنیدید. ابزار فیگما تونسته تو این ۵ سالی که از انتشار اولیه اش میگذره جایگاه ویژه ای بین طراحان سراسر دنیا به دست بیاره. حالا چرا فیگما رو به عنوان بهترین ابزار انتخاب کردم، دلیلش اینه که این برند به غیر از محیط طراحی ساده و کاربردی، بخش های منحصر به فرد دیگه ای هم داره. اگه یه سر به قسمت Community بزنید با کلی پلاگین، ویجت، قالب های آماده، کیت های طراحی، آیکون، قالب های وایرفریم و ... مواجه میشید که قطعا سرعت طراحیتون رو چند برابر میکنه، به غیر از اینکه پر از ایده ها و طرح های متفاوت هست که میتونید ازشون استفاده کنید، با دیزاینرهای دیگه هم میتونید آشنا بشید. حتی میتونید طرح هاتونو تو همون Figma Community به اشتراک بذارید. قسمت دیگه ای که این ابزارو از بقیه متمایز میکنه FigJam هست که مثل یک تخته وایت برد عمل میکنه اینجوری که شما میتونید به اصطلاح BrainStorm یا همون ایده های نامرتب قبل از طراحیتونو تو قسمت فیگ جم بکشید و با تیمتون به اشتراک بذارید. حتی به عنوان ابزار وایر فریم هم میتونید ازش استفاده کنید البته به جای طرح اولیه که میخواید رو کاغذ بکشید.⭐️ حتی واسه این قسمت قالب پیشفرض هم دارند که تو دسته بندی های مختلف میتونید ازشون استفاده کنید.از قسمت Help Center هم میتونید با همه ی قسمت های این ابزار از صفر تا صد آشنا بشید، قطعا اینجا نمیشه مفصل همه ی قسمت ها رو با جزئیات توضیح داد.۲. ادوبی اکس دی - Adobe XDAdobe XDسال انتشار: ۱۴ مارس ۲۰۱۶هرجا حرف از طراحی دیجیتال باشه قطعا شرکت ادوبی یه ابزار براش داره، کلا نمیشه نقش ادوبی رو به عنوان یکی از مهم ترین ابزارهای طراحی انکار کرد. تو زمینه UI/UX شرکت ادوبی تونسته با ابزار Adobe XD امکانات جالبی رو برای طراحان فراهم کنه.این ابزار هم مثل فیگما، پلاگین های کاربردی زیادی داره. همچنین میتونید از UI kit های پیشفرض خود ادوبی برای طراحیاتون استفاده کنید. بخشی که به نظر من این ابزار رو از بقیه متمایز میکنه Creative Cloud هست که به غیر از اینکه به شما دسترسی به ابزارهای مختلف مثل فتوشاپ، ایلاستریتور و ... رو میده، میتونید از دیگر امکانات ادوبی از طریق Creative Cloud خودتون استفاده کنید که مهم ترینشون به نظر من اینه که میتونید طرحاتون رو مستقیم تو سایت Behance منتشر کنید.۳. اسکچ - Sketch AppSketch Appسال انتشار: ۰۷ سپتامبر ۲۰۱۰مگه میشه UI/UX دیزاینر باشی ولی اسکچ رو نشناسی؟یادمه بعد از مدت ها انتظار سال ۲۰۱۵ تونستم باهاش کار کنم اونم فقط به دلیل اینکه اپ مخصوص Mac OS هست. و چقدر تجربه لذت بخشی بود از فتوشاپ بری رو یه ابزار پیشرفته مثل اسکچ. بگذریم!این ابزاری که من به عنوان پدر اپ های پیشرفته طراحی UI/UX ازش یاد میکنم ۶ سال از دو رقیبی که قبل تر نام بردم بزرگ تره، یه جورایی میشه گفت فیگما و ادوب اکس دی شالوده ی اصلیشون رو مدیون اپ اسکچ هستن. حالا قطعا میپرسید پس چرا اسکچ رتبه اول این لیست نیست؟به نظر من بزرگ ترین مشکل، محدود بودن این اپ روی سیستم عامل مک و همچنین نداشتن یک Community برای به اشتراک گذاشتن طرح هاست.۴. اینویژن - Invision StudioInvision Studioاینویژن جزو ابزارهایی هست که شاید تو نگاه اول زیاد نظرتون رو جلب نکنه ولی قطعا باهاش کار کنید متوجه قدرت این ابزار معروف و کاربردی میشید. تو قسمت محصولات سایت Invision ابزارهای متفاوتی وجود داره که از مهمترین هاشون میتونم به Freehand, Prototype, Craft و Studio اشاره کنم.همچنین میتونید ابزار استودیو اینویژن رو به صورت رایگان دانلود و استفاده کنید.مهمترین پلاگین این ابزار Craft هست که میتونید رو اسکچ یا فتوشاپ هم نصب کنید. ۵. فلومپ - FlowMappFlowMappآخرین ابزار این لیست بر خلاف بقیه ابزارها که معرفی شدند، تمرکز اصلی آن بر روی طراحی UX و وایرفریم هاست.در واقع ابزار FlowMapp به دلیل داشتن المان های پیشفرض برای طراحی وایرفریم و نقشه سایت، بسیار مورد استقبال UX Designer ها قرار گرفته.همچنین میتونید به صورت رایگان ولی فقط با یک پروژه فعال از امکانات این ابزار استفاده کنید.? مغز کلاماگه به صورت حرفه ای میخواید کار UI/UX انجام بدید باید به تمامی این ابزار ها تسلط داشته باشید. قطعا با یکی از همین ابزارها هم میشه تمامی پروسه ی طراحی UI و UX رو انجام داد ولی همیشه اینجوریه که هر ابزار یک قسمت کاربردی تر داره که با مجموعه ی این ابزارها میشه خیلی خلاقانه تر عمل کرد.به قول معروف یه نسخه رو نمیشه واسه همه پیچید، این لیست بر اساس تجربه شخصی من رتبه بندی شده. البته که اگر نگاهی به موقعیت های شغلی UI/UX شرکت های معتبر دنیا بندازید حتما اسم این ابزارها رو تو لیستشون به عنوان نرم افزارهایی که باید باهاشون کار کنید خواهید دید.اگر حس میکنید ابزاری جاش تو این لیست خالیه حتما تو کامنتا بنویسید. BehindMars Erfan Bahram Thu, 20 Jan 2022 13:08:11 +0330