เอกสารประกอบการบรรยาย...

เทคนคการออกแบบเพอการนำเสนองานวจย

อยางสรางสรรค

วนท 10 มนาคม 2559

โรงเรยนจฬาภรณราชวทยาลย ลพบร

ณ บานวทยาศาสตรสรนธร อทยานวทยาศาสตรประเทศไทย

คายกาวแรกสเสนทางนกวทย (First Step to Become a Scientist)

นายบณฑต บญยฤทธ (อน) ปรญญาโท ป 1 สาขาชวเคม คณะวทยาศาสตร มหาวทยาลยเกษตรศาสตร

ศษยเกาโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช รน 15 ทตเยาวชนวทยาศาสตรไทย 2557 (Young Thai Science Ambassador 2014)

นกเรยนทน JSTP#14 ม.ปลาย งานวจยทสนใจ: Protein bioinformatics, Pharmaceutical bioinformatics Computer-aided drug design & discovery (cancer)

Flipchart

การวจยทางวทยาศาสตร อะไร?

? ??โจทยวจย

Scientific method

ผลงานทสมบรณ

การวจยทางวทยาศาสตร ทำไม?

ความสำเรจทแทจรงอยทการนำความรไปประยกตใช เพอประโยชนสขแกมวลมนษยชาต True successes is not in the learning, but in its application to the benefit of mankind

วทยาศาสตรและเทคโนโลย

การคนพบ

การประดษฐ

ความร

ประโยชน

นวตกรรมสสงคม

พระราชบดา ยงยทธ ยทธวงศ

ยอดหทย เทพธรานนท

“ลองคดในทางกลบกน โลกปจจบนจะเปนเชนใด ถาอจฉรยะบคคลอยาง กาลเลโอ นวตน เมนเดล ไอนสไตน หรอ วตสนและครก ไมสนใจทจะเรยนรและทำวจย”

การวจยทางวทยาศาสตร อยางไร?

? ??โจทยวจย

“จนตนาการสาคญกวาความร เพราะความรนนจากด แตจนตนาการโอบอมทงโลก กระตนความกาวหนา กอใหเกดววฒนาการ วาไปแลวมนเปนปจจยทแทจรงในการวจย

วทยาศาสตรทเดยว” Albert Einstein

Cosmic Religion: With Other Opinions and Aphorism (1931)

หลกคด

Scientific method

36 Part I: Getting Started with Infographics

approach that you repeat with every single project will mean that you can focus on the important things. Why do you think basketball players practice shooting for hours? When it’s time to launch their shot, they don’t have to think about how they make their hands and legs do what they need to do. It’s muscle memory.

Your process may look something like Figure 3-1.

Figure 3-1: Develop your own creative process.

Process: Not one-size-fits-allAlthough there is no single answer for every infographic producer when it comes to how the work gets done, what’s important is that you find a process that works for you — and stick to it. Also, don’t fear making changes to that process when something clearly isn’t working. Maybe getting approvals from your internal edi-tors is taking too long. If so, address the issue, put a new policy in place, and move on.

Remember: Creating a standard approach for creating your infographics isn’t meant to make your job boring. Rather, it’s meant to free you, to allow you to focus on bigger picture issues — and those bigger picture issues will help build your skills and reputation as an info-graphics producer.

3P - Plan, Produce, Publish

1. ผสงสาร หรอแหลงสาร

2. สาร

3. สอ หรอชองทาง

4. ผรบสาร

เราจะทำอยางไรเพอใหผรบสารเขาใจสงทเราตองการจะสอ?

องคประกอบของการสอสาร

DESIGN VS SCIENCE

http://mills-scofield.com/blog/2013/10/7/integrating-design-theory-the-scientific-process.html

Empathize Define Test

AnalyzeHypothesisObserve Experiment

Ideate PrototypeDesignTheory

ScientificProcess

Ove

rhea

d P

roje

ctor

Po

lice b

eg

in u

sin

g o

verh

ead

pro

jecto

rs f

or

their

id

en

tifi

cati

on

wo

rk, q

uic

kly

fo

llow

ed

b

y t

he m

ilita

ry, ed

ucato

rs,

an

d b

usi

ness

es.

1945CE

35m

m S

lide

Pre

sent

atio

nsT

he 3

5m

m s

lide p

roje

cto

r en

ab

les

pro

fess

ion

als

to

co

mm

un

icate

id

eas

seq

uen

tially

to

larg

er

au

die

nces.

Th

e

pio

neeri

ng

35

mm

slid

e f

irm

Gen

ag

rap

hic

s ch

arg

es

fro

m $

30

0 t

o $

150

0 p

er

pro

pri

eta

ry s

lide.

1950CE

Pow

erP

oint

Th

e c

lick h

eard

‘ro

un

d t

he w

orl

d:

Po

werP

oin

t 1.0

deb

uts

fo

r th

e M

acin

tosh

. S

ud

den

ly e

very

on

e c

an

desi

gn

slid

es.

Lit

tle

co

nsi

dera

tio

n is

giv

en

to

wh

eth

er

or

no

t th

is is

a g

oo

d id

