58UXD
58UXD
Mar 14, 2023 · Fundamentals

How Visual Flow Shapes UI: From Gutenberg to F‑ and Z‑Models

The article explains visual flow concepts—originating from interior design and Gutenberg’s printing principles—and describes how the Gutenberg, F‑shaped, and Z‑shaped models guide UI layout on both web and mobile, offering practical examples and tips for designers to improve readability and user experience.

F-shaped modelGutenberg principleUI design
0 likes · 7 min read
How Visual Flow Shapes UI: From Gutenberg to F‑ and Z‑Models
Suning Design
Suning Design
Feb 26, 2021 · Fundamentals

Boost E‑commerce Promotion Page Engagement with Strategic Visual Flow Design

This article explores how applying offline store traffic‑flow concepts—such as Z‑shaped browsing paths, clear visual hierarchies, dead‑zone avoidance, and micro‑animations—can extend user dwell time and reduce visual fatigue on large‑scale e‑commerce promotion pages.

UX designe-commercelayout principles
0 likes · 9 min read
Boost E‑commerce Promotion Page Engagement with Strategic Visual Flow Design