Skill Tracer
Skills › Scientific Agent Skills › latex-posters › poster_design_principles.md

poster_design_principles.md

765 lines · skills/latex-posters/references/poster_design_principles.md at 5f2bc03

Open on GitHub
1# Research Poster Design Principles
2
3Reviewed 2026-09-30. Design numbers are starting points, not measured guarantees.
4Code fragments are illustrative; use the bundled tested templates as the executable
5starting point. Replace example names, statistics, citations, URLs, and assets with
6verified project content.
7

Research Poster Design Principles

Reviewed 2026-09-30. Design numbers are starting points, not measured guarantees. Code fragments are illustrative; use the bundled tested templates as the executable starting point. Replace example names, statistics, citations, URLs, and assets with verified project content.

Raw lines 1 to 7
8## Overview
9
10Effective poster design balances visual appeal, readability, and scientific content. This guide covers typography, color theory, visual hierarchy, accessibility, and practical design starting points for research posters.

Overview

Effective poster design balances visual appeal, readability, and scientific content. This guide covers typography, color theory, visual hierarchy, accessibility, and practical design starting points for research posters.

Raw lines 8 to 11
12## Core Design Principles

Core Design Principles

Raw lines 12 to 13
14### 1. Visual Hierarchy
16Guide viewers through content in logical order using size, color, position, and contrast.
18**Hierarchy Levels**:
201. **Primary (Title)**: Largest, most prominent
21 - Size: 72-120pt
22 - Position: Top center or top spanning
23 - Weight: Bold
24 - Purpose: Capture attention from 20+ feet
262. **Secondary (Section Headers)**: Organize content
27 - Size: 48-72pt
28 - Weight: Bold or semi-bold
29 - Purpose: Section navigation, readable from 10 feet
313. **Tertiary (Body Text)**: Main content
32 - Size: 24-36pt minimum
33 - Weight: Regular
34 - Purpose: Detailed information, readable from 4-6 feet
364. **Quaternary (Captions, References)**: Supporting info
37 - Size: 18-24pt
38 - Weight: Regular or light
39 - Purpose: Context and attribution
41**Implementation**:
42```latex
43% Illustrative Beamer font settings; sizes depend on class and poster scale.
44\setbeamerfont{title}{size=\VeryHuge,series=\bfseries}
45\setbeamerfont{block title}{size=\Huge,series=\bfseries}
46\setbeamerfont{block body}{size=\LARGE}
47\setbeamerfont{caption}{size=\large}
48```

1. Visual Hierarchy

Guide viewers through content in logical order using size, color, position, and contrast.

Hierarchy Levels:

  1. Primary (Title): Largest, most prominent
  2. Size: 72-120pt
  3. Position: Top center or top spanning
  4. Weight: Bold
  5. Purpose: Capture attention from 20+ feet
  1. Secondary (Section Headers): Organize content
  2. Size: 48-72pt
  3. Weight: Bold or semi-bold
  4. Purpose: Section navigation, readable from 10 feet
  1. Tertiary (Body Text): Main content
  2. Size: 24-36pt minimum
  3. Weight: Regular
  4. Purpose: Detailed information, readable from 4-6 feet
  1. Quaternary (Captions, References): Supporting info
  2. Size: 18-24pt
  3. Weight: Regular or light
  4. Purpose: Context and attribution

Implementation:

% Illustrative Beamer font settings; sizes depend on class and poster scale.
\setbeamerfont{title}{size=\VeryHuge,series=\bfseries}
\setbeamerfont{block title}{size=\Huge,series=\bfseries}
\setbeamerfont{block body}{size=\LARGE}
\setbeamerfont{caption}{size=\large}
Raw lines 14 to 49
50### 2. White Space (Negative Space)
52Empty space is not wasted space—it enhances readability and guides attention.
54**White Space Functions**:
55- **Breathing room**: Prevents overwhelming viewers
56- **Grouping**: Shows which elements belong together
57- **Focus**: Draws attention to important elements
58- **Flow**: Creates visual pathways through content
60**Guidelines**:
61- Keep a safe margin required by the printer, then choose padding for readability
62- Consistent spacing between blocks (1-2cm)
63- Space around figures equal to or greater than border width
64- Group related items closely, separate unrelated items
65- Don't fill every inch—aim for 40-60% text coverage
67**LaTeX Implementation**:
68```latex
69% beamerposter spacing
70\setbeamertemplate{block begin}{
71 \vskip2ex % Space before block
72 ...
75% tikzposter spacing
76\documentclass[..., blockverticalspace=15mm, colspace=15mm]{tikzposter}
78% Manual spacing
79\vspace{2cm} % Vertical space
80\hspace{1cm} % Horizontal space
81```

2. White Space (Negative Space)

Empty space is not wasted space—it enhances readability and guides attention.

White Space Functions:

  • Breathing room: Prevents overwhelming viewers
  • Grouping: Shows which elements belong together
  • Focus: Draws attention to important elements
  • Flow: Creates visual pathways through content

Guidelines:

  • Keep a safe margin required by the printer, then choose padding for readability
  • Consistent spacing between blocks (1-2cm)
  • Space around figures equal to or greater than border width
  • Group related items closely, separate unrelated items
  • Don't fill every inch—aim for 40-60% text coverage

LaTeX Implementation:

% beamerposter spacing
\setbeamertemplate{block begin}{
  \vskip2ex  % Space before block
  ...
}

% tikzposter spacing
\documentclass[..., blockverticalspace=15mm, colspace=15mm]{tikzposter}

% Manual spacing
\vspace{2cm}  % Vertical space
\hspace{1cm}  % Horizontal space
Raw lines 50 to 82
83### 3. Alignment and Grid Systems
85Proper alignment creates professional, organized appearance.
87**Alignment Types**:
88- **Left-aligned text**: Most readable for body text (Western audiences)
89- **Center-aligned**: Headers, titles, symmetric layouts
90- **Right-aligned**: Rarely used, special cases only
91- **Justified**: Avoid (creates uneven spacing)
93**Grid Systems**:
94- **2-column**: Simple, traditional, good for narrative flow
95- **3-column**: Most common, balanced, versatile
96- **4-column**: Complex, information-dense, requires careful design
97- **Asymmetric**: Creative, modern, requires expertise
99**Best Practices**:
100- Align block edges to invisible grid lines
101- Keep consistent column widths (unless intentionally asymmetric)
102- Align similar elements (all figures, all text blocks)
103- Use consistent margins throughout