ea.

1987CE

Per

vasi

ve P

CP

Cs

sit

on

every

desk

top

in

th

e w

ork

pla

ce

an

d h

igh

-sta

kes

bu

sin

ess

co

mm

un

icati

on

s evo

lve f

rom

pri

nte

d d

ocu

men

ts t

o d

igit

al

pre

sen

tati

on

s. T

he 3

5m

m s

lide c

om

pan

ies

go

exti

nct

alm

ost

overn

igh

t.

1992CE

An

Inco

nven

ient

Tru

thA

l G

ore

rais

es

envir

on

men

tal co

nsc

iou

sness

, w

ins

an

Acad

em

y A

ward

, an

d r

eceiv

es

the

No

bel P

eace P

rize f

or

telli

ng

a c

om

pelli

ng

st

ory

ab

ou

t clim

ate

ch

an

ge w

ith

lit

tle m

ore

th

an

a s

lide s

ho

w.

2007CE

Cog

nitiv

e S

tyle

of P

ower

Poi

ntE

dw

ard

Tu

fte a

uth

ors

“T

he C

og

nit

ive S

tyle

o

f P

ow

erP

oin

t.”

In it,

he s

ug

gest

s th

at

Po

werP

oin

t im

pair

ed

th

e q

ualit

y o

f th

e

en

gin

eers

' in

vest

igati

ve a

naly

sis

on

th

e

Co

lum

bia

Sp

ace S

hu

ttle

wh

en

it

was

gra

vely

im

pacte

d b

y d

eb

ris.

2003CE

xv

When you think of presentations, your immediate thoughts probably travel only as

far back as 1987—the beginning of the PowerPoint era. If you broaden your perspec-

tive, you might recall an age of 35mm slides and flip charts—the latter half of the

last century. And though the means and methods have changed over time, the mes-

sages by and large have not: you recount stories, present new information, strive to

change others’ minds. The world is wired for visual as well as verbal communication.

Don’t believe it? Consider this timeline:

500BCE

Pub

lic S

peak

ing

Th

e G

reeks

pio

neer

the s

tud

y a

nd

pra

cti

ce

of

ora

tory

an

d lo

go

gra

ph

y. C

en

turi

es

late

r,

Ars

Ora

tori

a (

the a

rt o

f p

ub

lic s

peakin

g)

is a

m

ark

of

pro

fess

ion

al co

mp

ete

nce in

Ro

me,

esp

ecia

lly a

mo

ng

po

litic

ian

s an

d law

yers

.

1350CE

Bar

Gra

phs

Bis

ho

p N

ico

le O

resm

e c

reate

s a “

Pro

to-B

ar

Gra

ph

” fo

r p

lott

ing

vari

ab

les

in a

co

ord

inate

sy

stem

. T

han

kfu

lly, h

e lacks

dis

tracti

ng

, m

od

ern

textu

res.

3000BCE

Egy

ptia

n M

ural

sL

arg

e, p

icto

gra

ph

ic m

ura

ls c

om

mu

nic

ate

co

mp

lex id

eas

to c

row

ds

of

tho

usa

nd

s.

Hie

rog

lyp

hic

sym

bo

ls—

fun

cti

on

ing

as

bo

th

rep

rese

nta

tive im

ag

es

an

d p

ho

neti

c

co

mp

on

en

ts—

au

gm

en

t la

rger

imag

es

to

ble

nd

vis

ual an

d v

erb

al co

mm

un

icati

on

.

950CE

Sta

ined

Gla

ss W

indo

ws

Befo

re t

he p

rin

tin

g p

ress

, th

e R

om

an

C

ath

olic

Ch

urc

h c

onveyed

sto

ries

of

sain

ts

an

d b

iblic

al ch

ara

cte

rs t

o a

mo

stly

ill

itera

te p

ub

lic t

hro

ug

h t

he c

olo

rfu

l m

ed

ium

o

f st

ain

ed

gla

ss. T

he m

ess

ag

es

stic

k.

15000BCE

Cav

e P

aint

ings

Th

e 2

,00

0 im

ag

es

fou

nd

in

th

e c

aves

at

Lasc

au

x, F

ran

ce n

arr

ate

sto

ries

thro

ug

h

ch

ara

cte

r, s

eq

uen

ce, an

d m

oti

on

. T

he o

ldest

evid

en

ce t

he w

orl

d h

as

of

vis

ual st

ory

telli

ng

, th

e p

ain

tin

gs

dem

on

stra

te e

arl

y r

elia

nce o

n

usi

ng

im

ag

es

to c

onvey m

ean

ing

.

1845CE

Com

ic S

trip

sS

wis

s art

ist

Ru

do

lph

e T

öp

ffer

develo

ps

the

fore

run

ner

to t

od

ay’s

mo

dern

co

mic

str

ips:

h

e t

ells

co

mp

lete

sto

ries

usi

ng

fra

mes

that

co

nta

in b

oth

im

ag

es

an

d t

ext.

xiv

Brief History of Visual Aids

15000 กอนค.ศ.

3000 กอนค.ศ.

500 กอนค.ศ.

950 ค.ศ.

1350 ค.ศ.

1845 ค.ศ.

1945 ค.ศ.

1950 ค.ศ.

1987 ค.ศ.

1992 ค.ศ.

2003 ค.ศ.

2007 ค.ศ.

ภาพเขยนตามถำ

จตรกรรมฝาผนงในอยปต

การพดกบคนหมมาก

หนาตางลายกระจกส

แผนภมแทง

การตนสน

เครองฉายแผนใส

การนำเสนองานดวยสไลด 3

5 ม.ม

.

เพาวเวอรพอยต

การแพรหลายของคอมพวเตอรสวนบคคล

รปแบบการคดของพาวเวอรพอยต

ความจรงทไมมใครอยากเหน

History of Visual Artการนาเสนอดวยตวพมพ

Creating a New Slide Ideology 11

สารท

ตองการนา

เสนอ

การพด ภาพเรองราว

ผฟง

สราง

ความคดการเขยน

บทวจารณ

คด เปนภาพ

ออกแบบ

กราฟฟก

ออกแบบ

ความ

เคลอนไหว

ขอวจารณมนษย

เวบหรอ

เครองมอ

เอกสาร

กระดาษ

ขอวจารณ

นกถงลกษณะเฉพาะของผฟง กาหนดแนวโนม ขอบเขตเนอหา สารวจสถานท

จดระดมสมอง กาหนดภาพโดยรวมของการนาเสนอ

ทาโครงสราง

กาหนดโครงเรอง เขยนบท เขยนเรองราว

ชกจงและชนาผฟง คนหาและระบความตาง และชองวางระหวงผฟง ทาทายความเชอและสภาพทเปนอยเดม

รางสตอรบอรด นกภาพแผนทคา เปลยนคาใหเปนภาพ กาหนดลาดบความสาคญ สรางแผนภาพตาง ๆ เลอกสรรขอมล

จดประเภท กาหนดส สรางพนหลง เลอกรปภาพ ประกอบเปนแมแบบ

ระบวตถประสงค กาหนดความเรว กาหนดทศทาง ออกแบบความลนไหล

รวบรวมผลวจารณ วางตาแหนงภาพเนอหา เชอมโยงภาพกบการสรางแบรนด ยนยนความสอดคลองกบการเคลอนไหว

ของสายตา

เลอกลกษณะปฏสมพนธ ใชภาษากาย ตาประสาน

จงหวะเคลอนทเหมาะสม ระบสงสนบสนน

จงหวดระเบดเนอหา ระบบเสยงอลงการ

ปรบปรงการออกแบบ รวมสอเขาเปนหนงเดยว

ออกแบบปฏสมพนธ

แจกเอกสารทเกยวของ ภาพรางบนฟลปชารท

ออกแบบแผนภาพโฆษณา มภาคผนวก

ซกซอมบอย ๆ บนทกการนาเสนอของตวเอง

เลาเรองดวยสไลด ขอผลประเมน

เราจะทำอยางไรเพอใหผรบสารเขาใจสงทเราตองการจะสอ?

WHAT

WHERE

WHEN

WHY

WHO

WHOM

เราจะมาพดเรองอะไร?

เรามาพดทไหน?

เราจะพดเมอไร?

ทำไมจงมาเสนอ?

ใครเปนคนนำเสนอ?

เราจะเสนอแกใคร?

HOWวางแผนอยางไร?

หลก 6 W 1H

การนาเสนอดวยตวพมพ

ผนำเสนอมกจะนำขอความทตองการ

จะนำเสนอแกผฟงวางในสไลดทกคำ ทกตวอกษร เพอไมใหตนเองลมสงทตองการจะพดถง เม อผ ฟงมองดสไลดของคณแลวจะรสกวาเบยดแนน

ไปดวยตวอกษร ซงแนนอนวาผนงฟง ณ ขณะนนคงจะเกดอาการเบอ งวง ในทสดจะสงผลทำใหผฟงไมสนใจสงท

คณตองการจะนำเสนอ...

1

ไมควรนำคำพดท

ตองการนำเสนอลง

ในสไลดทกตวอกษร

2

ขนาดอกษรควรมความพอด

ขนาดตวอกษรในสไลดใหญเวอร

0

75

150

225

300

April June August

135654880

4355 93120143633627

Region 1 Region 2

3

หลกเลยงการใช bullet ทมากเกนความจำเปนใน 1 สไลด

หลกเลยงการใชBulletทมาก

เกน

ความ

จำเปนเรา

ควรกำหนดหวขอทตองการ

จะ

นำเสนอ

ไม

เชนนนผฟงอาจจะเบอ

จบประเดน

ไมได

และ

4

หลกเลยงการใชสทไมดตอสายตา

Bad Color Schemes

อาจทำใหผฟงปวดหวแสบตาเสยสมาธคลนไสอาเจยน

Data VS Effectiveness

การประมวลผลขอมลควรมความพอด

5

งานนำเสนอทสงผลเสยตอผฟง

คณเรยนรพนฐาน เพราะมนชวยใหคณทางานงายขน

และออกแบบไดดขน

John McWade

นกออกแบบและนกเขยน

The ingredients of a Great Presentation

Aaส ขอความ รปภาพ

116 slide:ology

Background

A background is a container or surface on which to place visual elements. It can incorporate anything you want, or it can have nothing on it at all. You determine whether the surface is opaque or textured,

and whether it has a light source, and from where it origi-

nates. But first you need to pry yourself away from the

default templates with their preordained slide junk. Think

through what is really required. What reflects your intent

and personality? What reflects your company’s brand?

What will act in service to your information rather than

compete with it? Consider approaching the background

in a way never seen before.

พนหลงการนาเสนอดวยตวพมพ

ขอมลเชงปรมาณทมากเกนความจาเปน

ขอมลเชงปรมาณทมความพอด

หลกเลยงความรกรงรง

อกษรตวใหญชดเจน

It’s a thirsty world.

THIRST

อกษรตวใหญชดเจน

ขยายใหญ!

องคประกอบทไมควรมองขาม

ระยะหางระหวางบรรทดมความพอด

ระยะหางระหวางบรรทดมากเกนไป

Wind accounted for over1.5% of global electricity

consumption in 2008

ระยะหางระหวางบรรทดชดเกนไป

Wind accounted for over1.5% of global electricity

consumption in 2008

Wind accounted for over

1.5% of global electricity

consumption in 2008

มพนทใหอกษรหายใจ

การวางขอความแบบปกต สอความหมายทวไปการวางขอความในตาแหนงแปลกไป

สอความหมายไดอกแบบWater is the best sport drink. 60 millon

plastic water bottles are

thrown away everyday in the US.

ขอความทรงพลงกบภาพ

การใชรปทไมเหมอนกนนาไปสการเลาเรองทแตกตางกน

15 billon gallons of soda are sold each

year in the U.S.

15 billon gallons of soda are sold each year in the U.S.



15 billon gallons of soda are sold each

year in the U.S.

ขอความทรงพลงกบภาพ

การสอสารดวยส

รอน กระตน ตนเตน มพลง สำคญ อนตราย

อบอน สดใส มชวตชวา วยรน ระแวดระวง

แจมใส สดใส ใหม แผกระจาย อำนาจบารม

รมรน สงบ พกผอน ธรรมชาต ปกต ปลอดภย

ปลอดโปรง กวาง เบา ปลอดภย สวาง

สขม สภาพ ซอสตย ละเอยด รอบคอบ เยอกเยน

ความสงศกด ลลบ ซอนเรน มอำนาจ มงคง หรหรา

การใชสสรางอารมณ

WARM

COOL

Color wheel

การใชสสรางอารมณ

ใชสเขมกบตวอกษรใชสออนในการเนนขอความ

การใชสแบบเอกรงค (Monochrome) ไดแก การไลสเดยวกนใหมนำหนก แกออนลงไปตามลำดบ

โครงสแบบเอกรงค

Japan U.S.A. Switzerland Canada Germany U.K. Finland France Sweden Denmark

48.948.243.643.0

36.636.233.3

29.728.327.9

TOTAL TAX REVENUEas percentage of GDP (2006)


48.948.243.643.0

36.636.233.3

29.728.327.9


โครงสแบบเอกรงค

Tetrad

Double Complementary

Split complementary Triad

การใชสคตรงขาม (Dyad) เปนการเลนการ ตดการตดกนของส

สตรงขาม

การใชสขางเคยงกน (Analogous) ทำใหเกดความกลมกลน แบบ 2 ส และ 3 ส

สขางเคยง


48.948.243.643.0

36.636.233.3

29.728.327.9



48.948.243.643.0

36.636.233.3

29.728.327.9


สขางเคยง


48.948.243.643.0

36.636.233.3

29.728.327.9



48.948.243.643.0

36.636.233.3

29.728.327.9


สตรงขาม

UrgentContext

ContextNormal

Normal

Wrong

การใชแผนภาพ

Creating Diagrams 45

StructureMatrices

Trees

Layers

PictorialDirection

Location

Reveal

Process

Influence

Display DataComparison

Trend

Distribution

ClusterOverlapping

Closure

Enclosed

Linked

RadiateFrom a point

With a core

Without a core

FlowLinear

Circular

Divergent/Convergent

Multidirectional

Abstract Concepts Realistic Concepts

The diagram section depicts examples of six common diagram types.

The first four types show common shapes that can be used to explain

various abstract relationships. The last two types show illustrated

solutions of a more literal, realistic nature.

Below is a key for how the section is organized.

กรอบคดเชงนามธรรม กรอบคดเชงรปธรรม

การไหล เชงเสน แบบวงกลม

แยกออก / บรรจบกน หลายทศทาง

โครงสราง แบบตาราง แบบตนไม แบบแยกชน

กลมกอน แบบซอนเหลอม

แบบปด แบบวงลอม แบบเชอมตอ

แบบรศม แตกออกจากจดเดยว

แบบมแกน แบบไมมแกน

แบบรปภาพ บอกทศทาง บอกตาแหนง เผยใหเหน

บอกการทางาน แสดงอทธพล

