visual hierarchy

Rare Earth Juejin Tech Community

Jan 26, 2024 · Frontend Development

Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements

This article explains how visual hierarchy in UI design can be achieved by strategically using font weight, color, and contrast instead of size, offering practical examples of emphasizing primary elements, weakening secondary ones, handling label-value patterns, and applying semantic HTML for clearer, more effective interfaces.

TypographyUI designcolor contrast

0 likes · 8 min read

Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements

KooFE Frontend Team

Jul 19, 2023 · Frontend Development

Transform UI Design with 16 Simple Rules for Better Usability

This article translates the "16 Little UI Design Rules" into practical guidelines, showing how applying spacing, consistency, contrast, typography, and accessibility principles can dramatically improve the usability and visual hierarchy of a short‑term rental property detail page.

UI designaccessibilitydesign principles

0 likes · 16 min read

Transform UI Design with 16 Simple Rules for Better Usability

政采云技术

Dec 15, 2022 · Frontend Development

Visual Hierarchy: Building Effective Information Architecture for UI Design

Visual hierarchy is fundamental to building effective information architecture, helping designers structure and organize interface elements through size, color, contrast, spacing, proximity, and weight to create clear, professional, and visually appealing pages.

UI designdesign principlesfrontend development

0 likes · 2 min read

Visual Hierarchy: Building Effective Information Architecture for UI Design