3. Alignment and Grid Systems

Proper alignment creates professional, organized appearance.

Alignment Types:

  • Left-aligned text: Most readable for body text (Western audiences)
  • Center-aligned: Headers, titles, symmetric layouts
  • Right-aligned: Rarely used, special cases only
  • Justified: Avoid (creates uneven spacing)

Grid Systems:

  • 2-column: Simple, traditional, good for narrative flow
  • 3-column: Most common, balanced, versatile
  • 4-column: Complex, information-dense, requires careful design
  • Asymmetric: Creative, modern, requires expertise

Best Practices:

  • Align block edges to invisible grid lines
  • Keep consistent column widths (unless intentionally asymmetric)
  • Align similar elements (all figures, all text blocks)
  • Use consistent margins throughout
Raw lines 83 to 104
105### 4. Visual Flow and Reading Patterns
107Design for natural eye movement and logical content progression.
109**Common Reading Patterns**:
111**Z-Pattern (Landscape posters)**:
112```
113Start → → → Top Right
114 ↓
115Middle Left → → Middle
116 ↓
117Bottom Left → → → End
118```
120**F-Pattern (Portrait posters)**:
121```
122Title → → → →
123↓
124Section 1 → →
125↓
126Section 2 → →
127↓
128Section 3 → →
129↓
130Conclusion → →
131```
133**Gutenberg Diagram**:
134```
135Primary Area Strong Fallow
136(top-left) (top-right)
137 ↓ ↓
138Weak Fallow Terminal Area
139(bottom-left) (bottom-right)
140```
142**Implementation Strategy**:
1431. Place most important content in "hot zones" (top-left, center)
1442. Create visual paths with arrows, lines, or color
1453. Use numbering for sequential information (Methods steps)
1464. Design left-to-right, top-to-bottom flow (Western audiences)
1475. Position conclusions prominently (bottom-right is natural endpoint)

4. Visual Flow and Reading Patterns

Design for natural eye movement and logical content progression.

Common Reading Patterns:

Z-Pattern (Landscape posters):

Start → → → Top Right
  ↓
Middle Left → → Middle
  ↓
Bottom Left → → → End

F-Pattern (Portrait posters):

Title → → → →
↓
Section 1 → →
↓
Section 2 → →
↓
Section 3 → →
↓
Conclusion → →

Gutenberg Diagram:

Primary Area     Strong Fallow
(top-left)       (top-right)
        ↓              ↓
Weak Fallow      Terminal Area
(bottom-left)    (bottom-right)

Implementation Strategy:

  1. Place most important content in "hot zones" (top-left, center)
  2. Create visual paths with arrows, lines, or color
  3. Use numbering for sequential information (Methods steps)
  4. Design left-to-right, top-to-bottom flow (Western audiences)
  5. Position conclusions prominently (bottom-right is natural endpoint)
Raw lines 105 to 148
149## Typography
151### Font Selection
153**Recommended Fonts**:
155**Sans-Serif (Recommended for posters)**:
156- **Helvetica**: Clean, professional, widely available
157- **Arial**: Similar to Helvetica, universal compatibility
158- **Calibri**: Modern, friendly, good readability
159- **Open Sans**: Contemporary, excellent web and print
160- **Roboto**: Modern, Google design, highly readable
161- **Lato**: Warm, professional, works at all sizes
163**Serif (Use sparingly)**:
164- **Times New Roman**: Traditional, formal
165- **Garamond**: Elegant, good for humanities
166- **Georgia**: Designed for screens, readable
168**Avoid**:
169- ❌ Comic Sans (unprofessional)
170- ❌ Decorative or script fonts (illegible from distance)
171- ❌ Mixing more than 2-3 font families
173**LaTeX Implementation**:
174```latex
175% Helvetica (sans-serif)
176\usepackage{helvet}
177\renewcommand{\familydefault}{\sfdefault}
179% Avant Garde (not Arial)
180\usepackage{avant}
181\renewcommand{\familydefault}{\sfdefault}
183% Modern fonts with fontspec (requires LuaLaTeX/XeLaTeX)
184\usepackage{fontspec}
185\setmainfont{Helvetica Neue}
186\setsansfont{Open Sans}
187```

Font Selection

Recommended Fonts:

Sans-Serif (Recommended for posters):

  • Helvetica: Clean, professional, widely available
  • Arial: Similar to Helvetica, universal compatibility
  • Calibri: Modern, friendly, good readability
  • Open Sans: Contemporary, excellent web and print
  • Roboto: Modern, Google design, highly readable
  • Lato: Warm, professional, works at all sizes

Serif (Use sparingly):

  • Times New Roman: Traditional, formal
  • Garamond: Elegant, good for humanities
  • Georgia: Designed for screens, readable

Avoid:

  • ❌ Comic Sans (unprofessional)
  • ❌ Decorative or script fonts (illegible from distance)
  • ❌ Mixing more than 2-3 font families

LaTeX Implementation:

% Helvetica (sans-serif)
\usepackage{helvet}
\renewcommand{\familydefault}{\sfdefault}

% Avant Garde (not Arial)
\usepackage{avant}
\renewcommand{\familydefault}{\sfdefault}

% Modern fonts with fontspec (requires LuaLaTeX/XeLaTeX)
\usepackage{fontspec}
\setmainfont{Helvetica Neue}
\setsansfont{Open Sans}
Raw lines 151 to 188
189### Font Sizing
191**Absolute Minimum Sizes** (readable from 4-6 feet):
192- Title: 72pt+ (85-120pt recommended)
193- Section headers: 48-72pt
194- Body text: 24-36pt (30pt+ recommended)
195- Captions/small text: 18-24pt
196- References: 16-20pt minimum
198**Testing Readability**:
199- Print at 25% scale
200- Read from 2-3 feet distance
201- If legible, full-scale poster will be readable from 8-12 feet
203**Font commands are class-dependent.** `\Large`, `\Huge`, and related commands
204change with the document class and poster scale; there is no universal point-size
205conversion table. `\VeryHuge` is provided by beamerposter, not ordinary LaTeX.
206For explicit control, use `\fontsize{30}{36}\selectfont` in the appropriate scope
207and verify the rendered PDF at final size.

