رابط کاربری

نحوه ایجاد و استفاده از کامپوننت‌ها در Figma برای مبتدیان

قاب را به‌عنوان یک بوم خالی تصور کنید که می‌توانید آن را تغییر دهید تا هر جزء که می‌خواهید باشد. uxdesign.cc

سهیل نجفی

بنیان‌گذار آکادمی طراحی دایره

۲۳ فروردین ۱۴۰۳۱ دقیقه مطالعه

ایجاد کامپوننت در Figma

قاب را به‌عنوان یک بوم خالی تصور کنید که می‌توانید آن را تغییر دهید تا هر جزء که می‌خواهید باشد.

نحوه ظاهر کامپوننت خود را از نظر رنگ مشخص کنید - تعیین رنگ جزء نباید فقط رنگ اصلی جزء باشد. همچنین باید سکته مغزی و تأثیراتی را که جزء باید داشته باشد در نظر بگیرید. دکمه من ضربه ای ندارد و تاثیری هم ندارد زیرا این دکمه اصلی است.

شعاع گوشه را افزایش دهید تا در نظر کاربران جذاب‌تر شود - با قرار دادن اجزای ما در صورت لزوم، طراحی ما را سفت‌تر و خوش‌آمدتر می‌کند. همچنین طراحی ما را مرتب تر و مینیمال می کند. به یاد داشته باشید، حداکثر مقدار برای شعاع گوشه ۵۰٪ از ارتفاع عنصر است.

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

ارتفاع خودکار - کادر متن خود را با توجه به تعداد خطوطی که متن می گیرد تنظیم می کند. عرض کادر متن را تعیین می کنیم. کادر متن ارتفاع خودکار همراه با مؤلفه ای استفاده می شود که به صورت عمودی گسترش می یابد.

اندازه ثابت - نام این جعبه متن از قبل خودش را تعریف می کند. ما زمانی از این نوع جعبه متن استفاده می کنیم که از قبل حداکثر تعداد کاراکترها را می دانیم یا از قبل اندازه دقیق اجزا را می دانیم. زمانی عالی است که بخواهیم اندازه جزء ما تغییرناپذیر باشد.