Перейти к содержимому

جلسه ی 16 آموزش فیگما figma / وکتورها + معرفی منابع و پلاگین | Vector in UI Design

Alireza Hamdollahi

0:00 / 0:00

جلسه ی 16 آموزش فیگما figma / وکتورها + معرفی منابع و پلاگین | Vector in UI Design

380 просмотров · 1 г. назад
Alireza Hamdollahi
3,01 тыс. подписчиков
380 просмотров · 1 г. назад
درود به شما همراهان گرامی. در این ویدئو از دوره رایگان آموزش طراحی رابط و تجربه کاربری، قصد داریم استفاده از تصاویر رئال و پیکسلی را در فیگما برای طراحی uiux را آموزش دهیم. این آموزش با معرفی منابع و پلاگین‌های بسیار مفید و کاربری همراه است. تصاویر وکتوری و پیکسلی تصاویری که با دوربین دیجیتال گرفته شده‌اند و به‌طور کل تصاویری که واقعی هستند را رئال می‌گویند. این تصاویر از رنگ‌دانه یا همان پیکسل‌های مربعی تشکیل شده‌اند که هرچه تعداد و تفکیک‌پذیری (resolution) این تصاویر بیشتر باشد، قابلیت زوم بیشتری نیز دارند و دیرتر کیفیت آن‌ها افت می‌کند. برخلاف تصاویر واقعی که به آن‌ها پیکسلی و raster نیز گفته می‌شود، تصاویر وکتوری وجود دارد که از رنگ و خطوط تشکیل شده و هیچ‌وقت افت کیفیت نمی‌دهند. برای هر دو نوع، منابع بسیاری وجود دارد که معرفی خواهیم کرد. تصاویر وکتوری – Vectors تصاویر وکتوری به شما کمک می‌کنند که با کیفیت بالا و حجم کم، بتوانید مفهومی را به صورت مصور، به کاربران خود منتقل کنید. این تصاویر با نرم‌افزار ایلاستریتور البته نرم‌افزارهای مشابه، طراحی می‌شود. با استفاده از وب‌سایت‌هایی مانند freepik.com می‌توانید وکتورهای زیادی را دانلود کنید. البته این وب‌سایت تصاویر رئال نیز دارد. از وبسایت‌های دیگری همچون storyset.com و undraw.co نیز می‌توانید وکتور دانلود کنید. البته پلاگین‌های زیادی نیز وجود دارد که با استفاده از آن‌ها، می‌توانید منابع وکتوری ارزشمندی را به فیگما اضافه کنید. اگر به عنوان طراح در زمینه طراحی سایت یا طراحی رابط کاربری کار می‌کنید، بهتر است از تصاویر مناسب برای این کار استفاده کنید. پلاگین‌های فیگما برای تصاویر فیگما با موضوعات مختلفی، برای تصاویر پلاگین دارد. مثلا پلاگین‌هایی مانند remove bg بک‌گراند تصاویر را حذف می‌کنند. storyset نیز داخل فیگما پلاگین دارد و تصاویر وکتوری با کیفیتی را به شما ارائه می‌کند. drawkit و iconscout نیز وکتورهای جذاب و دوست‌داشتنی دارند که موارد رایگان زیادی در خود دارند. این دو پلاگین، وب‌سایت نیز دارند. پلاگین icons8 نیز به جز ارائه آیکن، تصاویر رئال و تصاویر وکتوری زیادی دارد که می‌توانید استفاده کنید. داخل ویدئوهای این جلسه، موارد زیاد دیگری نیز معرفی شده‌اند. به شما پیشنهاد می‌کنیم آموزش رایگان نرم افزار فیگما را ببینید تا کار با پلاگین‌ها و طراحی برای شما راحت‌تر شود. ✅ هر سوالی داشتید در بخش کامنت ها بپرسید و این آموزش را برای دوستان علاقمند خود ارسال کنید. موفق باشید🌹 uiux uiux design uiuxfigma uiux tutorial for beginners figma figma tutorial figma tutorial for beginners figma tutorial step by step figma course figma 2025 figma color style فیگما آموزش فیگما آموزش uiux آموزش uiux با فیگما رابط کاربری تجربه ی کاربری طراحی سایت آموزش رایگان uiux آموزش رایگان فیگما آموزش فیگما پروژه محور آموزش فیگما برای طراحی سایت آموزش فیگما 2025 آموزش فیگما فارسی آموزش کامل فیگما و uiux 📖 معرفی منابع و تمرین برای این جلسه پس از دیدن ویدئوهای این جلسه، پلاگین‌های مرتبط بیان شده در ویدئو را در فیگما استفاده و تمرین کنید. افزون بر این، دو مقاله زیر که در خصوص تفاوت تفاوت وکتور و تصاویر رئال و در مقاله دیگر، فرمت‌های تصویری با یکدیگر را مطالعه کنید و اگر سوالی داشتید بپرسید. https://vector-conversions.com/vector... https://developer.mozilla.org/en-US/d... ✅ جلسه ی قبل👇    • جلسه ی 15 آموزش فیگما Figma / تصاویر + معر...   #فیگما #رابط_کاربری #تجربه_کاربری #دوره_رایگان_ui #دوره_رایگان_ux #آژانس_نوآوری_رسام #علیرضا_حمداللهی #آموزش_فیگما #کاربردپذیری #طراحی_سایت #تایپوگرافی #وکتور #figma #uiux #uiuxdesign #ui_design #ux_design #Alireza_Hamdollahi #ui #ux #usability #typography #icon #vector