Font Sizing

Absolute Minimum Sizes (readable from 4-6 feet):

  • Title: 72pt+ (85-120pt recommended)
  • Section headers: 48-72pt
  • Body text: 24-36pt (30pt+ recommended)
  • Captions/small text: 18-24pt
  • References: 16-20pt minimum

Testing Readability:

  • Print at 25% scale
  • Read from 2-3 feet distance
  • If legible, full-scale poster will be readable from 8-12 feet

Font commands are class-dependent. \Large, \Huge, and related commands change with the document class and poster scale; there is no universal point-size conversion table. \VeryHuge is provided by beamerposter, not ordinary LaTeX. For explicit control, use \fontsize{30}{36}\selectfont in the appropriate scope and verify the rendered PDF at final size.

Raw lines 189 to 208
209### Text Formatting Best Practices
211**Use**:
212- ✅ **Bold** for emphasis and headers
213- ✅ Short paragraphs (3-5 lines maximum)
214- ✅ Bullet points for lists
215- ✅ Adequate line spacing (1.2-1.5)
216- ✅ High contrast (dark text on light background)
218**Avoid**:
219- ❌ Italics from distance (hard to read)
220- ❌ ALL CAPS FOR LONG TEXT (SLOW TO READ)
221- ❌ Underlines (old-fashioned, interferes with descenders)
222- ❌ Long paragraphs (> 6 lines)
223- ❌ Light text on light backgrounds
225**Line Spacing**:
226```latex
227% Increase line spacing for readability
228\usepackage{setspace}
229\setstretch{1.3} % 1.3x normal spacing
231% Or in specific blocks
232\begin{spacing}{1.5}
233 Your text here with extra spacing
234\end{spacing}
235```

Text Formatting Best Practices

Use:

  • ✅ Bold for emphasis and headers
  • ✅ Short paragraphs (3-5 lines maximum)
  • ✅ Bullet points for lists
  • ✅ Adequate line spacing (1.2-1.5)
  • ✅ High contrast (dark text on light background)

Avoid:

  • ❌ Italics from distance (hard to read)
  • ❌ ALL CAPS FOR LONG TEXT (SLOW TO READ)
  • ❌ Underlines (old-fashioned, interferes with descenders)
  • ❌ Long paragraphs (> 6 lines)
  • ❌ Light text on light backgrounds

Line Spacing:

% Increase line spacing for readability
\usepackage{setspace}
\setstretch{1.3}  % 1.3x normal spacing

% Or in specific blocks
\begin{spacing}{1.5}
  Your text here with extra spacing
\end{spacing}
Raw lines 209 to 236
237## Color Theory for Posters

Color Theory for Posters

Raw lines 237 to 238
239### Color Psychology and Meaning
241Colors convey meaning and affect viewer perception:
243| Color | Associations | Use Cases |
244|-------|--------------|-----------|
245| **Blue** | Trust, professionalism, science | Academic, medical, technology |
246| **Green** | Nature, health, growth | Environmental, biology, health |
247| **Red** | Energy, urgency, passion | Attention, warnings, bold statements |
248| **Orange** | Creativity, enthusiasm | Innovative research, friendly approach |
249| **Purple** | Wisdom, creativity, luxury | Humanities, arts, premium research |
250| **Gray** | Neutral, professional, modern | Technology, minimal designs |
251| **Yellow** | Optimism, attention, caution | Highlights, energy, caution areas |

Color Psychology and Meaning

Colors convey meaning and affect viewer perception:

ColorAssociationsUse Cases
BlueTrust, professionalism, scienceAcademic, medical, technology
GreenNature, health, growthEnvironmental, biology, health
RedEnergy, urgency, passionAttention, warnings, bold statements
OrangeCreativity, enthusiasmInnovative research, friendly approach
PurpleWisdom, creativity, luxuryHumanities, arts, premium research
GrayNeutral, professional, modernTechnology, minimal designs
YellowOptimism, attention, cautionHighlights, energy, caution areas
Raw lines 239 to 252
253### Color Scheme Types
255**1. Monochromatic**: Variations of single hue
256- **Pros**: Harmonious, professional, easy to execute
257- **Cons**: Can be boring, less visual interest
258- **Use**: Conservative conferences, institutional branding
260```latex
261% Monochromatic blue scheme
262\definecolor{darkblue}{RGB}{0,51,102}
263\definecolor{medblue}{RGB}{51,102,153}
264\definecolor{lightblue}{RGB}{204,229,255}
265```
267**2. Analogous**: Adjacent colors on color wheel
268- **Pros**: Harmonious, visually comfortable
269- **Cons**: Low contrast, may lack excitement
270- **Use**: Nature/biology topics, smooth gradients
272```latex
273% Analogous blue-green scheme
274\definecolor{blue}{RGB}{0,102,204}
275\definecolor{teal}{RGB}{0,153,153}
276\definecolor{green}{RGB}{51,153,102}
277```
279**3. Complementary**: Opposite colors on wheel
280- **Pros**: High contrast, vibrant, energetic
281- **Cons**: Can be overwhelming if intense
282- **Use**: Drawing attention, modern designs
284```latex
285% Complementary blue-orange scheme
286\definecolor{primary}{RGB}{0,71,171} % Blue
287\definecolor{accent}{RGB}{255,127,0} % Orange
288```
290**4. Triadic**: Three evenly spaced colors
291- **Pros**: Balanced, vibrant, visually rich
292- **Cons**: Can appear busy if not balanced
293- **Use**: Multi-topic posters, creative fields
295```latex
296% Triadic scheme
297\definecolor{blue}{RGB}{0,102,204}
298\definecolor{red}{RGB}{204,0,51}
299\definecolor{yellow}{RGB}{255,204,0}
300```
302**5. Split-Complementary**: Base + two adjacent to complement
303- **Pros**: High contrast but less tense than complementary
304- **Cons**: Complex to balance
305- **Use**: Sophisticated designs, experienced designers

Color Scheme Types

1. Monochromatic: Variations of single hue

  • Pros: Harmonious, professional, easy to execute
  • Cons: Can be boring, less visual interest
  • Use: Conservative conferences, institutional branding
% Monochromatic blue scheme
\definecolor{darkblue}{RGB}{0,51,102}
\definecolor{medblue}{RGB}{51,102,153}
\definecolor{lightblue}{RGB}{204,229,255}

