Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf

Prinsip Dasar
Perancangan Slide
Untuk Ibadah
Kelas Sarjana STT Bandung | Jumat, 18 November 2022

KONTEN IBADAH
• Slide Judul
• Slide khotbah
• Lagu pujian + lirik
• Ayat alkitab untuk khotbah & bacaan
#Prinsip Dasar Perancangan Slide Untuk Ibadah

Brief Design Concept Training for Digital Ministry
Dimengerti target
ada pesan yang jelas
Diterima target
tidak menimbulkan konflik
Mencapai tujuan
memberikan persuasi
Readable
dilihat jelas
Konten slide
efektif
#
D
E
S
I
G
N
T
I
P
S

Before we continue...
THINK
ABOUT YOUR
CANVAS
because it will determine your
design elements size
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
S
I
Z
E
6

#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
S
I
Z
E
Infocus
Billboard
Monitor/laptop TV Handphone
Led screen
Media
Penayangan
Print kertas etc.
7

Screen Resolution
1:1 4:3 16:9
• TV lama
• Layar infocus
• Social media • HD Channels

Pixel
1:1 4:3 16:9
• Pixel (berasal dari "picture element")
adalah unit dasar warna terprogram
pada tampilan / gambar komputer.
• Gambar beresolusi tinggi memiliki high
density pixels
low density
vs high density pixel
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
S
I
Z
E
9

RGB vs CMYK
Emit lights Absorbs light
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
S
I
Z
E
10

Test your
Media
Channel
• Jelas terbaca sampai
belakang?
• Tidak silau
• Tidak pecah

Anak
Remaja
Dewasa
Usinda
Modern
Tradisional
Value/like
Budaya
Edukasi
Doktrin

Teks Gambar/
tekstur
Warna Bentuk
& garis
Ruang/spasi
#
What
can
you
put
in
a
slide?

Teks
Praise
The Lord
Come, let us sing for joy to the Lord;
let us shout aloud to the Rock of our salvation.
#
What
can
you
put
in
a
slide?

Warna
#
What
can
you
put
in
a
slide?

Ruang/
spasi P r a i s e G O D
Come, let us sing
for joy to the Lord;
let us shout aloud
to the Rock of our salvation.
#
What
can
you
put
in
a
slide?

Gambar/
Tekstur
#
What
can
you
put
in
a
slide?

Bentuk
& Garis
#
What
can
you
put
in
a
slide?
. . . .
. . . .
. . . .

Combined
#
What
can
you
put
in
a
slide?
let us shout aloud to the
Rock of our salvation.
The Lord
Praise
let us shout aloud to the Rock of our salvation.
The Lord
Praise

#1
Teks Warna
Ruang &
Spasi
Gambar &
Tekstur
Bentuk &
Garis
First let's talk about....

Serif Sans Serif
Times New Roman, Garamond, Baskerville,
Georgia, Palatyno, Courier New
Arial, Helvetica, Proxima Nova, Futura,
Calibri, Tahoma, Century Gothics
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
29

Serif vs Sans Serif
Saya tulisan serif,
kalau sudah banyak baris
saya susah dibaca di layar
Saya tulisan sans serif,
saya mudah dibaca
di layar monitor
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
www.1001fonts.com
30

Menggunakan font cursive
di layar digital
Terpujilah Tuhan
Yang Mahakuasa
Terpujilah Tuhan
Yang Mahakuasa
• Bergantung ukuran font
• Bergantung berapa banyak kata & baris yang ditampilkan
• Bergantung jenis font
Terpujilah Tuhan
Yang Mahakuasa
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
32

Gunakan maksimal 3 jenis
typography dalam 1 desain
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y

Choosing font
Terpujilah Tuhan
Yang Mahakuasa
Terpujilah Tuhan
Yang Mahakuasa
• Main aman saja
• Gunakan font yang punya family
• Readable (duh!)
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
Some outdated fonts:
Terpujilah Tuhan
Yang Mahakuasa
Terpujilah Tuhan
Yang Mahakuasa
34

Happiness
Horror Madness
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
35

Font Family
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
• Hindari
mengkombinasikan font
yang terlalu mirip
• Kombinasi:
• Sans serif & serif
• Sans serif & cursive
• Bold & light
• Dst.
36

Bermain dengan
kontras & hierarki font
• Ukuran
• Tebal tipis font
• Warna
• Jenis font (shape)
• Arah / direction

Ukuran
Bermain
dengan
kontras
&
hierarki
font
Tebal tipis Warna
Jenis font Arah
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
Keluarga font
Sungguh Besar
Kau Allahku
(KPPK 20)
KPPK
20
dll.

