-
Notifications
You must be signed in to change notification settings - Fork 0
/
Design.html
236 lines (217 loc) · 8.7 KB
/
Design.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="google-site-verification" content="SEI-ELZWRw1cQsz7bjPhjgxLcTPiDS9Vl2I0LbdNkpw" />
<meta name="description" content="A book about how to create great presentations and become a knowledge transfer guru. Presentation techniques and advice to captivate your audience's attention.">
<meta name="keywords" content="presentation, lecture, powerpoint, power point, slides, keynote, presenting, powerful point, presentation tips, presentation techniques, communication, slide design, presentation deck, body language">
<title>Foreword|Powerful Point</title>
<!-- some CSS from the StartEngineering CSS libraries -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700,900,300italic' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
<link rel="stylesheet" href="https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap-combined.no-icons.min.css">
<link rel="stylesheet" type="text/css" href="css/maincss.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.dlmenu.js"></script>
<script>
$(function() {
$( '#dl-menu' ).dlmenu();
});
</script>
<!--Tweetable quotes script-->
<script src="js/tweet.js"></script>
<!--Google Analytics code-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43694016-1', 'powerfullpoint.com');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- adding the horizontal menu -->
<div id="main">
<!-- adding a responsive multi-level menu -->
<div id="dl-menu" class="dl-menuwrapper" style="display:inline-block">
<button class="dl-trigger">Open Menu</button>
<ul class="dl-menu">
<li>
<a href="Foreword.html">Foreword</a>
</li>
<li>
<a href="Introduction.html">Introduction</a>
</li>
<li>
<a href="KTG.html">The Knowledge Transfer Guru (KTG)</a>
</li>
<li>
<a href="Prepare.html">Prepare</a>
<ul class="dl-submenu">
<li>
<a href="Prepare.html">Overview</a>
</li>
<li>
<a href="know-material.html">Really know your material</a>
</li>
<li>
<a href="plan-before-start.html">Plan before you start</a>
</li>
<li>
<a href="choosing-right-tools.html">Choosing the right tools for your presentation</a>
</li>
<li>
<a href="define-desired-outcome.html">Define desired outcome</a>
</li>
<li>
<a href="sketch-slides.html">Sketch your slides</a>
</li>
<li>
<a href="get-familiar-setting.html">Get familiar with the setting</a>
</li>
</ul>
</li>
<li>
<a href="Design.html">Design</a>
<ul class="dl-submenu">
<li>
<a href="Design.html">Overview</a>
</li>
<li>
<a href="strong-intro.html">Prepare a strong introduction</a>
</li>
<li>
<a href="authenticity.html">Authenticity</a>
</li>
<li>
<a href="visual-environment.html">How to create a simple, yet effective, visual environment?</a>
</li>
<li>
<a href="structure.html">How to create a logical and easy-to-follow structure in your presentation?</a>
</li>
<li>
<a href="notes-design.html">Some additional notes about slide design</a>
</li>
<li>
<a href="conferences.html">Conferences</a>
</li>
</ul>
</li>
<li>
<a href="Deliver.html">Deliver</a>
<ul class="dl-submenu">
<li>
<a href="Deliver.html">Overview</a>
</li>
<li>
<a href="setting.html">Setting the stage</a>
</li>
<li>
<a href="body-language.html">Body language</a>
</li>
<li>
<a href="anxiety.html">Dealing with anxiety</a>
</li>
<li>
<a href="adapting.html">Adapting to the unforeseen</a>
</li>
<li>
<a href="conversations.html">Conversation with the audience</a>
</li>
</ul>
</li>
<li>
<a href="Evaluate.html">Evaluate</a>
</li>
<li>
<a href="Conclusion.html">Conclusion</a>
</li>
</ul>
</div><!-- /dl-menuwrapper -->
<div id="title">
<a href="home.html" class="home-link">POWERFUL POINT</a>
</div>
</div>
<!-- Book starts here -->
<div id="book">
<h3>Design</h3>
<em>"...great slides serve as a visual aid that reinforces the speaker's message."</em>
<p><em>Nancy Duarte, author of slide:ology: The Art and Science of Creating Great Presentations: The Art and Science of Presentation Design</em></p>
<br/>
<p>
When you finish with the preparation stage for your lecture it is time to start designing your slides. Earlier in this book, we discussed different
presentation applications that will serve you very well in visualizing your information. Even though some of the tools we mentioned differ significantly
from each other, the basic concept that unites them is the same - to provide you with an application with the help of which you will be able to add,
organize and present important information to your audience. And that is an art and science on its own.
</p>
<p>
In this section we will show you how to create compelling presentations by following certain rules about the choice of visual elements and your
presentation's content and structure.
</p>
<blockquote class="tweet" style="font-style:italic">The presentation is about your audience and their benefit only!</blockquote>
<p>
One of the biggest mistakes which presenters often make is to demand from their audience to take notes and listen at the same time. Do you belong to this
group as well? As we mentioned earlier, you can deliver a great presentation only if you leave your ego at the door and realize that the presentation is
about your audience and their benefit only! Guess what happens when you try to force the audience to do two things at a time - listen and write - they
either do only one of those or lose interest in you and your work. And we don't want to have all your efforts go in vain. Here I will show you how with a
few proven and simple techniques you can change your presentation style and engage your audience in your story.
</p>
<p>Overview</p>
<ul>
<li>
<a href="strong-intro.html">Prepare a strong introduction</a>
</li>
<li>
<a href="authenticity.html">Authenticity</a>
</li>
<li>
<a href="visual-environment.html">How to create a simple, yet effective, visual environment?</a>
</li>
<li>
<a href="structure.html">How to create a logical and easy-to-follow structure in your presentation?</a>
</li>
<li>
<a href="notes-design.html">Some additional notes about slide design</a>
</li>
<li>
<a href="conferences.html">Conferences</a>
</li>
</ul>
</div>
<!-- Book ends here -->
<footer>
<!-- Creating a good footer -->
<div class="row-fluid footer">
<div class="span12">
<p class="footer_text">Designed by Boyan Angelov & Marin Gerov. All rights reserved(c). Sekwoia 2013</p>
</div>
</div>
<a href="#" class="go-top">Back to Top</a>
<script>
$(document).ready(function() {
// Show or hide the sticky footer button
$(window).scroll(function() {
if ($(this).scrollTop() > 200) {
$('.go-top').fadeIn(200);
} else {
$('.go-top').fadeOut(200);
}
});
// Animate the scroll to top
$('.go-top').click(function(event) {
event.preventDefault();
$('html, body').animate({scrollTop: 0}, 300);
})
});
</script>
<script>
$('blockquote.tweet').proQuo()
</script>
</footer>
</body>
</html>