2. Analogous: Adjacent colors on color wheel

  • Pros: Harmonious, visually comfortable
  • Cons: Low contrast, may lack excitement
  • Use: Nature/biology topics, smooth gradients
% Analogous blue-green scheme
\definecolor{blue}{RGB}{0,102,204}
\definecolor{teal}{RGB}{0,153,153}
\definecolor{green}{RGB}{51,153,102}

3. Complementary: Opposite colors on wheel

  • Pros: High contrast, vibrant, energetic
  • Cons: Can be overwhelming if intense
  • Use: Drawing attention, modern designs
% Complementary blue-orange scheme
\definecolor{primary}{RGB}{0,71,171}     % Blue
\definecolor{accent}{RGB}{255,127,0}     % Orange

4. Triadic: Three evenly spaced colors

  • Pros: Balanced, vibrant, visually rich
  • Cons: Can appear busy if not balanced
  • Use: Multi-topic posters, creative fields
% Triadic scheme
\definecolor{blue}{RGB}{0,102,204}
\definecolor{red}{RGB}{204,0,51}
\definecolor{yellow}{RGB}{255,204,0}

5. Split-Complementary: Base + two adjacent to complement

  • Pros: High contrast but less tense than complementary
  • Cons: Complex to balance
  • Use: Sophisticated designs, experienced designers
Raw lines 253 to 306
307### High-Contrast Combinations
309Ensure readability with sufficient contrast:
311**Excellent Contrast (Use these)**:
312- Dark blue on white
313- Black on white
314- White on dark blue/green/purple
315- Dark gray on light yellow
316- Black on light cyan
318**Poor Contrast (Avoid)**:
319- ❌ Red on green (color-blind issue)
320- ❌ Yellow on white
321- ❌ Light gray on white
322- ❌ Blue on black (hard to read)
323- ❌ Any pure colors on each other
325**Conservative Contrast Targets**:
326- Aim for at least 4.5:1 for text, with 7:1 where practical
327- WCAG AA permits 3:1 for large text; print conditions also need evaluation
328- Test at: https://webaim.org/resources/contrastchecker/
330**LaTeX Color Contrast**:
331```latex
332% High contrast header
333\setbeamercolor{block title}{bg=black, fg=white}
335% Medium contrast body
336\setbeamercolor{block body}{bg=gray!10, fg=black}
338% Check contrast manually or use online tools
339```

High-Contrast Combinations

Ensure readability with sufficient contrast:

Excellent Contrast (Use these):

  • Dark blue on white
  • Black on white
  • White on dark blue/green/purple
  • Dark gray on light yellow
  • Black on light cyan

Poor Contrast (Avoid):

  • ❌ Red on green (color-blind issue)
  • ❌ Yellow on white
  • ❌ Light gray on white
  • ❌ Blue on black (hard to read)
  • ❌ Any pure colors on each other

Conservative Contrast Targets:

  • Aim for at least 4.5:1 for text, with 7:1 where practical
  • WCAG AA permits 3:1 for large text; print conditions also need evaluation
  • Test at: https://webaim.org/resources/contrastchecker/

LaTeX Color Contrast:

% High contrast header
\setbeamercolor{block title}{bg=black, fg=white}

% Medium contrast body
\setbeamercolor{block body}{bg=gray!10, fg=black}

% Check contrast manually or use online tools
Raw lines 307 to 340
341### Color-Blind Friendly Palettes
343Color-vision differences vary across people and populations; test distinctions with redundant encoding.
345**Safe Color Combinations**:
346- Blue + Orange (most universally distinguishable)
347- Blue + Yellow
348- Blue + Red
349- Purple + Green (use with caution)
351**Avoid**:
352- ❌ Red + Green (indistinguishable to most common color blindness)
353- ❌ Green + Brown
354- ❌ Blue + Purple (can be problematic)
355- ❌ Light green + Yellow
357**Recommended Palettes**:
359**Okabe-Ito Palette** (use redundant shapes/labels as well):
360```latex
361\definecolor{okorange}{RGB}{230,159,0}
362\definecolor{okskyblue}{RGB}{86,180,233}
363\definecolor{okgreen}{RGB}{0,158,115}
364\definecolor{okyellow}{RGB}{240,228,66}
365\definecolor{okblue}{RGB}{0,114,178}
366\definecolor{okvermillion}{RGB}{213,94,0}
367\definecolor{okpurple}{RGB}{204,121,167}
368```
370**Paul Tol's Bright Palette**:
371```latex
372\definecolor{tolblue}{RGB}{68,119,170}
373\definecolor{tolred}{RGB}{204,102,119}
374\definecolor{tolgreen}{RGB}{34,136,51}
375\definecolor{tolyellow}{RGB}{238,221,136}
376\definecolor{tolcyan}{RGB}{102,204,238}
377```

Color-Blind Friendly Palettes

Color-vision differences vary across people and populations; test distinctions with redundant encoding.

Safe Color Combinations:

  • Blue + Orange (most universally distinguishable)
  • Blue + Yellow
  • Blue + Red
  • Purple + Green (use with caution)

Avoid:

  • ❌ Red + Green (indistinguishable to most common color blindness)
  • ❌ Green + Brown
  • ❌ Blue + Purple (can be problematic)
  • ❌ Light green + Yellow

Recommended Palettes:

Okabe-Ito Palette (use redundant shapes/labels as well):

\definecolor{okorange}{RGB}{230,159,0}
\definecolor{okskyblue}{RGB}{86,180,233}
\definecolor{okgreen}{RGB}{0,158,115}
\definecolor{okyellow}{RGB}{240,228,66}
\definecolor{okblue}{RGB}{0,114,178}
\definecolor{okvermillion}{RGB}{213,94,0}
\definecolor{okpurple}{RGB}{204,121,167}

Paul Tol's Bright Palette:

\definecolor{tolblue}{RGB}{68,119,170}
\definecolor{tolred}{RGB}{204,102,119}
\definecolor{tolgreen}{RGB}{34,136,51}
\definecolor{tolyellow}{RGB}{238,221,136}
\definecolor{tolcyan}{RGB}{102,204,238}
Raw lines 341 to 378
379### Institutional Branding
381Obtain current colors and logo assets from the institution's official brand guide.
382Do not infer official identity from an example palette or regenerate a logo with AI.
383Use xcolor RGB/HTML/CMYK values as specified by that guide and the printer.

