https://virgool.io/feed/@erfanba عرفان هستم، طراح UI/UX fa 2026-06-16 20:55:01 https://files.virgool.io/upload/users/1407932/avatar/CMQSa7.jpg?height=120&width=120 https://virgool.io/@erfanba https://virgool.io/@erfanba/%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A7%D9%86%D9%81%D8%AC%D8%A7%D8%B1-y8tv62xummyf اگر شما یک طراح گرافیکی هستید قطعا برای تسریع روند کاری خودتون از تصاویر پیش استفاده کنید. این تصاویر با فرمت های مختلف در اختیار شما قرار می گیرند و قابل ویرایش هستند. آنها برای بسیاری از موارد به مراتب بهتر از انواع دیگر تصاویر هستند. به عنوان مثال ، می توان اندازه آنها را بینهایت و بدون افت کیفیت تغییر داد. در این مقاله به بهترین سایت دانلود وکتور اشاره می کنیم. دفعات بعدی که به دنبال بهترین سایت بازی انفجار هستید حتما این سایت ها را بررسی کنید البته قطعا شما می توانید خرید از شاتر استوک را در سایت عکس ها انجام دهید.سایت FreepikFreepik یکی از بهترین موتور جستجوی شناخته شده برای گرافیک رایگان در وب است. شما تقریباً برای هر موضوعی هزاران طرح پیدا خواهید کرد. تصاویر آنها شامل وکتور، تصاویر استوک و PSD است ، اگرچه فایل های  SVG یا PNG در بر نمی گیرد.مزایای سایت: مجموعه ای وسیع از تصاویر ، تنوع طرح ها ، موجودی بالای عکس ، تعداد زیادی طرح آزاد با ویژگیمعایت: ویرایشگر تصویر ندارد ، فاقد SVG و PNG است ، برای بخش زیادی از تصاویر باید حق اشتراک داشتسایت VexelsVexels یک ویرایشگر تصاویر استوک و گرافیکی است که به طور مداوم هزاران فایل SVG (قابل دانلود در فرمت های PNG ، SVG ، EPS و PSD) در اختیار مخاطبانش قرار می دهد. تمام طرح های آنها منحصر به فرد است و در هیچ جای دیگری یافت نمی شود.در این سایت تصاویر مدام به روز رسانی می شود ممکن است شما برای تولید محتوا و یا کمپین های تبلیغاتی خود به تصاویر مرتبط و مناسبتی نیاز داشته باشید از این نظر مطمئن باشید که این بازی انفجار می تواند تصاویر مورد نیاز شما را تامین کند.مزایای سایت : ویرایشگر آنلاین برای SVGs / PNG ها ، مجوزهای تجاری ، دارای مجوزهای فردی و اشتراک ماهانهمعایب سایت: برخی طرح ها تنها برای کسانی که حق اشتراک دارند نمایش داده می شودسایت iStockاگر سراسر وب را برای یافتن وکتور های با کیفیت و ارزشمند جست و جو کردید و مورد خوبی پیدا نکردید سایت iStock به کمک شما می آید. در این سایت برای هر کلیدواژه ای که وارد کنید صد ها تصویر برای دانلود به شما پیشنهاد می شود.مزایای سایت : بسیاری از طرح های با کیفیت بالا ، سهام همچنین دارای فیلم ها و کلیپ های صوتی است.معایب سایت: دانلود رایگان در دسترس نیست ، فاقد SVG و PNG است.سایت VecteezyVecteezy نسبت به سایت های بالا جدیدتر است ولی اخیراً یک ویرایشگر به سایت اضافه کرده است که به شما امکان می دهد قبل از دانلود طرح ها ، آنها را اصلاح کنید و این باعث محبوبیت بیشتر سایت شده است.از آنجا که این طرح ها با توجه به این ابزار ساخته نشده اند ، شخصی سازی برخی از تصاویر کمی دشوارتر است. این یکی از وب سایت های است که کیفیت فایل های وکتور در آن بسیار متفاوت است اما در اصل شما انتخاب های زیادی دارید و می توانید از میان آن ها انتخاب کنید.مزایای سایت : ویرایشگر آنلاین ، کتابخانه ی بزرگی از طرح هامعایب سایت: لایسنس های تجاری ارائه نمی دهد ، برخی از طرح ها فقط برای اعضا ای که حق اشتراک دارند موجود استکلام آخرشاتر استوک یکی از بهترین سایت دانلود وکتور است که در این مقاله به آن اشاره نکردیم، دلیل این است که این سایت بسیار محبوب است. تنها مساله ایی که در استفاده با این سایت با آن مواجه خواهید شد این است که باید برای همه ی تصاویر هزینه پرداخت کنید. اما اگر اشتراک ماهانه این تصاویر برای شما زیاد است می توانید برای دانلود وکتور از شاتر استوک با هزینه های پایین تر از وب سایت عکس ها تهیه کنید. Erfan Bahram Erfan Bahram Tue, 09 May 2023 10:50:58 +0330 https://virgool.io/@erfanba/%D9%81%D8%A7%DA%A9%D8%AA%D9%88%D8%B1%D9%87%D8%A7%DB%8C%DB%8C-%DA%A9%D9%87-%D8%A8%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ux-%D8%AA%D8%A7%D8%AB%DB%8C%D8%B1-%D9%85%DB%8C%DA%AF%D8%B0%D8%A7%D8%B1%D8%AF-pw10cnwbq4jf 1. نمایش موارد مهم در چند ثانیه اولشما باید طراحی محصول را به گونه ای انجام دهید که کاربر در ثانیه های اول متوجه 3 اصل مهم شود. برای مثال اگر شما فروشگاه آنلاین کفش دارید:نوع محصولات قابل فروشموضوع اصلی برند شماویژگی هایی که محصولات شما را از دیگر برند ها جدا میکندپاسخ این گونه موارد را باید در صفحه ی اصلی سایت و در بالای آن جای دهید. به این وسیله کاربر پس از ورود به سایت در ثانیه های اول متوجه موضوع کلی سایت میشود.2. همه چیز را در دسترس قرار دهیدموارد درون سایت خود را باید به گونه ای دسته بندی و مرتب کنید که کاربر به سادگی چند کلیک بتواند چیزهایی که مدنظر دارد را بیابد. اگر وب سایت فروشگاهی دارید، جدا از دسته بندی کلی محصولات میتوانید دسته بندی های پرفروش، آنچه دیگر کاربران پسندیده اند، مطابق با خرید قبلی شما و … را نیز اضافه کنید.همچنین فراموش نکنید که حتما باکس جستجو نیز بگذارید. زیرا ممکن است کاربر از پیش بداند چه میخواهد، که در این صورت باکس جستجو بسیار کاربردی خواهد بود.پس با دسته بندی درست محصولات میتوانید رضایت کاربران را بیشتر جلب کنید. دقت کنید که سهولت در یافتن محصول مدنظر توسط کاربر، اولویت بسیار زیادی دارد.3. ایجاد طراحی ساده و بدون پیچیدگیطراحی ساده و بدون پیچیدگی باعث میشود کاربر حس بهتری به سایت شما و محصولات آن پیدا کند. همچنین به راحتی بتواند به محصول و بخش موردنظر دستیابی پیدا کند. درواقع طراحی ساده و بدون پیچیدگی یکی دیگر از مواردی است که میتواند تجربه کاربری بهتری را ایجاد کند.4. استفاده از تصاویر محصولاتیکی دیگر از موارد بسیار مهم، افزودن تصویر به محصول است. کاربر هنگامی که تصویر محصول را مشاهده میکند، تصمیم گیری برایش آسان تر خواهد شد و همچنین حس بهتری از خرید خود دریافت میکند.میتوان گفت وجود تصاویر از محصول بسیار مهم تر از وجود توضیحات است. زیرا کاربر ترجیح جزئیات بیشتری از محصول مشاهده کند تا مطالب بیشتر درباره ی آن بداند.5. افزودن توضیحات به محصولاتعلاوه بر تصاویر محصول، افزودن توضیحات به آن نیز مهم است. باید اطلاعاتی که هر فرد جهت خرید محصول به آن نیاز دارد را در کنار محصول اضافه کنید تا کاربر راحت تر بتواند تصمیم به خرید بگیرد. البته سعی کنید توضیحات محصول را مختصر کنید تا حوصله ی کاربر سر نرود.لازم به ذکر است که میتوانید از روش هایی برای افزودن اطلاعات طولانی استفاده کنید. از جمله این روش ها، بخش بندی توضیحات است. به این صورت که کاربر با توجه به نیاز خود، میتواند روی بخش مدنظر جهت مشاهده توضیحات مربوطه کلیک کند. به این ترتیب هم اطلاعاتی که به کاربر میدهید کامل و جامع خواهد بود؛ و هم توضیحات طولانی و کسل کننده نخواهد شد.6. ذکر شرایط بازگشت یا تعویض محصولاگر شما نسبت به محصولات خود اطمینان لازم را دارید؛ پس آن را به مشتریان خود نیز نشان دهید! با در نظر گرفتن شرایط بازگشت محصول، میتوانید اعتماد به محصول خود را در دل کاربر نیز ایجاد کنید. فراموش نکنید که نحوه ی بازگشت وجه را نیز برای مشتری توضیح دهید.همچنین شرایط تعویض محصول نیز میتواند حس خوبی در کاربر ایجاد کند که میتواند بنابر شرایطی تعویض محصول نیز داشته باشد. درصورتی که محصول دارای کارت گارانتی نیز هست، میتوانید این مورد را نیز به کاربر اعلام کنید.پس از مواردی مانند وجود کارت گارانتی، سایت بازی انفجار، تعویض محصول و مرجوع کردن آن غافل نشوید! زیرا این موارد کاربر را نسبت به خرید دلگرم میکند.7. ایجاد خرید ساده و مطمئنآخرین موردی که میخواهیم به آن بپردازیم، ایجاد خرید ساده و مطمئن است. با قرار دادن یک دکمه افزودن به سبد خرید در هر محصول، میتوانید انجام خرید را برای کاربر ساده کنید. در انتها نیز کاربر با مراجعه به سبد خرید خود میتواند آن را نهایی کند. البته لازم به ذکر است افزودن مواردی مانند روش های ارسال کالا و روش های پرداخت نیز در تجربه خرید کاربر بسیار مهم هستند.همچنین سعی کنید از نمایش فرم های ثبت نام طولانی به کاربر خودداری کنید؛ زیرا این امر میتواند در مواردی منجر به کنسل کردن خرید توسط کاربر شود. پس در فرم ثبت نام تنها موارد ضروری را از کاربر بخواهید و همچنین در هنگام خرید گزینه ای برای خرید به عنوان مهمان هم اضافه کنید تا کاربرانی که ثبت نام نکرده اند را مجبور به انجام اینکار نکرده باشید.با افزودن گواهینامه SSL به سایت خود میتوانید اعتماد کاربران را به سایت خود جلب کنید. همچنین وجود صفحه ای در سایت با محتوای آدرس، شماره تماس، ایمیل و راه های دیگر برقراری ارتباط با شما مانند گفتگوی آنلاین، میتواند این اعتماد را دوبرابر کند. پس از اینها غافل نشوید! Erfan Bahram Erfan Bahram Tue, 25 Apr 2023 19:52:47 +0330 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 در ویندوز پنجره جستجوگر فیگما باز میشه و هر چی که دلتون میخواد از اسم ابزار گرفته تا پلاگین ها رو میتونید سرچ کنید تا سریع تر بتونید پیداش کنید.به شدت کاربردیه و به شدت بهتون پیشنهاد میکنم حتما برای هر چیزی ازش استفاده کنی.امیدوارم این آموزش کوتاه بتونه کمکی در سرعت طراحیتون کرده باشه. Erfan Bahram 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 شرکت های معتبر دنیا بندازید حتما اسم این ابزارها رو تو لیستشون به عنوان نرم افزارهایی که باید باهاشون کار کنید خواهید دید.اگر حس میکنید ابزاری جاش تو این لیست خالیه حتما تو کامنتا بنویسید. Erfan Bahram Erfan Bahram Thu, 20 Jan 2022 13:08:11 +0330