Explore tens of thousands of sets crafted by our community.
User Interface Design Elements
25
Flashcards
0/25
Color
Used to convey mood, brand identity and to signify importance.
Typography
Used for readability, accessibility, and brand expression. Involved in hierarchy.
Spacing
Used to create visual breathing room for elements; affects readability and composition.
Shape
Used to represent interactive elements and can influence aesthetic and usability.
Texture
Used to add depth and dimension, simulating a tactile experience.
Grids
Used to create alignment and consistency in layouts, ensuring aesthetic and functional harmony.
Buttons
Used for interactions, enabling users to take action and make choices.
Icons
Used to communicate function and content in a visual shorthand.
Forms
Used to collect user information and facilitate interactions like search or login.
Animations
Used to attract attention, guide users through tasks and enhance the user experience.
Images
Used to add context, illustrate content, and engage users visually.
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.
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.
Alignment
Used to create a cohesive and polished look by ensuring elements are on a common axis or grid.
Consistency
Used to create cognitive ease and a more intuitive experience by unifying styles across the interface.
Feedback
Used to communicate with users about their interactions or the system status.
Modals
Used to capture user focus on a single task, notice or form, often overlaying the main content.
Scalability
Used to ensure the design adapts effectively across different devices and screen sizes.
Layers
Used to create depth or focus on interactive design through stacking different elements.
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.
Accessibility
Used to enable users of all abilities to navigate, understand, and interact with the product.
White Space
Used to improve readability and content prioritization by giving visual elements room to breathe.
© Hypatia.Tech. 2024 All rights reserved.