Institutional Branding

Obtain current colors and logo assets from the institution's official brand guide. Do not infer official identity from an example palette or regenerate a logo with AI. Use xcolor RGB/HTML/CMYK values as specified by that guide and the printer.

Raw lines 379 to 384
385## Accessibility Considerations

Accessibility Considerations

Raw lines 385 to 386
387### Universal Design Principles
389Design posters usable by the widest range of people:
391**1. Visual Accessibility**:
392- High contrast text (minimum 4.5:1 ratio)
393- Large font sizes (24pt+ body text)
394- Color-blind safe palettes
395- Clear visual hierarchy
396- Avoid relying solely on color to convey information
398**2. Cognitive Accessibility**:
399- Clear, simple language
400- Logical organization
401- Consistent layout
402- Visual cues for navigation (arrows, numbers)
403- Avoid clutter and information overload
405**3. Physical Accessibility**:
406- Position critical content at wheelchair-accessible height (3-5 feet)
407- Include QR codes to digital versions
408- Provide printed handouts for detail viewing
409- Consider lighting and reflection in poster material choice

Universal Design Principles

Design posters usable by the widest range of people:

1. Visual Accessibility:

  • High contrast text (minimum 4.5:1 ratio)
  • Large font sizes (24pt+ body text)
  • Color-blind safe palettes
  • Clear visual hierarchy
  • Avoid relying solely on color to convey information

2. Cognitive Accessibility:

  • Clear, simple language
  • Logical organization
  • Consistent layout
  • Visual cues for navigation (arrows, numbers)
  • Avoid clutter and information overload

3. Physical Accessibility:

  • Position critical content at wheelchair-accessible height (3-5 feet)
  • Include QR codes to digital versions
  • Provide printed handouts for detail viewing
  • Consider lighting and reflection in poster material choice
