جلسه ی 18 آموزش فیگما / طراحی ریسپانسیو در فیگما | Responsive design in Figma

درود به شما همراهان گرامی. در این ویدئو از دوره رایگان آموزش طراحی رابط و تجربه کاربری، قصد داریم اتولیاوت در فیگما را به صورت عملی و کاربردی برای طراحی uiux آموزش دهیم. ویدئو مجزای دیگری نیز برای طراحی ریسپانسیو تهیه شده است که پس از این ویدئو درج شده است. محدودیت‌ها یا Constraints ویژگی Constraints در Figma به شما این امکان را می‌دهد که تعیین کنید یک عنصر چگونه باید در یک Frame قرار گیرد یا اندازه شود. به این ترتیب، می‌توانید عناصر را در یک Frame به صورت ایستا یا پویا قرار دهید. به عنوان مثال، می‌توانید یک دکمه را در داخل یک کارت قرار دهید تا عرض دکمه با اندازه کارت افزایش یابد. یا، دکمه می‌تواند به همان اندازه باقی بماند. (توصیف Constraints و Auto Layout فیگما به صورت متنی کمی دشوار است، حتما توصیه می‌کنم ویدئو را مشاهده بفرمائید). همچنین آموزش پروژه محور فیگما در سایت به صورت رایگان قرار داده شده است. بدون شک این آموزش کمک بسیاری در یادگیری طراحی به شما خواهد کرد. قابلیت Auto layout فیگما و کمک به طراحی Responsive هنگام استفاده از Auto Layout لازم نیست اندازه هر شی را به صورت دستی تنظیم کنید. این کار را به طور خودکار با توجه به مشخصات شما انجام می‌دهد. هنگام کار با UIKitها، طراحی‌های واکنشگرا و پیچیده، در زمان و تلاش شما صرفه جویی می‌کند. با دکمه Shift + A می‌توانید یک Frame یا هر عنصر دیگری را Auto Layout کنید. بعد از انجام این کار، شما مقدار فاصله بین عناصر یا Margin و فاصله اطراف (داخل فریم) یا Padding را می‌توانید تعیین کنید. ✅ هر سوالی داشتید در بخش کامنت ها بپرسید و این آموزش را برای دوستان علاقمند خود ارسال کنید. موفق باشید🌹 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 📖 منابع آموزشی این ویدئو با ویدئو قبل یکسان است. بنابراین از تکرار آن جلوگیری کردیم. پیشنهاد می‌کنم برای تمرین، در ادامه ویدئو قبلی، ابتدا Auto Layout رو مسلط بشوید و تلاش کنید یک منوی ریسپانسیو مشابه آنچه در ویدئو دیدید را طراحی کنید. ✅ جلسه ی قبل👇    • جلسه ی 17 آموزش فیگما / اتولیاوت در فیگما ...   #فیگما #رابط_کاربری #تجربه_کاربری #دوره_رایگان_ui #دوره_رایگان_ux #آژانس_نوآوری_رسام #علیرضا_حمداللهی #آموزش_فیگما #کاربردپذیری #طراحی_سایت #اتولیاوت #figma #uiux #uiuxdesign #ui_design #ux_design #Alireza_Hamdollahi #ui #ux #usability #typography #autolayout #constraints #responsive #responsive_design