TGViewer
فلسفه دیزاین فلسفه دیزاین @dexign · 7.02K subscribers
Post #1142 3.24K
اتو لی‌اوت کارت‌ها در فیگما

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

اولین کار در طراحی هر چیزی آن‌ است که به صورت اتم‌وار تمام اجزای تشکیل‌دهنده را مشخص کنیم، سپس اتم‌هایی که امکان ترکیب شدن با یکدیگر و تشکیل یک گروه معنادار را دارند را درنظر بگیریم، (مثلا گروهی که شامل یک اتم آواتار و یک اتم نام و نام‌خانوادگی نویسنده است) و در هرکدام از آنها اتولی‌اوت را استفاده کنیم.

🔗 مراحل گام‌به‌گام و تصویری نحوه اتولی‌اوت کردن یک کارت را می‌توانید اینجا مشاهده کنید.

(زمان حدودی مطالعه: ۹ دقیقه)

گردآورنده: فروزان فاضلی

#UI
#رابط_کاربر #دیزاین_سیستم #کارت

@Dexign فلسفه دیزاین

______
Medium How to create responsive cards with the help of auto-layout in Figma? We will be creating a card design inside Figma using auto-layout which will be fully responsive.
  • 👍 10
  • 🔥 2
  • ⚡ 1
More from @dexign
  1. Jan 7, 2026چرا کارفرمایان طراحانی را می‌خواهند که مانند مدیر محصول فکر کنند، نه توسعه‌دهنده؟ در دنیای…
  2. Dec 31, 2025هیرو سکشن‌ها مرده‌اند. این راه‌حل‌ها جایگزین شده‌اند باید از هیروهای عریض فاصله گرفت وقتی…
  3. Dec 27, 2025درس‌های UX از زندگی روزمره بیشتر افراد UX را فقط مربوط به اپلیکیشن‌ها، وبسایت‌ها یا داشبور…
  4. Dec 24, 2025۳ قابلیت شگفت‌انگیز جدید ChatGPT که حتماً باید امتحان کنید در بحبوحه‌ی سروصدای انتشار GPT-…
  5. Dec 20, 2025سیستم طراحی تو حالا می‌تواند با هوش مصنوعی صحبت کند! از چسب انسانی بودن بین ابزارهای جداگا…
  6. Dec 17, 2025باهوش‌ترین آدم‌هایی که می‌شناسم، دنبال مهارتی‌اند که زمانی بی‌فایده تصور می‌شد! همان فناور…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →