KHÓA HỌC

Ứng dụng ICT trong Dạy Học

CHUYÊN ĐỀ

NGHỆ THUẬT THIẾT KẾ

BÀI TRÌNH CHIẾU
LÊ ĐỨC LONG
TRUNG TÂM TIN HỌC
http://thepresentationdesigner.co.uk/blog/academia-sucks-the-soul-out-of-design/
Guy Kawasaki's foreword for Presentation Zen

Suck [intransitive] (slang) – used to say that sth. Is very bad.

Nghĩa là, dùng để chỉ: (người) tồi, (sự vật) buồn tẻ, vô vị.
Oxfort Advanced Learner’s Dictionary.
 Dài dòng
Chúng ta thấy: Tẻ nhạt
Trang chiếu xấu
Nội dung tuỳ tiện

Chúng ta muốn thấy: Ngắn gọn

By Guy Kawasaki (Garage Technology Venture) Đơn giản
Dễ đọc
http://george---kirk.deviantart.com/art/Gold-Leaf-435073973
Hấp dẫn
 Thiết kế bài trình chiếu
như thế nào?

Dựa theo Presentation Tips

By Garr Reynolds, 2008 http://effective-presentation-skills.net/effective-interactive-trainer-program/
Bán cầu não phải thực hiện các chức năng liên
quan đến sáng tạo và nghệ thuật; bán cầu não
trái thực hiện chức năng liên quan đến logic
như khoa học, toán học, …

6 khả năng của não phải

là:thiết kế, kể chuyện, hài hoà,
thấu cảm, hài hước, và tạo ý
nghĩa. Nắm vững những khả
năng này thôi chưa đủ; việc vận
dụng chúng ngày càng trở nên
cần thiết để mang lại thành
công trong cả công việc lẫn đời
sống cá nhân.
(A Whole New Mind, Pink)
 Perception = meaning + emotions
http://www.greyberry.pl/backup/index.php?strona,menu,pol,eng,0,0,1927,presentations,plus.html

Bài trình chiếu tốt tạo ra sự tò

mò, bài trình chiếu tốt sẽ tạo
sự khác biệt so với những
người khác. Bài trình chiếu tốt
truyền tải thông tin và khơi
dậy cảm xúc. Đây là một bí mật
về những bài thuyết trình độc
đáo của Steve Jobs

http://george---kirk.deviantart.com/art/Graceful-Self-Destruction-391810774
Good presentation = Meaning, Story, Design, which should always create message excellence.

http://www.greyberry.pl/backup/index.php?strona,menu,pol,eng,0,0,1927,presentations,plus.html
 Nguyên lí thiết kế
10 chỉ dẫn/luật (‘mẹo vặt’) đầu tiên.

Dựa theo Presentation Tips

http://www.deviantart.com/art/Back-of-my-palm-498443533
By Garr Reynolds, 2008
Đơn giản&Tinh tế

Trang chiếu nên có những khoảng trống như: “white space” hay “negative space”
https://sindianavisions.files.wordpress.com/2011/09/ohio-river-bridge-bw-print.jpg
 “đơn giản là sự tinh tế tột cùng”

Triết lý của Presentation Zen

(Garr Reynolds)
 BEFORE
6 slide sử dụng khoảng
trắng để giới thiệu khái
niệm “Hara hachi bu”
Các slide có hình nền màu
trắng sáng với rất nhiều AFTER
khoảng trống chủ động có
thể điều hướng ánh mắt
người xem.
This slide displays the same
information in a typical pie
chart. The chart’s 3D effects and
extra lines, however, do not
improve the impact or
readability of the information.

In this case, the two bullet points are

easy to read in an instant. The photo
of an actual female part-time worker
in Japan is a step in the right
direction, but it could still be much
better.
 Trang chiếu tốt nhất có thể
không có từ ngữ gì cả!
Từ ngữ&Điểm nhấn
http://www.pxleyes.com/photography-picture/4e921f378e783/a.html
This slide is not unusual,it’s like an “eye chart.” Try to avoid text-heavy slides like this one.

Aim for something like this simple slide above. And this is even better…
Hiệu ứng&Tác động

http://kaz-d.deviantart.com/art/Autumn-glow-414783535
LEFT The blue slide was my first attempt to summarize RIGHT The second slide uses about half the text to
the key points from Dan Pink’s book A Whole New Mind summarize the key points in a more engaging, visual way.
in one slide.
 Hình ảnh&Chất lượng