• Ukuran font minimal 30 agar bisa terbaca jelas di layar infokus, untuk judul
minimal 10 poin lebih besar.
• Untuk layar monitor, size 20-22 masih terbaca
• Setiap font berbeda ukurannya
• Usahakan minimal ukurannya adalah 30 dan teks dibatasi hanya 4-8 baris.
Ukuran
Font

Tidak semua font
sama besar ukurannya
- Selalu testing dulu hasil
rendernya / previewnya di layar
monitor dan hp

Save your fonts
1. Click the File tab and then click Options (it's
near the bottom left corner of the window).
2.In the left column, select the Save tab.
3.At the bottom, under Preserve fidelity when
sharing this presentation, select the Embed
fonts in the file check box.
Not all TrueType fonts can
be embedded.
go to Control Panel in Windows and
click Fonts. Clicking on the font shows
the Font embeddability setting.

lowercaps
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
CAPITAL
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Don’t abuse it!
IYA AESTETIK KOK,
TAPI JANGAN TULIS
KAPITAL SEMUA
SUSAH BACANYA
Memvariasikan
lowercaps dan KAPITAL
membantu penegasan
poin dan pembacaan
43

NO ALL CAPS. Jangan menggunakan kapital semua hurufnya.
HURUF KAPITAL ITU SUSAH DIBACA.
Jangan malas mengetik ulang kalau teksnya dari internet.

Jangan ITALIC dan UNDERLINE
pada semua teksnya. ITALIC dan
UNDERLINE hanya digunakan
untuk penekanan.
Contoh penggunaan italic
dan underline pada slide
judul.

Perhatikan EYD, ketepatan pengetikan, dan tanda baca :
• Tuhan, Yesus, Allah, Kristus, dan nama-nama (tempat,
orang, dsb.) diawali huruf besar tapi jangan semua
ditulis huruf kapital.
• Nya (Tuhan) harus diawali kapital dan dibubuhi strip
sebelumnya, misal: anugerah-Nya.
• Singkatan-singkatan diberi tanda ‘ misalnya: b’riku,
keb’naran-Nya, s’bab.

Engkau gembala yang
baik, Kau
Menuntun hidupku
VS
Engkau
Gembala yang baik,
Kau menuntun
hidupku


Dalam konteks ibadah zoom,
dalam 1 slide dapat
ditampilkan sekaligus
1 bait lagu

Jangan terlalu banyak kalimat
dalam satu slide.
ingat
bergantung
media
tayangnya
nanti di mana

aku
0817234568
SLIDE JUDUL
SUBUR
MAKMUR
DESIGN
kimbo@gmail.com
Jl. Kejebak No. 77
Kota Hilir Mudik
40845
Doa orang benar, bila didoakan
dengan yakin besar kuasanya
Doa orang benar,
bila didoakan
dengan yakin
besar kuasanya

'Ku Persembahkan Hidupku
Lord I Offer My Life
(KP III-122)
'Ku Persembahkan
Hidupku
Lord I Offer My Life
( K P I I I – 1 2 2 )

Our Good
Friends!
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
58

Neutral Colors
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
59

Color Psychology
Color is useful to creates mood
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
60

Happy Happy
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
Is it?
61

• Merah and oranye memang berenergi tinggi tetapi susah
difokuskan.
• Hijau, biru, and coklat lebih sendu tapi menarik perhatian (bisa
membuat fokus).

Color Palettes
https://colorhunt.co/
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S

Perhitungkan warna gambar ilustrasi
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
PRICE
CUT
Now only
PRICE
CUT
Now only

Lawan & kawan
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
67

Doa orang benar,
bila didoakan
dengan yakin besar
kuasanya
Doa orang benar, bila
didoakan
dengan yakin besar
kuasanya
didoakan
dengan yakin besar
kuasanya
Bersukacitalah selalu
dalam Tuhan
senantiasa
pujilah Dia
Bersukacitalah selalu
dalam Tuhan
senantiasa
pujilah Dia
didoakan
dengan yakin besar
kuasanya

Pemilihan Warna
Proyektor vs LED Screen
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
PROYEKTOR
-
memantulkan
gambar
LED
SCREEN
-
memancarkan
gambar

• Latar belakang hitam dengan tulisan putih
pada infocus hanya boleh digunakan bila
Penonton/orang yang melihat slide tidak
lebih dari jarak 6 meter.
• Sedangkan untuk melihat slide di monitor
background yang lebih gelap akan
mengurangi pantulan cahaya sehingga
mempermudah dilihat.

BG Colors for LED Screen
- brightness + brightness
- kontras
- kontras - brightness
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
72

Argh,
my eyes!
Desain visual yang baik
memberikan ruang untuk
mata beristirahat
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
74

