Embed Size (px)
Citation preview
slidedoc cover page exampleAuthor NamePosition titleOther contact information
this is a section title text placeholder and text is lower-cased Franklin Gothic Book
01
table of contents
keep titles short but with enough info for readers to skim and understand the structure
02these text fields plus the ones on the right are on a master so you can have up to six sections
03
this is a section title text placeholder where text is lower-cased Franklin Gothic Book
04this is a section title text placeholder where text is lower-cased Franklin Gothic Book
05this is a section title text placeholder where text is lower-cased Franklin Gothic Book
06
3
what is a slidedoc?
The way we communicate is changing. In our time-strapped world, we like information that is consumed quickly.
This has led organizations to look for a way to fill the gap between long-form documents and presentations. What has emerged are slidedocs.
A slidedoc is a visual document intended to be read and referenced instead of projected. Slidedocs work for a variety of communication scenarios, from sales collateral to in-meeting reference material. And because of their modular nature, slidedocs can spread your smart thinking throughout your organization.
Effective slidedocs are developed by knowing your audience, understanding how they consume information, and by having one clear big idea. Developing effective slidedocs also requires visualizing ideas and making the information easy to navigate.
Slidedocs are one of the most effective tools for communicating ideas quickly and establishing consensus. Your ideas deserve the best possible communication vehicle. Slidedocs are designed for the way we communicate today.
introduction
section 01
This template accommodates longer-form reading material
4
Slidedocs are like books
Slidedocs borrow some specific design aspects from books. Books have a cover, table of contents, clear chapter indicators, prose, page numbers, and other small design decisions that have big information architecture implications to help readers navigate the contents.
Flipping through the pages of a slidedoc should feel similar to flipping through the printed pages of a book or swiping the screen of a tablet device.
The masters are set up for prose and have plenty of white space. Each page holds just the right amount of information to process quickly.
introduction
See page 67 to 81 at www.slidedocs.com
5
master layout options
Each master is segmented into sections that would accommodate prose and graphics. There are various layouts already predesigned into the masters that will help you break up your content into bite-sized chunks that make your slidedoc much easier to read.
introduction
6
creating contrast with type
If you type in the field to the right titled “Click to add text”, you get this light blue text style. This is used for highlighting pieces of text for a subtitle, subhead, or main callouts.Hit return and tab and the text changes to charcoal and you now have a paragraph header style applied.Hit return and tab again and it changes to a size that works great for body copy. This efficient way of setting up the master template to create typographic hierarchy is unique to slidedocs. A fourth tab sequence is a bullet Try it now for yourself to the right
typographic hierarchy
7
two-column layout
Large call outs are Franklin Gothic Book (Body) 16pt with line spacing set at Multiple 1.2Paragraph headers are Franklin Gothic Book (Body) 14pt with line spacing set at Multiple 1.0 Body Copy is Franklin Gothic Book (Body) 11pt with line spacing set at Multiple 1.2 First level bullet body copy is Franklin Gothic
Book (Body) 11pt with line spacing set at Multiple 1.1 Second level bullet body copy is Franklin
Gothic Book (Body) 11pt with line spacing set at Multiple 1.1
Large call outs are Franklin Gothic Book (Body) 16pt with line spacing set at Multiple 1.2Paragraph headers are Franklin Gothic Book (Body) 14pt with line spacing set at Multiple 1.0 Body Copy is Franklin Gothic Book (Body) 11pt with line spacing set at Multiple 1.2 First level bullet body copy is Franklin Gothic
Book (Body) 11pt with line spacing set at Multiple 1.1 Second level bullet body copy is Franklin
Gothic Book (Body) 11pt with line spacing set at Multiple 1.1
structure
section 01
8
left two-thirds column layout
Large call outs are Franklin Gothic Book (Body) 16pt with line spacing set at Multiple 1.2Paragraph headers are Franklin Gothic Book (Body) 14pt with line spacing set at Multiple 1.0 Body Copy is Franklin Gothic Book (Body) 11pt with line spacing set at Multiple 1.2 First level bullet body copy is Franklin Gothic Book (Body) 11pt with
line spacing set at Multiple 1.1 Second level bullet body copy is Franklin Gothic Book (Body) 11pt
with line spacing set at Multiple 1.1
structure
section 01
Use this space for a call-out. Any text that you want to
amplify as important could go
in a colored text block like this one.
9
right two-thirds column layout
Large call outs are Franklin Gothic Book (Body) 16pt with line spacing set at Multiple 1.2Paragraph headers are Franklin Gothic Book (Body) 14pt with line spacing set at Multiple 1.0 Body Copy is Franklin Gothic Book (Body) 11pt with line spacing set at Multiple 1.2 First level bullet body copy is Franklin Gothic Book (Body) 11pt with
line spacing set at Multiple 1.1 Second level bullet body copy is Franklin Gothic Book (Body) 11pt
with line spacing set at Multiple 1.1
structure
section 01
Use this space for a call-out. Any text that you want to
amplify as important could go
in a colored text block like this one.
10
three-column layout
This large teal 16 point type is the defaultIf you set your cursor in front of the text field and hit tab once you get this gray 14 typeOne more tab and the body copy pops up as 11 point type Another tab brings up the
first level bullet at a lighter 11 point type The second-level bullet is
also 11 point type
Notice that the section identifier at the bottom of this page moved to the right and changed to section two. This is simply a graphic placed on each slide. When you want to signify that a reader is in a new section of your slidedoc, slide the orange graphic and section head text over to the next segment. This graphic could be placed on every slide as a navigational device or removed all together.
Below the section signifier is a small discreet text field where you can put reference or source material. You can have it be a live web link to the source or simply give attribution to the source you’ve cited.
structure
section 02
11
table
Source: Placeholder example
displaying data
table header table header table header
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
This is a text block where you can tab across and add copy
section 03
12
column chart (multi-category)
Source: Placeholder example
displaying data
Category 1 Category 20
1
2
3
4
5
6
Series 1 Series 2 Series 3 Series 4 Series 5 Series 6
Callout Example
13
column chart (single category)
Source: Placeholder example
displaying data
Category 100.5
11.5
22.5
33.5
44.5
5
4.3
2.5
3.5
4.5
3.1
1.2
Series 1 Series 2 Series 3 Series 4 Series 5 Series 6
Callout Example
14
stacked column chart
Source: Placeholder example
displaying data
Category 1 Category 2 Category 3 Category 40
5
10
15
20
25
30
Series 1 Series 2 Series 3 Series 4 Series 5 Series 6
Callout Example
15
bar chart
Source: Placeholder example
displaying data
Category 1
0 0.5 1 1.5 2 2.5 3 3.5 4 4.5 5
4.32.5
3.54.5
3.11.2
Series 6 Series 5 Series 4 Series 3 Series 2 Series 1
Callout Example
16
line chart
Source: Placeholder example
displaying data
Category 1 Category 2 Category 3 Category 40123456789
10
Series 1 Series 2 Series 3 Series 4 Series 5 Series 6
Callout Example
17
pie chart
Source: Placeholder example
displaying data
23%
13%
18%
24%
16%
6%
Category 1 Category 2 Category 3 Category 4 Category 5 Category 1
18
stylized chart for pros
This chart style is beautiful and for power users of PowerPoint. It’s a bit more complicated than just plotting data. Right click on the colored segment to see the data table. Modify the tables and data will re-plot. This type of chart doesn’t work on a master so it’s pasted on the slide individually.
displaying data
Source: Placeholder example
60%
Title here
Supporting information about the data here
35%
Title here
Supporting information about the data here
25%
Title here
Supporting information about the data here
This chart style is tricky
Quote slide style example layout. Text should be sentence case.First, Last NameCompany nameTitle comes here
Quote slide style example layout. Text should be sentence case.First, Last NameCompany nameTitle comes here
21
The elements on the masters align
to this grid system. You can paste the grid on
each slide or apply this grid master while designing and
then assign it a new master.
22
color palettesection title placeholder
white and black
highlight & subdue
primary accent colors
23
callout style palettesection title placeholder
Callout Example Callout Example Callout Example Callout Example
Callout Example Callout Example Callout Example Callout Example
Callout Example Callout Example Callout Example Callout Example
Callout Example Callout Example Callout Example Callout Example
overview of the sectionYou may use this master to segue within a major section, or use it as a Q&A slide.
section head
