Explore tens of thousands of sets crafted by our community.
User Interface Design Elements
25
Flashcards
0/25
Forms
Used to collect user information and facilitate interactions like search or login.
Images
Used to add context, illustrate content, and engage users visually.
Color
Used to convey mood, brand identity and to signify importance.
Spacing
Used to create visual breathing room for elements; affects readability and composition.
Texture
Used to add depth and dimension, simulating a tactile experience.
Icons
Used to communicate function and content in a visual shorthand.
Typography
Used for readability, accessibility, and brand expression. Involved in hierarchy.
Grids
Used to create alignment and consistency in layouts, ensuring aesthetic and functional harmony.
Shape
Used to represent interactive elements and can influence aesthetic and usability.
Buttons
Used for interactions, enabling users to take action and make choices.
Animations
Used to attract attention, guide users through tasks and enhance the user experience.
Contrast
Used to differentiate elements, highlight importance, and aid with readability and accessibility.
Balance
Used to create stability and structure in the design, making the experience more enjoyable for the user.
Navigation
Used to help users find information and features within the app or website.
Hierarchy
Used to guide users' attention to important elements by varying size, color, and other visual properties.
Scalability
Used to ensure the design adapts effectively across different devices and screen sizes.
Alignment
Used to create a cohesive and polished look by ensuring elements are on a common axis or grid.
White Space
Used to improve readability and content prioritization by giving visual elements room to breathe.
Accessibility
Used to enable users of all abilities to navigate, understand, and interact with the product.
Layers
Used to create depth or focus on interactive design through stacking different elements.
Modals
Used to capture user focus on a single task, notice or form, often overlaying the main content.
Consistency
Used to create cognitive ease and a more intuitive experience by unifying styles across the interface.
Transparency
Used to create overlapping effects without the loss of content, providing depth in the UI.
Simplicity
Used to make interfaces more intuitive and efficient by stripping away non-essential elements.
Feedback
Used to communicate with users about their interactions or the system status.
© Hypatia.Tech. 2024 All rights reserved.