Chapter 1 quiz Flashcards
Container
An element that holds and separates content, often used to set a maximum width for layouts
Logo
A graphical symbol or emblem that represents a company, product, or brand
Branding
The practice of creating a name, symbol or design that identifies and distinguishes a product or company from others
Identity
The visual components associated with a brand, often represented in branding guidelines
Navigation
Elements of a webpage that guide users through its content, typically menus, links, and buttons
Fold
The part of a webpage visible without scrolling. Content “above the fold” is immediately visible
Content
Information on a webpage, including text, images, videos, and any other media
Footer
The section at the bottom of a webpage, usually containing links, contact, and copyrights
Whitespace
Empty space in a design, helping content to breathe and improving readability
Grid
A framework made of intersecting vertical and horizontal lines, used in design for alignment and consistency
Rule of Thirds
A design principle dividing a space into thirds, placing the focal point on one of these divisions
Wireframes
A basic layout representation of a webpage of app’s structure
CSS Framework
A pre-prepared library used to simplify and speed up CSS development
Proximity
The closeness of elements, implying a relationship between them.
Repetition
Consistent use of design elements to create a cohesive feel
Placement
Positioning of elements in design
Continuance
A design principle where elements guide the viewer’s eye in a continuous, uninterrupted flow
Isolation
Highlighting an element by separating it from others
Masonry Layout
A grid layout where each gird item can be a different size, similar to a masonry brick wall
Parallax Scrolling
A visual effect where the background moves slower than the foreground when scrolling
Responsive Design
Designing websites to adjust and look good on all devices and screen sizes
Media Queries
CSS techniques used in responsive design to apply styles based on device characteristics
Breakpoints
Specific points in the design where the layout adjusts to fit screen sizes or devices
SVG (Scalable Vector Graphics)
An XML-based vector image format that scales without losing clarity
Typer of Balance and Symmetry
- Symmetrical Balance: Elements are mirrored on both sides of a design.
- Asymmetrical Balance: Different elements are used on either side, yet still achieve balance
- Radial Balance: Elements radiate from a central point
- Crystallographic Balance: a repeated design element, creating a sense of balance
