🪜 Interface Structure

Kita tahu sebuah rumah disusun dari pondasi, bata, pintu, atap dan lainnya. Banyak sekali komponen yang ada pada sebuah desain UI serta terminologi yang umumnya digunakan.

Beberapa bagian dari Interface Structure:

• Atomic Design

  • Atom

  • Molecule

  • Organism

  • Templates

  • Pages

• Wireframe

  • Low-fidelity

  • Components

• UI Elements: A Comprehensive Glossary

  • 4 Categories UI Elements

    • Input Controls

    • Navigational Components

    • Informational Component

    • Containers

  • Action Terms

    • Click/Tap

    • Drag

    • Hold

    • Press

    • Swipe

    • Type

  • Identifier Terms

    • Button

    • Dialogue

    • Field

    • Icon

    • Navbar

    • Pane

    • Panel

    • Tab

    • Wizard

  • Input Elements

    • Checkbox

    • Confirmation Dialogues

    • Dropdown

    • Input Field

      • Password

      • Phone

      • Search

      • Text

    • Picker

      • Date

      • Time

    • Radio Button

    • Radio Button

    • Slider

    • Toggle

  • Output Elements

    • Alert

    • Error Messages

    • Success Messages

    • Warning Messages

  • Helper Elements

    • Navigational

      • Bento Menu

      • Breadcrumbs

      • Hamburger Menu

      • Kebab Menu

      • Link

      • Meatball Menu

      • Pagination

      • Sidebar

      • Stepper

    • Informational

      • Accordion

      • Avatar

      • Banner

      • Carousel

      • Chips

      • Comment

      • Hero

      • Icon

      • Lists

      • Loader

      • Modal

      • Notification

      • Onboarding

      • Progress Bar

      • Tag

      • Tooltip

    • Group/Container

      • Card

      • Divider