Logo
Pattern

Discover published sets by community

Explore tens of thousands of sets crafted by our community.

User Interface Design Elements

25

Flashcards

0/25

Still learning
StarStarStarStar

Forms

StarStarStarStar

Used to collect user information and facilitate interactions like search or login.

StarStarStarStar

Images

StarStarStarStar

Used to add context, illustrate content, and engage users visually.

StarStarStarStar

Color

StarStarStarStar

Used to convey mood, brand identity and to signify importance.

StarStarStarStar

Spacing

StarStarStarStar

Used to create visual breathing room for elements; affects readability and composition.

StarStarStarStar

Texture

StarStarStarStar

Used to add depth and dimension, simulating a tactile experience.

StarStarStarStar

Icons

StarStarStarStar

Used to communicate function and content in a visual shorthand.

StarStarStarStar

Typography

StarStarStarStar

Used for readability, accessibility, and brand expression. Involved in hierarchy.

StarStarStarStar

Grids

StarStarStarStar

Used to create alignment and consistency in layouts, ensuring aesthetic and functional harmony.

StarStarStarStar

Shape

StarStarStarStar

Used to represent interactive elements and can influence aesthetic and usability.

StarStarStarStar

Buttons

StarStarStarStar

Used for interactions, enabling users to take action and make choices.

StarStarStarStar

Animations

StarStarStarStar

Used to attract attention, guide users through tasks and enhance the user experience.

StarStarStarStar

Contrast

StarStarStarStar

Used to differentiate elements, highlight importance, and aid with readability and accessibility.

StarStarStarStar

Balance

StarStarStarStar

Used to create stability and structure in the design, making the experience more enjoyable for the user.

StarStarStarStar

Navigation

StarStarStarStar

Used to help users find information and features within the app or website.

StarStarStarStar

Hierarchy

StarStarStarStar

Used to guide users' attention to important elements by varying size, color, and other visual properties.

StarStarStarStar

Scalability

StarStarStarStar

Used to ensure the design adapts effectively across different devices and screen sizes.

StarStarStarStar

Alignment

StarStarStarStar

Used to create a cohesive and polished look by ensuring elements are on a common axis or grid.

StarStarStarStar

White Space

StarStarStarStar

Used to improve readability and content prioritization by giving visual elements room to breathe.

StarStarStarStar

Accessibility

StarStarStarStar

Used to enable users of all abilities to navigate, understand, and interact with the product.

StarStarStarStar

Layers

StarStarStarStar

Used to create depth or focus on interactive design through stacking different elements.

StarStarStarStar

Modals

StarStarStarStar

Used to capture user focus on a single task, notice or form, often overlaying the main content.

StarStarStarStar

Consistency

StarStarStarStar

Used to create cognitive ease and a more intuitive experience by unifying styles across the interface.

StarStarStarStar

Transparency

StarStarStarStar

Used to create overlapping effects without the loss of content, providing depth in the UI.

StarStarStarStar

Simplicity

StarStarStarStar

Used to make interfaces more intuitive and efficient by stripping away non-essential elements.

StarStarStarStar

Feedback

StarStarStarStar

Used to communicate with users about their interactions or the system status.

Know
0
Still learning
Click to flip
Know
0
Logo

© Hypatia.Tech. 2024 All rights reserved.