©2013 Jaspersoft Corporation. 2
Creating Beautiful Reports
The purpose of a report
Present data
Bring important data to the surface
©2013 Jaspersoft Corporation. 3
Creating Beautiful Reports
A good report is
easy to read and understand
intuitive to navigate
visually pleasing
©2013 Jaspersoft Corporation. 4
Creating Beautiful Reports
How to achieve report goodness
1. Eliminate or reduce prominence of unimportant elements
2. Employ basic design fundamentals
Eliminate or Reduce Prominence of Unimportant Elements
©2013 Jaspersoft Corporation. 6
Creating Beautiful Reports
Eliminate or reduce prominence of unimportant elements
Why?
They compete for screen space and user’s attention
©2013 Jaspersoft Corporation. 7
Creating Beautiful Reports
Unimportant elements
thick borders
backgrounds
shadows
3-D style effects
©2013 Jaspersoft Corporation. 8
Creating Beautiful Reports
Thick Borders
©2013 Jaspersoft Corporation. 9
Creating Beautiful Reports
Backgrounds
Employ Basic Design Fundamentals
©2013 Jaspersoft Corporation. 11
Creating Beautiful Reports
Fundamental 1
Space
Distance or area between, around, above, below, or within elements
Definition
• Reduces visual clutter
• Improves readability
Benefits
©2013 Jaspersoft Corporation. 12
Creating Beautiful Reports: Space
©2013 Jaspersoft Corporation. 13
Creating Beautiful Reports: Space
©2013 Jaspersoft Corporation. 14
Creating Beautiful Reports
Fundamental 2
Typography
The use of type in a design. Type characteristics of concern are font,size, weight, style
Definition
• Gives emphasis
• Establishes hierarchy
• Improves readability
Benefits
©2013 Jaspersoft Corporation. 15
Creating Beautiful Reports: Typography
Font
Size
Weight
Style
Serif San-Serif
Small Medium Large
Normal Bold
Italic Underline
©2013 Jaspersoft Corporation. 16
Creating Beautiful Reports: Typography
©2013 Jaspersoft Corporation. 17
Creating Beautiful Reports: Typography
©2013 Jaspersoft Corporation. 18
Creating Beautiful Reports
Fundamental 3
Color
The application of hue, value, and saturation to create visual effects with specific color combinations
Definition
• Gives emphasis
• Establishes hierarchy
• Improves readability
• Lend emotional meaning
Benefits
©2013 Jaspersoft Corporation. 19
Creating Beautiful Reports
Fundamental 3
Color
©2013 Jaspersoft Corporation. 20
Creating Beautiful Reports: Color
©2013 Jaspersoft Corporation. 21
Creating Beautiful Reports: Color
©2013 Jaspersoft Corporation. 22
Creating Beautiful Reports
Fundamental 4
Alignment
How elements on the page line up with each other
Definition
Creates order and organization, improves readability
Benefits
©2013 Jaspersoft Corporation. 23
Creating Beautiful Reports: Alignment
Poor vertical alignment
©2013 Jaspersoft Corporation. 24
Creating Beautiful Reports: Alignment
Poor horizontal alignment
©2013 Jaspersoft Corporation. 25
Creating Beautiful Reports: Alignment
Recommended
