JimLiu-baoyu-skills/skills/baoyu-infographic/references/layouts/dense-modules.md

3.6 KiB

dense-modules

High-density modular layout with 6-7 typed information modules packed with concrete data.

Structure

  • 6-7 distinct modules per image, each serving a specific information function
  • Every module contains concrete data: brand names, numbers, percentages, parameters
  • Minimal whitespace—compact spacing prioritized over breathing room
  • Smaller text acceptable to maximize information density
  • Each module identified by coordinate label or section marker (e.g., MOD-1, SEC-A)

Module Archetypes

Module Purpose Content Requirements
Brand/Selection Array Grid of options with recommendations 4-8 items with icons, names, brief descriptions; highlight "best choice"
Specification Scale Quality/measurement gauge 3-5 levels with precise numerical increments, quality indicators (emoji faces, checkmarks)
Deep Dive/Detail Technical breakdown of key item Zoom-in callouts, internal components, cross-section or exploded view
Scenario Comparison Side-by-side use cases 3-6 scenarios with specific recommendations and data per scenario
Identification Tips How-to checklist 3-5 inspection methods: look/test/check/ask format
Warning/Pitfall Zone Critical mistakes to avoid 3-5 pitfalls with consequences, 1-2 correct approaches; high visual contrast
Quick Reference Compact summary Dense table, one-line summaries, decision flowchart, or key takeaways

Variants

Variant Focus Visual Emphasis
Coordinate-labeled Precision and systematicity Each module has alphanumeric coordinate (A-01, B-05, C-12), ruler/axis markers
Grid-cell Order and structure Modules in strict rectangular cells divided by thick lines, Swiss grid feel
Free-flowing Organic density Magazine-style layout with dotted frames, varying module sizes, connected by arrows

Best For

  • Product selection guides and buying guides
  • Multi-dimensional comparison content
  • Data-rich educational materials
  • "Avoid pitfalls" / "complete guide" formats
  • Content targeting platforms like Xiaohongshu with high-density visual requirements

Visual Elements

  • Module boundary markers (thick lines, dotted frames, or coordinate grids)
  • Quality indicators per module (emoji faces, checkmarks, crosses, crowns)
  • Data callout boxes with highlighted numbers
  • Comparison arrows and progression indicators
  • Warning/alert visual markers for pitfall modules
  • Metadata in corners (page numbers, timestamps, small barcodes)

Text Placement

  • Main title at top, prominent and impactful
  • Subtitle with module count ("X大维度全面解析...")
  • Module headers inside colored badges or labeled frames
  • Body text compact, multiple columns within modules
  • Numbers highlighted with accent colors, slightly larger than body text

Information Density Rules

  • Every corner should contain useful information or metadata
  • No decorative-only empty space
  • Text size may be reduced to fit more content—information over font size
  • Each module must have specific data points, not generic descriptions
  • Balance between density and readability: dense but organized
  • pop-laboratory: Technical precision with coordinate markers and blueprint grid
  • morandi-journal: Hand-drawn warmth with doodle illustrations and organic frames
  • retro-pop-grid: 1970s pop art with strict grid cells and bold contrast
  • corporate-memphis: Clean business feel for product comparisons
  • technical-schematic: Engineering precision for technical product guides