跳到主要内容

宝玉知识信息图

收藏0

将流程、对比、知识点和用户提供的数据整理成信息图,选择适合的布局与视觉风格,产出绘图提示词并调用已有工具生成。

让 AI 安装

github最新版本 0.1.0更新于 2026-10-24下载 1 次

references/layouts/dense-modules.md

3.7 KB查看源码

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#

ModulePurposeContent Requirements
Brand/Selection ArrayGrid of options with recommendations4-8 items with icons, names, brief descriptions; highlight "best choice"
Specification ScaleQuality/measurement gauge3-5 levels with precise numerical increments, quality indicators (emoji faces, checkmarks)
Deep Dive/DetailTechnical breakdown of key itemZoom-in callouts, internal components, cross-section or exploded view
Scenario ComparisonSide-by-side use cases3-6 scenarios with specific recommendations and data per scenario
Identification TipsHow-to checklist3-5 inspection methods: look/test/check/ask format
Warning/Pitfall ZoneCritical mistakes to avoid3-5 pitfalls with consequences, 1-2 correct approaches; high visual contrast
Quick ReferenceCompact summaryDense table, one-line summaries, decision flowchart, or key takeaways

Variants#

VariantFocusVisual Emphasis
Coordinate-labeledPrecision and systematicityEach module has alphanumeric coordinate (A-01, B-05, C-12), ruler/axis markers
Grid-cellOrder and structureModules in strict rectangular cells divided by thick lines, Swiss grid feel
Free-flowingOrganic densityMagazine-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
  • retro-popup-pop: Vintage desktop popups with chunky pixel UI for retro-tech dense guides
  • corporate-memphis: Clean business feel for product comparisons
  • technical-schematic: Engineering precision for technical product guides

文件内容是平台检查时读出的文本,只供查看。平台不会运行包里的任何脚本或程序。