رابط کاربری
نحوه ایجاد و استفاده از کامپوننت‌ها در Figma برای مبتدیان
قاب را به‌عنوان یک بوم خالی تصور کنید که می‌توانید آن را تغییر دهید تا هر جزء که می‌خواهید باشد. uxdesign.cc
۲۳ فروردین ۱۴۰۳۱ دقیقه مطالعه
ایجاد کامپوننت در Figma
با یک قاب شروع کنید
قاب را به‌عنوان یک بوم خالی تصور کنید که می‌توانید آن را تغییر دهید تا هر جزء که می‌خواهید باشد.
- نحوه ظاهر کامپوننت خود را از نظر رنگ مشخص کنید - تعیین رنگ جزء نباید فقط رنگ اصلی جزء باشد. همچنین باید سکته مغزی و تأثیراتی را که جزء باید داشته باشد در نظر بگیرید. دکمه من ضربه ای ندارد و تاثیری هم ندارد زیرا این دکمه اصلی است.
- شعاع گوشه را افزایش دهید تا در نظر کاربران جذاب‌تر شود - با قرار دادن اجزای ما در صورت لزوم، طراحی ما را سفت‌تر و خوش‌آمدتر می‌کند. همچنین طراحی ما را مرتب تر و مینیمال می کند. به یاد داشته باشید، حداکثر مقدار برای شعاع گوشه ۵۰٪ از ارتفاع عنصر است.
در صورت نیاز یک فیلد متنی وارد کنید
- عرض خودکار - کادر متنی متن را به طور مرتب می پیچد. این نوع جعبه متن زمانی استفاده می‌شود که با یک مؤلفه طرح‌بندی خودکار جفت می‌شود که به صورت افقی گسترش می‌یابد تا بدون زحمت به نظر برسد و موقعیت اجزای داخل آن را به هم نریزد.
- ارتفاع خودکار - کادر متن خود را با توجه به تعداد خطوطی که متن می گیرد تنظیم می کند. عرض کادر متن را تعیین می کنیم. کادر متن ارتفاع خودکار همراه با مؤلفه ای استفاده می شود که به صورت عمودی گسترش می یابد.
- اندازه ثابت - نام این جعبه متن از قبل خودش را تعریف می کند. ما زمانی از این نوع جعبه متن استفاده می کنیم که از قبل حداکثر تعداد کاراکترها را می دانیم یا از قبل اندازه دقیق اجزا را می دانیم. زمانی عالی است که بخواهیم اندازه جزء ما تغییرناپذیر باشد.
برای تقویت واقعیت طراحی با حرکات طبیعی، انواع مختلفی اضافه کنید
استفاده از کامپوننت ها در Figma
فقط بکشید و رها کنید!
نوع مناسب را انتخاب کنید
uxdesign.cc
این مسیر را جدی‌تر ادامه بدهید
اگر این مقاله برایتان مفید بود، دوره‌های تخصصی دایره قدم بعدی است.
مشاهده دوره‌ها