Nên sử dụng hình ảnh (photographs) có chất lượng cao!

http://www.deviantart.com/art/Haunted-Woods-I-499599640
A traditional slide that duplicates the presenter’s
words is more of a reading test than a visual.
This slide does a much better job of enhancing the
presenter’s spoken words. The photo has impact and makes
the point clearly. Which slide is more memorable? Plus,
since people are not reading, they can actually listen to
you. (Photo of shark from iStockphoto.com)
Try to avoid cheesy clipart like this. This edited stock photograph is more
effective and professional.
In this title slide, the image is primary. In this slide of the same presentation, the
image is secondary and “pushed” to the back
by editing it first in Photoshop.
A simple bar chart without an image. The same simple data with an image added.
The image complements the underlining theme—
saving the planet— without getting in the way of
the chart. (Embedded background images on this
page and opposite page from iStockphoto.com.)
Where Can You Get Good Images?
“The site I recommend most often is iStockphoto.com (the source of most of the images used in
this book). The iStockphoto library is incredibly easy to use; after performing a search, you can
just roll over thumbnails for a larger view without having to open another page.” Garr Reynolds

My personal favorite photo site (Garr Reynolds – in Presentation Zen)

• iStockphoto (www.istockphoto.com)
Other places to get low-cost images
• Dreams Time (www.dreamstime.com)
• Fotolia (www.fotolia.com)
• Japanese Streets (www.japanesestreets.com)
• Shutter Stock (www.shutterstock.com)
A few sites that offer free images
• Morgue File (www.morguefile.com)
• Flickr Creative Commons Pool (www.flickr.com/creativecommons)
• Everystockphoto search engine (www.everystockphoto.com)
• NASA Image Exchange (http://nix.nasa.gov); these images are generally not copyrighted, but read
the copyright for each image to be sure
 Mẫu&Nền có sẵn
Khán giả của bạn mong đợi một bài
trình chiếu độc đáo với nội dung mới…

http://www.deviantart.com/art/Mini-Dragon-466099285
 Biểu đồ&Bảng biểu

Có nhiều cách để trình bày dữ liệu của bạn dưới hình thức biểu đồ, đồ thị
https://dribbble.com/shots/424306-Data-beams
Before After
Không dùng ảnh nền
để tạo sự tập trung và
làm nổi bật biểu đồ
Ảnh minh họa và mẫu Before After
nền tạo nên sự khó
chịu cho người xem
Sự chọn lọc và đơn
giản sẽ giúp người
xem nắm được nội
dung
The top lelf slide is simple
with its slightly textured
background. The last three
slides contain more
nonessential elements that
make them more interesting,
but do not necessarily
increase the clarity of the
data. Any of the designs
may be appropriate,
however, depending on the
situation.
 Màu sắc là cảm xúc. Màu sắc phù hợp có thể giúp thuyết phục và tạo động cơ

http://george---kirk.deviantart.com/art/Broom-413571024
Màu sắc&Cảm xúc
 Font chữ&Kiểu chữ

Sử dụng cùng một bộ phông chữ trong toàn bộ bài trình chiếu
của bạn và sử dụng không quá hai phông chữ bổ sung
http://www.deviantart.com/art/Metal-137364337
 Video&Audio
https://barbaraannephoto.files.wordpress.com/2013/03/barbaraanneportfolio-261.jpg
Thứ tự&Hợp lí

http://www.deviantart.com/art/Box-Thing-409662009
 ❑ D ạy học với bài trình chiếu đa phương tiện cần phải có sự chuẩn bị và tổ
chức; thiết kế; và cuối cùng là trình diễn.

❑ N ghệ thuật của việc thiết kế một bài trình chiếu là tránh để bài trình
chiếu thiếu ý nghĩa (ngữ nghĩa, trọng tâm, sự thu hút); không có cấu trúc (sự
tổ chức); thiếu tính đơn giản (dễ hiểu); và không được diễn tập trước (trình
diễn).

http://www.honeyhelpyourself.com/wp-content/uploads/2013/02/open-heart-book.jpg 47
 Dạy học không chỉ là một nghề mà là sự đam mê!

Hãy dạy học như dạy chính con mình… Winston Churchill

Enjoy your job and love it...

Long Le, 2022

48
http://www.honeyhelpyourself.com/wp-content/uploads/2013/02/open-heart-book.jpg