Layout

UI Elements

Components of a user interface including buttons, text fields, and layout structures that facilitate user interactions.

Design Systems

A collection of reusable components and design patterns that ensure consistency and coherence in design.

Grid System

A framework used to structure content in a systematic way for better alignment and balance.

Margins

The space surrounding the grid, providing a frame for the content on the screen.

Gutters

The vertical spaces between columns that prevent elements from overlapping.

Padding

The space inside columns that acts as a cushion between the content and the edges.

Responsive Design

An approach to web design that ensures layout and content adapt to different screen sizes.

Breakpoints

Defined points where the layout must adjust as the size of the screen changes.

8pt Grid

A design system that provides a consistent spacing framework for layout elements.

12 Column Grid

An industry standard for desktop layout allowing for varied and interesting designs.

Alignment in UI

The arrangement of UI elements in a way that conveys order and improves usability.

Consistent Spacing

Uniform margins and padding to create a cohesive and professional design.

Usability Heuristics

General principles for creating user-friendly interfaces that enhance usability.

Material Design

A design language developed by Google that utilizes the 8pt grid system for consistency across products.

Fluid Layout

A responsive design approach where elements maintain their proportions regardless of screen size.

Visual Editor

A tool that allows designers to create and manipulate interface elements without direct code writing.

Whitespace

Empty space in a design that gives breathing room, helping to enhance user experience.