چرا سکان آکادمی؟
عناصر رابط کاربری (UI Elements)

عناصر رابط کاربری (UI Elements)

در طول این دوره، ما چندبار از عبارت عناصر UI استفاده کرده‌ایم. حال، بیایید ببینیم که آنها دقیقا چه هستند؟

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

چهار دسته‌بندی اصلی از عناصر UI وجود دارد:

  1. کلیدهای ورودی (Input Controls)
  2. اجزای ناوبری (Navigation Components)
  3. اجزای اطلاعاتی (Informational Components)
  4. Containerها

بیایید کمی دقیق‌تر به این موارد نگاه کنیم:

  • کلیدهای ورودی به کاربران اجازه می‌دهند تا اطلاعات را به سیستم وارد کنند. آنها شامل منوهای کشویی (Drop-down Menus)، فرم‌ها و دکمه‌ها می‌شوند. مانند طراحی‌هایی که روی صفحه‌ی اپلیکیشن خودتان انجام خواهید داد.
  • اجزای ناوبری به کاربران کمک می‌کنند تا در یک اپلیکیشن یا وبسایت حرکت کنند و جابه‌جا شوند. آنها شامل Tabها یا منوهای همبرگری(Hamburger Menus) می‌شوند.
  • اجزای اطلاعاتی، اطلاعات را با کاربران به اشتراک می‌گذارند، مانند پیام‌های پاپ‌آپ (Pop-up) یا نوار پیشرفت (Progress Bar) 
  • Containerها محتوای مرتبط را کنارهم نگه می‌دارند.

برای کسب اطلاعات بیشتر درباره‌ی عناصر طراحی UI، به واژه‌نامه‌ی عناصر طراحی UI در Careerfoundry نگاهی بی‌اندازید.