Upload
jaspersoft
View
1.285
Download
0
Tags:
Embed Size (px)
DESCRIPTION
In this Jaspersoft Tech Talk episode, we cover some best practices from web and user interface design and how they apply to report design. You will learn about how to use or not use design elements such as: * Boarders, Backgrounds, Shadows, 3-D Styles * Space * Typography: Fonts, size weight, and style * Colors * Alignment To view our full list of Jaspersoft Tech Talks, please visit http://www.jaspersoft.com/tech-talks View the companion video for this presentation here: http://youtu.be/4ByE-GW2mIU
Citation preview
©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