Berikan margin dan ruang kosong, jangan memenuhi slide dengan
teks & gambar yang mepet dinding halaman.
Beri margin pada konten slide setidaknya sebanyak 1/8
dari ukuran slide kita pada keempat sudut.
Tidak ada
margin
Dengan
margin

Negative space: Margin
Ketika mengetik lagu atau
slide powerpoint apakah
enak atau kelihatan
elegan kalau semua
elemen tulisannya mepet
di semua sisi. Ingat di
monitormu kelihatan kecil
tapi kalau nanti tayang di
layar ukurannya itu besar!
Singkatkan tulisan
khotbah yang
muncul di PPT.
Berikan jarak
margin yang wajar
untuk penempatan
tulisanmu
vs
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
77

Haram hukumnya:
Jangan stretch
font!!
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
79

Tracking
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y

Leading
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
T
Y
O
P
O
G
R
A
P
H
Y
Space
Something that
we all need.
Space enables us
to move and rest at
the same time.
Space is a safe place for
all of us.
Space makes it easier
and modern.
Space
Something that we
all need.
Space enables us
to move and rest at
the same time.
Space is a safe place
for all of us.
and modern.
Space
Something that we
all need.
Space enables us
to move and rest at the
same time.
Space is a safe place for
all of us.
and modern.

• Resolusi gambar terlalu kecil
• Gambar distretch
• Gambar bertabrakan dengan
teks
• Terlalu banyak gambar
(mendistraksi)
• tidak kontras dengan teks
• teks menabrak gambar
• Gambar tidak relevan

Where to look?
• Google search
image
• Image Stock
Website
• pexels, pixabay,
rawpixel, unsplash,
freepik, picjumbo,
vecteezy, etc.
• Youtube
#
D
E
S
I
G
N
T
I
P
S
Cari template
slide juga bisa

Tips mencari gambar
• Cari dalam bahasa Inggris / lainnya
• Cari kata kunci yang serupa
• Tambahkan kata keterangan lainnya
• Buat pencarian spesifik
• Cari related pictures
• Lihat nama file dari gambar hasil pencarian
• Unik (not ordinary stock)
• Perhatikan resolusi
#
D
E
S
I
G
N
T
I
P
S

a picture paints
a thousand words
This North Korean is waving at his South Korean brother after
the inter-Korean temporary family reunions.
#
D
E
S
I
G
N
T
I
P
S

KEEP ON
LIVING
#
D
E
S
I
G
N
T
I
P
S
89

#
D
E
S
I
G
N
T
I
P
S
Sadness: which one?
Think about your image
& your message!
90

#1 - Cropping
**Lihat prinsip-prinsip komposisi gambar

#1 - Cropping
ORIGINAL
OPSI 3 OPSI 4
Insert
Text
Here
OPSI 1 OPSI 2

#4 - Saturation
ORIGINAL RIGHT SATURATION OVER UNDER

Compressed your
pictures
1. Select a picture in your document. The Picture
Format tab appears.
2. On the Picture Format tab, in the Adjust group,
select Compress Pictures.
3. Under Compression options, do any of the following:
1. Make sure that Apply only to this picture is not
selected so that the changes you make here will
apply to all pictures in the document.
2. Select Delete cropped areas of pictures. This
option removes the cropped picture data but
note that if you delete the cropped picture data,
you won't be able to restore it.
3. Under Resolution, select Use default resolution.
Bisa juga
lewat opsi
SAVE

SQUARES
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
L
I
N
E
&
S
H
A
P
E
S

#2
Kontras Allignment
Pengulang
an
Proximity
Now let's talk about....

Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
RATA KIRI RATA TENGAH RATA KANAN
#2

Menyusun
tampilan lagu
• Alignment:
1. Alignment lagu sebaiknya di center (tengah)
2. Alignment bacaan alkitab sebaiknya sama terus
ujung sisi atasnya dan konsisten ukuran fontnya
• Pemenggalan kata-kata harus diperhatikan
• Perhatikan pengetikan dan ejaan
• Bahasa asing perlu diterjemahkan

Karena begitu besar
kasih Allah akan dunia
ini sehingga Ia telah
mengaruniakan Anak-
Nya yang tunggal
Sungguh Besar
Kau Allahku
(KPPK 20)
agar setiap orang yang
percaya tidak binasa
melainkan beroleh
hidup yang kekal
Ya Tuhanku ‘pabila
kurenungkan
pemberian-Mu
dalam penebus
RATA
TENGAH
RATA
ATAS
& KIRI

Contoh
Layout
Lagu
Kusuka menuturkan
cerita mulia
Cerita Tuhan Yesus
dan cinta kasih-
Nya
Contoh
Layout
Bacaan
Berbahagialah
setiap orang yang hidupnya
mengandalkan Tuhan
yang kesukaannya ialah
Taurat Tuhan dan yang
merenungkannya siang
dan malam
J :
L :