การแสดงขอมล แบบเปรยบเทยบ แสดงแนวโนม

แสดงการกระจาย

3 steps การจากด การลด การเนน

รายละเอยดในสไลดมากเกนไปจากดขอมลแตพอด

0.00

12.50

25.00

37.50

50.00


48.948.243.643.0

36.636.233.3

29.728.327.9


eqfemfeqfmegmeflmwqefmwq[rfmqpf[mefomqwofmeofmeqofmqrfmqw[fmq[mfeq[mfe

eqfemfeqfmegmeflmwqefmwq[rfmqpf[mefomqwofmeofmeqofmqrfmqw[fmq[mfeq[mfe


48.948.243.643.0

36.636.233.3

29.728.327.9


การจำกด

การทาใหขอมลเรยบงาย


48.948.243.643.0

36.636.233.3

29.728.327.9


จอภาพจะแสดงอะไรใหผชมด มนจะชวยใหผชมเหนประเดนของคณไดอยางไร แผนภมนแสดงสาระของประเดนอะไรบาง มสวนใดในสไลดนบางทไมจาเปน

การลด

ใสขอมลทเนนลงไป แตทาใหขอมลเหลานนเปนแอนเมชน


48.948.243.643.0

36.636.233.3

29.728.327.9


Finland 40.0% —> 43.0%

การเนน


Divergent and Convergent: Flow that occurs when two or more elements either collide or separate out from each

other as if splitting off.

Multidirectional: Flow that expresses complex relationships—flow charts, for instance. Often these flows result from a

combination of the preceding types.

กรอบคดเชงนามธรรม: การไหล

แยกออกและบรรจบกน: การไหลซงมลกษณะเปนกระบวนการเดยวแลวมาแยกออกจากกน หรอมาจากมากกวา 1 กระบวนการแลวบรรจบกน

46 slide:ology

Abstract Concepts: Flow

Circular: Flow that represents a continuous process without an end point. Any closed loop shape could work.

Linear: Flow construction that illustrates a process with a definite start and end point. The diagram can follow a straight line

or be a series of steps along a line.


เชงเสน: เปนการไหลซงมลกษณะเปนกระบวนการ โดยมจดเรมตนและสนสดทแนนอน แผนภาพแบบนสามารถเรยงตามกน

เปนเสนตรง หรอแสดงชดของขนตอนตาง ๆ ไปบนเสนนนกได

46 slide:ology

Abstract Concepts: Flow

Circular: Flow that represents a continuous process without an end point. Any closed loop shape could work.

Linear: Flow construction that illustrates a process with a definite start and end point. The diagram can follow a straight line

or be a series of steps along a line.


แบบวงกลม: การไหลซงมลกษณะเปนกระบวนการตอเนองโดยไมมจดสนสด สามารถใชรปทรงอะไรกไดทมลกษณะเปนวง

บรรจบกน


Divergent and Convergent: Flow that occurs when two or more elements either collide or separate out from each

other as if splitting off.

Multidirectional: Flow that expresses complex relationships—flow charts, for instance. Often these flows result from a

combination of the preceding types.


หลายทศทาง: แผนภาพซงแสดงถงความสมพนธทซบซอน เชน ผงงาน (flowchart) สวนใหญเปนผลมาจากแผนภาพประเภท Divergent และ Convergent

48 slide:ology

Abstract Concepts: Structure

Trees: Structures that indicate clear hierarchy. Relationships can be expressed between any number of objects.

Matrices: Structures that compare data with at least two different data sets. One set of data can even be a yes/no set of

data, as in a checklist.

กรอบคดเชงนามธรรม: โครงสราง

แบบตาราง: เปนโครงสรางเชงเปรยบเทยบระหวางขอมลทแตกตางกนอยางนอย 2 ชด อาจเปนขอมลประเภท ใชหรอไมใช ทอยในรปแบบของ Checklist

48 slide:ology

Abstract Concepts: Structure

Trees: Structures that indicate clear hierarchy. Relationships can be expressed between any number of objects.

Matrices: Structures that compare data with at least two different data sets. One set of data can even be a yes/no set of

data, as in a checklist.


แบบตนไม: เปนโครงสรางเชงระดบขนของความสมพนธ ซงความสมพนธอาจแสดงออกระหวางจดใดจดหนงกได


Layers: Structures that show elements that stack or build on each other. They can depict both hierarchy and sequence.


แบบชน: โครงสรางซงแสดงองคประกอบทซอนกนขนไป หรอตองสรางขนจากอกองคประกอบหนง มนสามารถอธบายไดทงระดบบงคบบญชาและลาดบการทางาน

50 slide:ology

Closure: Clusters that emerge when shapes combine to create another shape. This principle of Gestalt psychology can be

useful when expressing the idea that “the sum is greater than the parts.”

Overlapping: Clusters that overlap and indicate shared sets, interest, or responsibility. Sometimes they form a new shape

or area within the overlap.

Abstract Concepts: Cluster

กรอบคดเชงนามธรรม: กลมกอน

แบบซอนเหลอม: กลมกอนซงมสวนซอนเหลอมกนและบงชวามกลมความสนใจหรอความรบผดชอบรวมกน บางครงมนอาจกอใหเปนรปทรงหรอพนทใหมขนในสวนทซอนเหลอมได

50 slide:ology

Closure: Clusters that emerge when shapes combine to create another shape. This principle of Gestalt psychology can be

useful when expressing the idea that “the sum is greater than the parts.”

Overlapping: Clusters that overlap and indicate shared sets, interest, or responsibility. Sometimes they form a new shape

or area within the overlap.

Abstract Concepts: Cluster


แบบปด: กลมกอนซงปรากฏขนเมอรปทรงตาง ๆ ประสานงานรวมเขาเปนอกรปทรงหนง


Linked: Clusters that are linked as a unifying element to group items. A unifying element links related groups of items. It

could be a line, shape, or connector of any kind.

Enclosed: Clusters that are enclosed and contain at least one element that envelops another. Grouping in this way indi-

cates which elements are part of a higher order, and which stand alone.


แบบวงลอม: กลมกอนซงมองคประกอบอยางนอยหนงอยาง ลอมหรอหอหมองคประกอบอนไว การรวมกลมลกษณะน บงชวา องคประกอบยอยชนไหนบางทเปนสวนของลาดบทใหญขน และชนไหนบางทยนอยโดยลาพง


Linked: Clusters that are linked as a unifying element to group items. A unifying element links related groups of items. It

could be a line, shape, or connector of any kind.

Enclosed: Clusters that are enclosed and contain at least one element that envelops another. Grouping in this way indi-

cates which elements are part of a higher order, and which stand alone.


แบบเชอมตอ: กลมกอนซงมการเชอมตอกนเปนองคประกอบ องคประกอบทรวมกนน จะเชอมโยงกบกลมรายการตาง ๆ มนอาจอยในลกษณะเสน รปทรง หรอตวตอเชอมแบบไหนกได

52 slide:ology

With a core: Creates a parent-child relationship. The outer elements connect with a central element to hold the family together.

From a point: Occurs when a single directional “burst” emerges from either a graphic or point that has a clear point of origin.

Abstract Concepts: Radiate

กรอบคดเชงนามธรรม: แบบรศม

แตกออกจากจด ๆ หนง: เกดขนเมอมการ “ระเบด” ออกในทศทางเดยวกนจากภาพหรอจด ซงเหนไดชดเจนวาเปนจดระเบด

52 slide:ology

With a core: Creates a parent-child relationship. The outer elements connect with a central element to hold the family together.

From a point: Occurs when a single directional “burst” emerges from either a graphic or point that has a clear point of origin.

Abstract Concepts: Radiate


แบบมแกน: เปนความสมพนธแบบแมกบลก องคประกอบซงอยรอบนอกจะเชอมตอกบองคประกอบศนยกลาง เพอรกษาครอบครวใหอยดวยกน


Without a core: Implies that elements connect through proximity or mutual attraction. They are tied to one central area.

You’ve noticed that the abstract concepts are usually shapes

that are combined to show relationships. In this next section

you’ll see a sampling of diagrams that are realistic. It is by

no means exhaustive. There’s no limit to how you tell your

story visually.


แบบไมมแกน: หมายถง องคประกอบทงหลายเชอมโยงกนดวยความใกลชดหรอความสนใจซงกนและกน องคประกอบเหลานผกโยงทพนทกลางเดยวกน

54 slide:ology

Direction: Showing where to go or how to get somewhere. They usually feature a starting location and destination, and

may contain written directions.

Reveal: An illustration of hidden information shown by slicing, peeling, or otherwise exposing a thing’s inner workings.

Realistic Concepts: PictorialProcess: A snapshot of how things work sequentially as a product or system.

54 slide:ology




Realistic Concepts: PictorialProcess: A snapshot of how things work sequentially as a product or system.

54 slide:ology




Realistic Concepts: PictorialProcess: A snapshot of how things work sequentially as a product or system.กรอบคดเชงรปธรรม: แบบรปภาพ

บอกการทางาน: ภาพนงแสดงการทางานโดยลาดบในการผลตหรอระบบ

เผยใหเหน: การอธบายถงขอมลทซอนอยดวยการหนออก ลอกเปลอก หรอวธใด ๆ ทเผยใหเหนการทางานขางในของสงนน

บอกทศทาง: เปนการแสดงวาจะไปทใดหรอจะไปถงอยางไร ผงภาพแบบนมกแสดงตาแหนงเรมตนและปลายทางไว และอาจบรรจดวยขอความบอกทศทาง


Location: Showing where something is in the context of geography, topography, system, or shape. These diagrams call

attention to a specific location while providing context.

Influence: Demonstrating the resulting impact of various interacting elements.


Location: Showing where something is in the context of geography, topography, system, or shape. These diagrams call

attention to a specific location while providing context.

Influence: Demonstrating the resulting impact of various interacting elements.

กรอบคดเชงรปธรรม: แบบรปภาพ

บอกตาแหนง: แสดงวาสงใดสงหนงอยทใดในบรบททางภมศาสตร แผนท ระบบ หรอรปทรง แผนภาพเหลาน

ตองการใหใสใจกบตาแหนงทตง ขณะเดยวกนกใหอรรถาธบายไวดวย

แสดงอทธพล: เปนการแสดงถงผลจากแรงกระทบจากปฏสมพนธขององคประกอบตาง ๆ

56 slide:ology

Trend: One parameter of the data represents time, to indicate a trend. Change over time is the most important aspect of

these diagrams.

Comparison: Juxtaposition of two or more sets of information to illustrate differences. Bar graphs, pie charts, and any

number of other methods are suitable.

Realistic Concepts: Display Data

กรอบคดเชงรปธรรม: การแสดงขอมล

แบบเปรยบเทยบ: เปนการเทยบเคยงชดขอมลอยางนอย 2 ชด เพอแสดงออกใหเหนถงความแตกตาง แผนภมแทง แผนภมวงกลม และวธอน ๆ อกมากมาย สามารถใชไดตามความเหมาะสม

56 slide:ology

Trend: One parameter of the data represents time, to indicate a trend. Change over time is the most important aspect of

these diagrams.

Comparison: Juxtaposition of two or more sets of information to illustrate differences. Bar graphs, pie charts, and any

number of other methods are suitable.

Realistic Concepts: Display Data


แสดงแนวโนม: ตวแปรเดยวของขอมล แสดงดวยเวลาเพอบงบอกแนวโนมการเปลยนแปลงทเกดขนตามเวลาทเปลยนไป

คอลกษณะสาคญทสดของแผนภาพชนดน


Distribution: Expression of a pattern in seemingly disparate data. Whether a scatter plot, bell curve, or other model, distri-

bution diagrams correlate singular instances into a larger pattern.

Including display data in the diagram section may seem illogi-

cal. But data displayed visually is a diagram of sorts—and it’s

often more clear when the display highlights the meaning of

the information. Rather than oversimplify the complexities of

statistics, successful information design can often incorporate

multiple parameters, telling a richer story of cause-and-effect

than data points alone.


แสดงการกระจาย: เปนการแสดงถงลกษณะขอมลทแสดงใหเหนวาแตกตางกน โดยตองมความสมพนธของกรณอยางใดอยางหนงในลกษณะทขยายขน

คณรบรความจรงแทจากความงาม และความเรยบงายไดเสมอ

Richard Feynman นกฟสกส

สรางเปาหมายและจดโฟกส

The ingredients of a Great Presentation

สรางความกลมกลนการมองเหนและการใชพนทวาง

“มนเปนความเกยจครานของผนาเสนอ ทยดทกสงทกอยางลงไวในสไลดภาพเดยว”

https://germanicusfink.files.wordpress.com/2014/03/munroe_joe_1241_2005.jpg

มความสมมาตร ไมไดสรางความแปลกใหมมความไมสมมาตร สรางความแปลกใหม

Ut enim ad minim.

Ut enim ad minim.

ความไมสมมาตร

หลกการสำคญในการออกแบบ

พนทวาง คอ สงมหศจรรย จงสรางมนขน อยาแคเตมใหเตม!

Timothy Samara นกออกแบบกราฟกและอาจารย

การมองเหนและการใชทวางมความสมมาตร ไมไดสรางความแปลกใหม

มความไมสมมาตร สรางความแปลกใหมThe

Enormo Burger

The

Enormo Burger


มความสมมาตร ไมไดสรางความแปลกใหมมความไมสมมาตร สรางความแปลกใหม

July 20, 1989

“Beautiful, beautiful. Magnificent desolation.”

Buzz Aldrin As the set foot on the moon

July 20, 1989

Beautiful, beautiful.

Magnificent desolation.

Buzz AldrinAs the set foot on the moon

“ ”


ขอความหางจากขอบอยางเหมาะสม

ขอความชดขอบเกนไป

The location

The location

พถพถนกบขอบภาพ

ขอความตรงกลางมความคนชนกบสายตาเราขอความตาแหนงแปลกไปมความคนชน

กบสายตาเรา

Duis aute irure dolar Duis aute irure dolar

กงกลางภาพ

ตาแหนงกงกลางอาจไมจาเปนเสมอไป

ตาแหนงกงกลางอาจไมจาเปนเสมอไป

Duis aute irure dolar

Duis aute irure dolar

กงกลางภาพ

ไมมขอบดานขวา

ขอความชดขอบเกนไปThe

location

Cannon beach, Oregon

The location

พถพถนกบขอบภาพ

รปภาพขดแยงกบขอความ

รปภาพชนาตอขอความ

Look betterNaked Look better

Naked

การชนำสายตา

พนทสมมตทาใหภาพสนใจมากขน

พนทสมมตทาใหภาพสนใจมากขน

Moderate consumption of red wine ona regular basis may be a preventative

against coronary disease and someforms of cancer.

www.winepros.org Water is the best sport drink.

พลงพนทสมมต

“การสงเกตความแตกตางในธรรมชาตนาไปสการสรางจดโฟกส”

http://www.wallpaperup.com/37996/monochrome_black_white_landscapes_mountains_sky_silhouette.html

สรางเปาหมายและจดโฟกส

คอนทราสตดานขนาด

คอนทราสตแบบมเปาหมาย

คอนทราสตดานรปทรง


คอนทราสตดานทศทาง


คอนทราสตดานตาแหนง


คอนทราสตดานแมส (ส)


พนหลงแยกชดเจนกบภาพ

เรยบงาย สมบรณแบบRice consumption in Japan continues decline

2007

Rice consumption in Japan continues decline

2007

ใชความเรยบงาย

ใชสทมากเกนความจาเปน

เรยบงาย สมบรณแบบRice consumption in Japan continues decline

1968

Rice consumption in Japan continues decline

1968

ใชความเรยบงาย

ฉากหลงกลนกบตวอกษร

ฉากหลงกลนแยกตวอกษร

PacificThailand

China

Australia

India

PacificIndia

China

Thailand

Australia

ฉากหลงมความเดนนอย

มจดคอนทราสตมากกวา 1 จด

12.50

25.00

37.50

50.00


2006 2005

TOTAL TAX REVENUEas percentage of GDP

12.50

25.00

37.50

50.00


2006 2005



ความโดดเดนและโครงสราง


มจดคอนทราสตจดเดยว

12.50

25.00

37.50

50.00


2006 2005


12.50

25.00

37.50

50.00


2006 2005


ความโดดเดนและโครงสราง

ความกลมกลน

แบบอกษรทไมเขากบรปภาพ

แบบอกษรทเขากบรปภาพFirst Security Safes Int’l

If it’s not secure, It’s not your vault.

First Security Safes Int’l If it’s not secure, It’s not your vault.

ความคลายคลง

แบบอกษรทไมเขากบรปภาพ

แบบอกษรทเขากบรปภาพRule#4 We don’t pay attention to boring things

Rule#4

We don’t pay attention to boring things

ความคลายคลง

แบบอกษรทเขากบรปภาพ

KNOWLEDGE PERSONALITYINTENTION READINESS STRATEGY

ใชสญลกษณชวย

องคประกอบทไมเขากน

องคประกอบเขากนLorem ipsum dolor sit ametDuls aute irure dolar in

Excepteur sint occaecat

cupidatat non proident

Excepteur sint occaecat cupidatat non proident

Excepteur sint occaecat cupidatat non proident

Lorem ipsum dolor sit ametDuls aute irure dolar in

(1) Excepteur sint occaecat cupidatat non proident



เชอมโยงองคประกอบ

การนาเสนอดวยตวพมพ

การเดนทางสการพฒนา

ปฏบตตอผฟงอยางราชา

แผกระจายความคด และขบเคลอนผคน

ชวยใหพวกเขามองเหนสงทเราพด

หดออกแบบ ไมใชตกแตง

บมเพาะสมพนธภาพทสมบรณ

เทคนคการออกแบบเพอการนำเสนองานวจย

อยางสรางสรรคCHALLENGE

Redesign to Flipchart

กจกรรมเปลยนการออกแบบ

เพอการนาเสนอแบบ Flipchart

13% of women in Japan smoke

53% of men in Japan smoke

Women Men

Flip Chart Magic!

4

?กจกรรมมทงหมด

3 ตอน

Pitching ideas 15 min

ใหผเขารวมกจกรรมเสนอไอเดยการออกแบบขอมลตวอยางทกาหนดมาให เพอใชในการนาเสนองานแบบ Flipchart ผเขารวมกจกรรมนาเสนอไอเดยโดยใชหลก 6W 1H (ผเขารวมกจกรรมตองสมมตสถานการณขนมาเอง) ผเขารวมกจรรมเสนอไอเดยผานกระดาษ Post-it ทจดเตรยมไวให แลวแปะลงบนโตะทางานทมพนทวาง ตอจากนนผเขารวมกจกรรมจะคดเลอกไอเดย และนาไปใชในการลงมอออกแบบในกจกรรมตอไป

ใชในกจกรรมตอนตอไป

แปะคดเลอก

คายกาวแรกสเสนทางนกวทย (First Step to Become a Scientist) โรงเรยนจฬาภรณราชวทยาลย ลพบร วนท 10 มนาคม 2559

Let’s do it 10 min ผเขารวมกจกรรมนาไอเดยทไดคดเลอกไวมาออกแบบจรงบน

กระดาษ flipchart โดยใชรายละเอยดขอมลทกาหนดมาใหFlip Chart Magic!

4

?ลงมอออกแบบ

Show your ideas

ผเขารวมกจกรรมนาผลงานทไดออกแบบ นาเสนอตอกลมอน ๆ โดยเสนอไอเดยและการออกแบบใหกลมผเขารวมกจกรรมทราบในระยะเวลา 1 นาท และใหกลมอน ๆ วจารณ 1 นาท

Flip Chart Magic!

4

?นาเสนอ

13% of women in Japan smoke53% of men in Japan smoke

Women Men

รายละเอยดขอมลทกาหนดให

………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. ………………………………………………………………….. …………………………………………………………………..

เอกสารประกอบการบรรยาย...

Presentations & Public Speaking