Raw lines 387 to 410
411### Alternative Text and Descriptions
413A visible caption is useful but does not create a tagged PDF or figure alternative
414text. [CTAN currently marks beamerposter tagging unsupported](https://ctan.org/pkg/beamerposter).
415Do not claim accessible PDF conformance from successful compilation or a comment
416beside `\includegraphics`. Inspect reading order/tags using appropriate validators;
417provide a separate accessible text/HTML summary when the chosen class cannot meet
418the accessibility requirement.

Alternative Text and Descriptions

A visible caption is useful but does not create a tagged PDF or figure alternative text. CTAN currently marks beamerposter tagging unsupported. Do not claim accessible PDF conformance from successful compilation or a comment beside \includegraphics. Inspect reading order/tags using appropriate validators; provide a separate accessible text/HTML summary when the chosen class cannot meet the accessibility requirement.

Raw lines 411 to 419
420### Multi-Modal Information
422Don't rely on single sensory channel:
424**Use Redundant Encoding**:
425- Color + Shape (not just color for categories)
426- Color + Pattern (hatching, stippling)
427- Color + Label (text labels on graph elements)
428- Text + Icons (visual + verbal)
430**Example**:
431```latex
432% Good: Color + shape + label
433\begin{tikzpicture}
434 \draw[fill=blue, circle] (0,0) circle (0.3) node[right] {Male: 45\%};
435 \draw[fill=red, rectangle] (0,-1) rectangle (0.6,-0.4) node[right] {Female: 55\%};
436\end{tikzpicture}
437```

Multi-Modal Information

Don't rely on single sensory channel:

Use Redundant Encoding:

  • Color + Shape (not just color for categories)
  • Color + Pattern (hatching, stippling)
  • Color + Label (text labels on graph elements)
  • Text + Icons (visual + verbal)

Example:

% Good: Color + shape + label
\begin{tikzpicture}
  \draw[fill=blue, circle] (0,0) circle (0.3) node[right] {Male: 45\%};
  \draw[fill=red, rectangle] (0,-1) rectangle (0.6,-0.4) node[right] {Female: 55\%};
\end{tikzpicture}
Raw lines 420 to 438
439## Layout Composition

Layout Composition

Raw lines 439 to 440
441### Rule of Thirds
443Divide poster into 3×3 grid; place key elements at intersections:
445```
446+-----+-----+-----+
447| × | | × | ← Top third (title, logos)
448+-----+-----+-----+
449| | × | | ← Middle third (main content)
450+-----+-----+-----+
451| × | | × | ← Bottom third (conclusions)
452+-----+-----+-----+
453 ↑ ↑
454Left Right
455```
457**Power Points** (intersections):
458- Top-left: Primary section start
459- Top-right: Logos, QR codes
460- Center: Key figure or main result
461- Bottom-right: Conclusions, contact

Rule of Thirds

Divide poster into 3×3 grid; place key elements at intersections:

+-----+-----+-----+
|  ×  |     |  ×  |  ← Top third (title, logos)
+-----+-----+-----+
|     |  ×  |     |  ← Middle third (main content)
+-----+-----+-----+
|  ×  |     |  ×  |  ← Bottom third (conclusions)
+-----+-----+-----+
  ↑           ↑
Left        Right

Power Points (intersections):

  • Top-left: Primary section start
  • Top-right: Logos, QR codes
  • Center: Key figure or main result
  • Bottom-right: Conclusions, contact
Raw lines 441 to 462
463### Balance and Symmetry
465**Symmetric Layouts**:
466- Formal, traditional, stable
467- Easy to design
468- Can appear static or boring
469- Good for conservative audiences
471**Asymmetric Layouts**:
472- Dynamic, modern, interesting
473- Harder to execute well
474- More visually engaging
475- Good for creative fields
477**Visual Weight Balance**:
478- Large elements = heavy weight
479- Dark colors = heavy weight
480- Dense text = heavy weight
481- Distribute weight evenly across poster

Balance and Symmetry

Symmetric Layouts:

  • Formal, traditional, stable
  • Easy to design
  • Can appear static or boring
  • Good for conservative audiences

Asymmetric Layouts:

  • Dynamic, modern, interesting
  • Harder to execute well
  • More visually engaging
  • Good for creative fields

Visual Weight Balance:

  • Large elements = heavy weight
  • Dark colors = heavy weight
  • Dense text = heavy weight
  • Distribute weight evenly across poster
Raw lines 463 to 482
483### Proximity and Grouping
485**Gestalt Principles**:
487**Proximity**: Items close together are perceived as related
488```
489[Introduction] [Methods]
491[Results] [Discussion]
492```
494**Similarity**: Similar items are perceived as grouped
495- Use consistent colors for related sections
496- Same border styles for similar content types
498**Continuity**: Eyes follow lines and paths
499- Use arrows to guide through methods
500- Align elements to create invisible lines
502**Closure**: Mind completes incomplete shapes
503- Use partial borders to group without boxing in

Proximity and Grouping

Gestalt Principles:

Proximity: Items close together are perceived as related

[Introduction]  [Methods]

[Results]       [Discussion]

Similarity: Similar items are perceived as grouped

  • Use consistent colors for related sections
  • Same border styles for similar content types

Continuity: Eyes follow lines and paths

  • Use arrows to guide through methods
  • Align elements to create invisible lines

Closure: Mind completes incomplete shapes

  • Use partial borders to group without boxing in
Raw lines 483 to 504
505## Visual Elements

Visual Elements

Raw lines 505 to 506
507### Icons and Graphics
509Strategic use of icons enhances comprehension:
511**Benefits**:
512- Universal language (crosses linguistic barriers)
513- Faster processing than text
514- Adds visual interest
515- Clarifies concepts
517**Best Practices**:
518- Use consistent style (all line, all filled, all flat)
519- Appropriate size (1-3cm typical)
520- Label ambiguous icons
521- Source: Font Awesome, Noun Project, academic icon sets
523**LaTeX Implementation**:
524```latex
525% Font Awesome icons
526\usepackage{fontawesome5}
527\faFlask{} Methods \quad \faChartBar{} Results
529% Custom icons with TikZ
530\begin{tikzpicture}
531 \node[circle, draw, thick, minimum size=1cm] {\Huge \faAtom};
532\end{tikzpicture}
533```

Icons and Graphics

Strategic use of icons enhances comprehension:

Benefits:

  • Universal language (crosses linguistic barriers)
  • Faster processing than text
  • Adds visual interest
  • Clarifies concepts

Best Practices:

  • Use consistent style (all line, all filled, all flat)
  • Appropriate size (1-3cm typical)
  • Label ambiguous icons
  • Source: Font Awesome, Noun Project, academic icon sets

LaTeX Implementation:

% Font Awesome icons
\usepackage{fontawesome5}
\faFlask{} Methods \quad \faChartBar{} Results

% Custom icons with TikZ
\begin{tikzpicture}
  \node[circle, draw, thick, minimum size=1cm] {\Huge \faAtom};
\end{tikzpicture}
Raw lines 507 to 534
535### Borders and Dividers
537**Use Borders To**:
538- Define sections
539- Group related content
540- Add visual interest
541- Match institutional branding
543**Border Styles**:
544- Solid lines: Traditional, formal
545- Dashed lines: Informal, secondary info
546- Rounded corners: Friendly, modern
547- Drop shadows: Depth, modern (use sparingly)
549**Guidelines**:
550- Keep consistent width (2-5pt typical)
551- Use sparingly (not every element needs a border)
552- Match border color to content or theme
553- Ensure sufficient padding inside borders
555```latex
556% tikzposter borders
557\usecolorstyle{Denmark}
558\tikzposterlatexaffectionproofoff % Remove bottom-right logo
560% Custom border style
561\defineblockstyle{CustomBlock}{
562 titlewidthscale=1, bodywidthscale=1, titleleft,
563 titleoffsetx=0pt, titleoffsety=0pt, bodyoffsetx=0pt, bodyoffsety=0pt,
564 bodyverticalshift=0pt, roundedcorners=10, linewidth=2pt,
565 titleinnersep=8mm, bodyinnersep=8mm
566}{
567 \draw[draw=blocktitlebgcolor, fill=blockbodybgcolor,
568 rounded corners=\blockroundedcorners, line width=\blocklinewidth]
569 (blockbody.south west) rectangle (blocktitle.north east);
571```

Borders and Dividers

Use Borders To:

  • Define sections
  • Group related content
  • Add visual interest
  • Match institutional branding

Border Styles:

  • Solid lines: Traditional, formal
  • Dashed lines: Informal, secondary info
  • Rounded corners: Friendly, modern
  • Drop shadows: Depth, modern (use sparingly)

Guidelines:

  • Keep consistent width (2-5pt typical)
  • Use sparingly (not every element needs a border)
  • Match border color to content or theme
  • Ensure sufficient padding inside borders
% tikzposter borders
\usecolorstyle{Denmark}
\tikzposterlatexaffectionproofoff  % Remove bottom-right logo

% Custom border style
\defineblockstyle{CustomBlock}{
  titlewidthscale=1, bodywidthscale=1, titleleft,
  titleoffsetx=0pt, titleoffsety=0pt, bodyoffsetx=0pt, bodyoffsety=0pt,
  bodyverticalshift=0pt, roundedcorners=10, linewidth=2pt,
  titleinnersep=8mm, bodyinnersep=8mm
}{
  \draw[draw=blocktitlebgcolor, fill=blockbodybgcolor, 
        rounded corners=\blockroundedcorners, line width=\blocklinewidth]
       (blockbody.south west) rectangle (blocktitle.north east);
}
Raw lines 535 to 572
573### Background and Texture
575**Background Options**:
577**Plain (Recommended)**:
578- White or very light color
579- Maximum readability
580- Professional
581- Print-friendly
583**Gradient**:
584- Subtle gradients acceptable
585- Top-to-bottom or radial
586- Avoid strong contrasts that interfere with text
588**Textured**:
589- Very subtle textures only
590- Watermarks of logos/molecules (5-10% opacity)
591- Avoid patterns that create visual noise
593**Avoid**:
594- ❌ Busy backgrounds
595- ❌ Images behind text
596- ❌ High contrast backgrounds
597- ❌ Repeating patterns that cause visual artifacts
599```latex
600% Gradient background in tikzposter
601\documentclass{tikzposter}
602\definecolorstyle{GradientStyle}{
603 % ...color definitions...
604}{
605 \colorlet{backgroundcolor}{white!90!blue}
606 \colorlet{framecolor}{white!70!blue}
609% Watermark
610\usepackage{tikz}
611\usepackage{eso-pic}
612\AddToShipoutPictureBG{%
613 \begin{tikzpicture}[remember picture,overlay]
614 \node[opacity=0.05] at (current page.center)
615 {\includegraphics[width=0.5\paperwidth]{university-seal.pdf}};
616 \end{tikzpicture}%
618```

Background and Texture

Background Options:

Plain (Recommended):

  • White or very light color
  • Maximum readability
  • Professional
  • Print-friendly

Gradient:

  • Subtle gradients acceptable
  • Top-to-bottom or radial
  • Avoid strong contrasts that interfere with text

Textured:

  • Very subtle textures only
  • Watermarks of logos/molecules (5-10% opacity)
  • Avoid patterns that create visual noise

Avoid:

  • ❌ Busy backgrounds
  • ❌ Images behind text
  • ❌ High contrast backgrounds
  • ❌ Repeating patterns that cause visual artifacts
% Gradient background in tikzposter
\documentclass{tikzposter}
\definecolorstyle{GradientStyle}{
  % ...color definitions...
}{
  \colorlet{backgroundcolor}{white!90!blue}
  \colorlet{framecolor}{white!70!blue}
}

% Watermark
\usepackage{tikz}
\usepackage{eso-pic}
\AddToShipoutPictureBG{%
  \begin{tikzpicture}[remember picture,overlay]
    \node[opacity=0.05] at (current page.center)
      {\includegraphics[width=0.5\paperwidth]{university-seal.pdf}};
  \end{tikzpicture}%
}
Raw lines 573 to 619
620## Common Design Mistakes

Common Design Mistakes

Raw lines 620 to 621
622### Critical Errors
624**1. Too Much Text** (Most common mistake)
625- ❌ More than 1000 words
626- ❌ Long paragraphs (>5 lines)
627- ❌ Small font sizes to fit more content
628- ✅ Solution: Cut ruthlessly, use bullet points, focus on key messages
630**2. Poor Contrast**
631- ❌ Light text on light background
632- ❌ Colored text on colored background
633- ✅ Solution: Dark on light or light on dark, test contrast ratio
635**3. Font Size Too Small**
636- ❌ Body text under 24pt
637- ❌ Trying to fit full paper content
638- ✅ Solution: 30pt+ body text, prioritize key findings
640**4. Cluttered Layout**
641- ❌ No white space
642- ❌ Elements touching edges
643- ❌ Random placement
644- ✅ Solution: Generous margins, grid alignment, intentional white space
646**5. Inconsistent Styling**
647- ❌ Multiple font families
648- ❌ Varying header styles
649- ❌ Misaligned elements
650- ✅ Solution: Define style guide, use templates, align to grid

Critical Errors

1. Too Much Text (Most common mistake)

  • ❌ More than 1000 words
  • ❌ Long paragraphs (>5 lines)
  • ❌ Small font sizes to fit more content
  • ✅ Solution: Cut ruthlessly, use bullet points, focus on key messages

2. Poor Contrast

  • ❌ Light text on light background
  • ❌ Colored text on colored background
  • ✅ Solution: Dark on light or light on dark, test contrast ratio

3. Font Size Too Small

  • ❌ Body text under 24pt
  • ❌ Trying to fit full paper content
  • ✅ Solution: 30pt+ body text, prioritize key findings

4. Cluttered Layout

  • ❌ No white space
  • ❌ Elements touching edges
  • ❌ Random placement
  • ✅ Solution: Generous margins, grid alignment, intentional white space

5. Inconsistent Styling

  • ❌ Multiple font families
  • ❌ Varying header styles
  • ❌ Misaligned elements
  • ✅ Solution: Define style guide, use templates, align to grid
Raw lines 622 to 651
652### Moderate Issues
654**6. Poor Figure Quality**
655- ❌ Pixelated images (<300 DPI)
656- ❌ Tiny axis labels
657- ❌ Unreadable legends
658- ✅ Solution: Vector graphics (PDF (convert SVG first)), large labels, clear legends
660**7. Color Overload**
661- ❌ Too many colors (>5 distinct hues)
662- ❌ Neon or overly saturated colors
663- ✅ Solution: Limit to 2-3 main colors, use tints/shades for variation
665**8. Ignoring Visual Hierarchy**
666- ❌ All text same size
667- ❌ No clear entry point
668- ✅ Solution: Vary sizes significantly, clear title, visual flow
670**9. Information Overload**
671- ❌ Trying to show everything
672- ❌ Too many figures
673- ✅ Solution: Show 3-5 key results, link to full paper via QR code
675**10. Poor Typography**
676- ❌ Justified text (uneven spacing)
677- ❌ All caps body text
678- ❌ Mixing serif and sans-serif randomly
679- ✅ Solution: Left-align body, sentence case, consistent fonts

Moderate Issues

6. Poor Figure Quality

  • ❌ Pixelated images (<300 DPI)
  • ❌ Tiny axis labels
  • ❌ Unreadable legends
  • ✅ Solution: Vector graphics (PDF (convert SVG first)), large labels, clear legends

7. Color Overload

  • ❌ Too many colors (>5 distinct hues)
  • ❌ Neon or overly saturated colors
  • ✅ Solution: Limit to 2-3 main colors, use tints/shades for variation

8. Ignoring Visual Hierarchy

  • ❌ All text same size
  • ❌ No clear entry point
  • ✅ Solution: Vary sizes significantly, clear title, visual flow

9. Information Overload

  • ❌ Trying to show everything
  • ❌ Too many figures
  • ✅ Solution: Show 3-5 key results, link to full paper via QR code

10. Poor Typography

  • ❌ Justified text (uneven spacing)
  • ❌ All caps body text
  • ❌ Mixing serif and sans-serif randomly
  • ✅ Solution: Left-align body, sentence case, consistent fonts
Raw lines 652 to 680
681## Design Checklist

Design Checklist

Raw lines 681 to 682
683### Before Printing
685- [ ] Title visible and readable from 20+ feet
686- [ ] Body text minimum 24pt, ideally 30pt+
687- [ ] High contrast (4.5:1 minimum) throughout
688- [ ] Color-blind friendly palette
689- [ ] Less than 800 words total
690- [ ] White space around all elements
691- [ ] Consistent alignment and spacing
692- [ ] All figures high resolution (300+ DPI)
693- [ ] Figure labels readable (18pt+ minimum)
694- [ ] No orphaned text or awkward breaks
695- [ ] Contact information included
696- [ ] QR codes tested and functional
697- [ ] Consistent font usage (2-3 families max)
698- [ ] All acronyms defined
699- [ ] Proper institutional branding/logos
700- [ ] Print test at 25% scale for readability check

Before Printing

  • [ ] Title visible and readable from 20+ feet
  • [ ] Body text minimum 24pt, ideally 30pt+
  • [ ] High contrast (4.5:1 minimum) throughout
  • [ ] Color-blind friendly palette
  • [ ] Less than 800 words total
  • [ ] White space around all elements
  • [ ] Consistent alignment and spacing
  • [ ] All figures high resolution (300+ DPI)
  • [ ] Figure labels readable (18pt+ minimum)
  • [ ] No orphaned text or awkward breaks
  • [ ] Contact information included
  • [ ] QR codes tested and functional
  • [ ] Consistent font usage (2-3 families max)
  • [ ] All acronyms defined
  • [ ] Proper institutional branding/logos
  • [ ] Print test at 25% scale for readability check
Raw lines 683 to 701
702### Content Review
704- [ ] Clear narrative arc (problem → approach → findings → impact)
705- [ ] 1-3 main messages clearly communicated
706- [ ] Methods concise but reproducible
707- [ ] Results visually presented (not just text)
708- [ ] Conclusions actionable and clear
709- [ ] References cited appropriately
710- [ ] No typos or grammatical errors
711- [ ] Figures have descriptive captions
712- [ ] Data visualizations are clear and honest
713- [ ] Statistical significance properly indicated

Content Review

  • [ ] Clear narrative arc (problem → approach → findings → impact)
  • [ ] 1-3 main messages clearly communicated
  • [ ] Methods concise but reproducible
  • [ ] Results visually presented (not just text)
  • [ ] Conclusions actionable and clear
  • [ ] References cited appropriately
  • [ ] No typos or grammatical errors
  • [ ] Figures have descriptive captions
  • [ ] Data visualizations are clear and honest
  • [ ] Statistical significance properly indicated
Raw lines 702 to 714
715## Validate design with readers
717Treat word budgets, column counts, and viewing distances as starting assumptions.
718Test the actual poster with representative readers: can they identify the question,
719main result, uncertainty, and limitations? Do not attach numerical claims about
720processing speed, recall, comprehension, or engagement without primary evidence.
722For digital contrast targets, [WCAG 2.2 SC 1.4.3](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html)
723sets 4.5:1 for ordinary text and 3:1 for large text. These web criteria inform the
724palette; a printed proof is still required for lighting, paper, and color shifts.
725Meeting contrast alone does not establish WCAG or PDF accessibility conformance.

Validate design with readers

Treat word budgets, column counts, and viewing distances as starting assumptions. Test the actual poster with representative readers: can they identify the question, main result, uncertainty, and limitations? Do not attach numerical claims about processing speed, recall, comprehension, or engagement without primary evidence.

For digital contrast targets, WCAG 2.2 SC 1.4.3 sets 4.5:1 for ordinary text and 3:1 for large text. These web criteria inform the palette; a printed proof is still required for lighting, paper, and color shifts. Meeting contrast alone does not establish WCAG or PDF accessibility conformance.

Raw lines 715 to 726
727## Resources and Tools

Resources and Tools

Raw lines 727 to 728
729### Color Tools
730- **Coolors.co**: Generate color palettes
731- **Adobe Color**: Color wheel and accessibility checker
732- **ColorBrewer**: Scientific visualization palettes
733- **WebAIM Contrast Checker**: Test contrast ratios

Color Tools

  • Coolors.co: Generate color palettes
  • Adobe Color: Color wheel and accessibility checker
  • ColorBrewer: Scientific visualization palettes
  • WebAIM Contrast Checker: Test contrast ratios
Raw lines 729 to 734
735### Design Resources
736- **Canva**: Poster mockups and inspiration
737- **Figma**: Design prototypes before LaTeX
738- **Noun Project**: Icons and graphics
739- **Font Awesome**: Icon fonts for LaTeX

Design Resources

  • Canva: Poster mockups and inspiration
  • Figma: Design prototypes before LaTeX
  • Noun Project: Icons and graphics
  • Font Awesome: Icon fonts for LaTeX
Raw lines 735 to 740
741### Testing Tools
742- **Coblis**: Color blindness simulator
743- **Vischeck**: Another color blindness checker
744- **Accessibility Checker**: WCAG compliance

Testing Tools

  • Coblis: Color blindness simulator
  • Vischeck: Another color blindness checker
  • Accessibility Checker: WCAG compliance
Raw lines 741 to 745
746### LaTeX Packages
747- `xcolor`: Extended color support
748- `tcolorbox`: Colored boxes and frames
749- `fontawesome5`: Icon fonts
750- `qrcode`: QR code generation
751- `tikz`: Custom graphics

LaTeX Packages

  • xcolor: Extended color support
  • tcolorbox: Colored boxes and frames
  • fontawesome5: Icon fonts
  • qrcode: QR code generation
  • tikz: Custom graphics
Raw lines 746 to 752
753## Conclusion
755Effective poster design requires balancing aesthetics, readability, and scientific content. Follow these core principles:
7571. **Less is more**: Prioritize key messages over comprehensive detail
7582. **Size matters**: Make text large enough to read from distance
7593. **Contrast is critical**: Ensure all text is highly readable
7604. **Accessibility first**: Design for diverse audiences
7615. **Visual hierarchy**: Guide viewers through content logically
7626. **Test early**: Print at reduced scale and gather feedback
764Remember: A poster is an advertisement for your research and a conversation starter—not a substitute for reading the full paper.

Conclusion

Effective poster design requires balancing aesthetics, readability, and scientific content. Follow these core principles:

  1. Less is more: Prioritize key messages over comprehensive detail
  2. Size matters: Make text large enough to read from distance
  3. Contrast is critical: Ensure all text is highly readable
  4. Accessibility first: Design for diverse audiences
  5. Visual hierarchy: Guide viewers through content logically
  6. Test early: Print at reduced scale and gather feedback

Remember: A poster is an advertisement for your research and a conversation starter—not a substitute for reading the full paper.

Raw lines 753 to 765