#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
P
L
A
C
E
M
E
N
T
110

Dunia bisnis
pada hari ini kian
menantang
iman kita
Spiritualitas
Dunia Kerja
Alignment Elemen-elemen Slide
Dunia bisnis pada
hari ini kian
menantang
iman kita
Spiritualitas
Dunia Kerja

#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
H
A
R
M
O
N
&
U
N
I
T
Y
Y
Unity
the repetition of
particular
elements
throughout your
design — whether
they’re colors,
shapes or materials
— to pull the look
together (create a
sense of
wholeness).

Kesatuan Tema / Koneksi www.slidesgo.com

CONTRAST
in
action
#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
C
O
N
T
R
A
S
T
Warna Ukuran Terang Gelap
Saturasi Arah
Bentuk
dll.
AA
A A
A

Apa
bedanya?
terang gelap
vs saturasi

Kontras dalam Ukuran
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Prinsip Aplikatif #1
Selalu berusaha mendengarkan
suara Tuhan daripada menebak-
nebak apa kehendak Tuhan di
dalam hidup ini.
Prinsip Aplikatif #1
Selalu berusaha mendengarkan
suara Tuhan daripada menebak-
nebak apa kehendak Tuhan di
dalam hidup ini.

Kontras warna
font vs background
Gunakan warna yang
sangat kontras dengan
background.
Lihat skema di samping untuk melihat
warna mana kontras dengan warna mana.
Semakin jauh posisinya (berseberangan)
berarti warna itu semakin kontras.

Lawan atau kawan
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S
123

Menciptakan
Kontras
dengan warna
• Kombinasi Warna
• Terang-gelap
• Kecerahan (saturation)

#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
C
O
L
O
R
S

Kontras dengan
Terang Gelap
Kontras
dengan
Terang
Gelap
Kontras
dengan
Terang
Gelap
Kontras
dengan
Terang
Gelap

Menciptakan kontras teks dan latar
Tingkat Kontras dan Brightness teks dengan gambar latar
tidak boleh bersaing (sama tingkat terang dan kontrasnya)

KONTRAS
Sungguh Besar
Kau Allahku
(KPPK 20)
Terang gelap Saturasi Warna bertentangan
TIDAK KONTRAS
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
Sungguh Besar
Kau Allahku
(KPPK 20)
#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
C
O
N
T
R
A
S
T

#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
H
A
R
M
O
N
&
U
N
I
T
Y
Y
Harmony

#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
H
A
R
M
O
N
&
U
N
I
T
Y
Y
Proximity

#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
H
A
R
M
O
N
&
U
N
I
T
Y
Y
137
Proximity

#
D
E
S
I
G
N
P
R
I
N
C
I
P
L
E
:
H
A
R
M
O
N
&
U
N
I
T
Y
Y
138
Proximity

KEBAKTIAN MINGGU GII HIT
Keep Your
Faith Alive
EV. RICO KOMALA
Ibrani 11:6
Firman Tuhan
Jemaat Duduk

KEBAKTIAN MINGGU GII HIT
Keep Your
Faith Alive
EV. RICO KOMALA
Ibrani 11:6
Firman Tuhan
Jemaat Duduk
KEBAKTIAN MINGGU
GII HIT
Keep Your
Faith Alive
EV. RICO KOMALA
Ibrani 11:6
Firman Tuhan Jemaat Duduk

Apa pun juga yang kamu perbuat, perbuatlah dengan segenap
hatimu seperti untuk Tuhan dan bukan untuk manusia.
Kolose 3:23 TB
Suatu kali beberapa tahun
lalu, bahkan sebelum media
canggih di zaman covid ini,
seorang wanita muda
pengurus ibadah sebuah
gereja Ekklesia pernah sampa
menangis merenungkan
kebaikan Tuhan hanya karena
melihat sebuah slide
powerpoint ibadah (bahkan
belum mulai menyanyikan
pujian)

How to
start
• Buat canvas
• Siapkan isi teks (konten)
• Tentukan style design/cari template
• Tentukan jenis font
• Tentukan layout & grid
• masukkan isi teks & siapkan tempat untuk gambar
• Cari gambar ilustrasi
• Utak atik warna & ukuran font
• Beri efek dan ornamen
• Review
#
D
E
S
I
G
N
T
I
P
S

Let’s
143
#
D
E
S
I
G
N
T
I
P
S
Recap!

Before we continue...
THINK
ABOUT YOUR
CANVAS
because it will determine your
design elements size
#
D
E
S
I
G
N
E
L
E
M
E
N
T
S
:
S
I
Z
E
145

Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf

Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf

Recommended

Recommended

More Related Content

Similar to Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf

Similar to Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf (18)

Recently uploaded

Recently uploaded (10)

Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf