Successfully reported this slideshow.
Your SlideShare is downloading. ×

Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 148 Ad

More Related Content

Recently uploaded (20)

Advertisement

Prinsip Dasar Perancangan Slide Untuk Ibadah.pdf

  1. 1. Prinsip Dasar Perancangan Slide Untuk Ibadah Kelas Sarjana STT Bandung | Jumat, 18 November 2022
  2. 2. KONTEN IBADAH • Slide Judul • Slide khotbah • Lagu pujian + lirik • Ayat alkitab untuk khotbah & bacaan #Prinsip Dasar Perancangan Slide Untuk Ibadah
  3. 3. 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
  4. 4. before we
  5. 5. Brief Design Concept Training for Digital Ministry Before we continue... THINK ABOUT YOUR CANVAS because it will determine your design elements size Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : S I Z E 6
  6. 6. Brief Design Concept Training for Digital Ministry # 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
  7. 7. Screen Resolution 1:1 4:3 16:9 • TV lama • Layar infocus • Social media • HD Channels
  8. 8. 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 Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : S I Z E 9
  9. 9. RGB vs CMYK Emit lights Absorbs light Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : S I Z E 10
  10. 10. Brief Design Concept Training for Digital Ministry Test your Media Channel • Jelas terbaca sampai belakang? • Tidak silau • Tidak pecah
  11. 11. Anak Remaja Dewasa Usinda Modern Tradisional Value/like Budaya Edukasi Doktrin
  12. 12. Teks Gambar/ tekstur Warna Bentuk & garis Ruang/spasi # What can you put in a slide?
  13. 13. 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?
  14. 14. Warna # What can you put in a slide?
  15. 15. 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?
  16. 16. Gambar/ Tekstur # What can you put in a slide?
  17. 17. Bentuk & Garis # What can you put in a slide? . . . . . . . . . . . .
  18. 18. Combined # What can you put in a slide? Come, let us sing for joy to the Lord; let us shout aloud to the Rock of our salvation. The Lord Praise Come, let us sing for joy to the Lord; let us shout aloud to the Rock of our salvation. The Lord Praise
  19. 19. #1 Teks Warna Ruang & Spasi Gambar & Tekstur Bentuk & Garis First let's talk about....
  20. 20. eks #1
  21. 21. Font Font Font Font Font
  22. 22. Serif Sans Serif Times New Roman, Garamond, Baskerville, Georgia, Palatyno, Courier New Arial, Helvetica, Proxima Nova, Futura, Calibri, Tahoma, Century Gothics Brief Design Concept Training for Digital Ministry # 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
  23. 23. 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 Brief Design Concept Training for Digital Ministry # 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
  24. 24. Brief Design Concept Training for Digital Ministry
  25. 25. 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 Brief Design Concept Training for Digital Ministry # 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
  26. 26. Brief Design Concept Training for Digital Ministry 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
  27. 27. Choosing font Terpujilah Tuhan Yang Mahakuasa Terpujilah Tuhan Yang Mahakuasa • Main aman saja • Gunakan font yang punya family • Readable (duh!) Brief Design Concept Training for Digital Ministry # 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
  28. 28. Happiness Horror Madness Brief Design Concept Training for Digital Ministry # 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
  29. 29. Font Family Brief Design Concept Training for Digital Ministry # 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
  30. 30. Bermain dengan kontras & hierarki font • Ukuran • Tebal tipis font • Warna • Jenis font (shape) • Arah / direction
  31. 31. 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.
  32. 32. • 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
  33. 33. Tidak semua font sama besar ukurannya - Selalu testing dulu hasil rendernya / previewnya di layar monitor dan hp
  34. 34. 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.
  35. 35. lowercaps Brief Design Concept Training for Digital Ministry # 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
  36. 36. NO ALL CAPS. Jangan menggunakan kapital semua hurufnya. HURUF KAPITAL ITU SUSAH DIBACA. Jangan malas mengetik ulang kalau teksnya dari internet.
  37. 37. Jangan ITALIC dan UNDERLINE pada semua teksnya. ITALIC dan UNDERLINE hanya digunakan untuk penekanan. Contoh penggunaan italic dan underline pada slide judul.
  38. 38. 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.
  39. 39. Engkau gembala yang baik, Kau Menuntun hidupku VS Engkau Gembala yang baik, Kau menuntun hidupku 
  40. 40. Dalam konteks ibadah zoom, dalam 1 slide dapat ditampilkan sekaligus 1 bait lagu
  41. 41. Jangan terlalu banyak kalimat dalam satu slide. ingat bergantung media tayangnya nanti di mana
  42. 42. 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
  43. 43. '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 )
  44. 44. #1
  45. 45. Brief Design Concept Training for Digital Ministry Brief Design Concept Training for Digital Ministry Our Good Friends! # D E S I G N E L E M E N T S : C O L O R S 58
  46. 46. Brief Design Concept Training for Digital Ministry Neutral Colors Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S 59
  47. 47. Brief Design Concept Training for Digital Ministry Color Psychology Color is useful to creates mood Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S 60
  48. 48. Happy Happy Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S Is it? 61
  49. 49. • Merah and oranye memang berenergi tinggi tetapi susah difokuskan. • Hijau, biru, and coklat lebih sendu tapi menarik perhatian (bisa membuat fokus).
  50. 50. Brief Design Concept Training for Digital Ministry Color Palettes https://colorhunt.co/ Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S
  51. 51. Brief Design Concept Training for Digital Ministry Perhitungkan warna gambar ilustrasi Brief Design Concept Training for Digital Ministry # 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
  52. 52. The magic tool!
  53. 53. Brief Design Concept Training for Digital Ministry Lawan & kawan Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S 67
  54. 54. Doa orang benar, bila didoakan dengan yakin besar kuasanya Doa orang benar, bila didoakan dengan yakin besar kuasanya Doa orang benar, bila didoakan dengan yakin besar kuasanya Bersukacitalah selalu dalam Tuhan senantiasa pujilah Dia Bersukacitalah selalu dalam Tuhan senantiasa pujilah Dia Doa orang benar, bila didoakan dengan yakin besar kuasanya
  55. 55. 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
  56. 56. • 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.
  57. 57. BG Colors for LED Screen - brightness + brightness - kontras - kontras - brightness . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S 72
  58. 58. & SPASI #1
  59. 59. Argh, my eyes! Desain visual yang baik memberikan ruang untuk mata beristirahat Brief Design Concept Training for Digital Ministry # 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
  60. 60. 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
  61. 61. 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 Brief Design Concept Training for Digital Ministry # 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
  62. 62. Brief Design Concept Training for Digital Ministry 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
  63. 63. Brief Design Concept Training for Digital Ministry 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
  64. 64. Brief Design Concept Training for Digital Ministry 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. 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. Space makes it easier and modern.
  65. 65. #1
  66. 66. • Resolusi gambar terlalu kecil • Gambar distretch • Gambar bertabrakan dengan teks • Terlalu banyak gambar (mendistraksi) • tidak kontras dengan teks • teks menabrak gambar • Gambar tidak relevan
  67. 67. Brief Design Concept Training for Digital Ministry 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
  68. 68. Brief Design Concept Training for Digital Ministry 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 Brief Design Concept Training for Digital Ministry # D E S I G N T I P S
  69. 69. Screen Resolution 1:1 4:3 16:9 • TV lama • Layar infocus • Social media • HD Channels
  70. 70. Brief Design Concept Training for Digital Ministry 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
  71. 71. Brief Design Concept Training for Digital Ministry KEEP ON LIVING # D E S I G N T I P S 89
  72. 72. Brief Design Concept Training for Digital Ministry # D E S I G N T I P S Brief Design Concept Training for Digital Ministry Sadness: which one? Think about your image & your message! 90
  73. 73. #1 - Cropping **Lihat prinsip-prinsip komposisi gambar
  74. 74. #1 - Cropping ORIGINAL OPSI 3 OPSI 4 Insert Text Here OPSI 1 OPSI 2
  75. 75. #4 - Saturation ORIGINAL RIGHT SATURATION OVER UNDER
  76. 76. 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
  77. 77. #1
  78. 78. Brief Design Concept Training for Digital Ministry 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
  79. 79. #2 Kontras Allignment Pengulang an Proximity Now let's talk about....
  80. 80. 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
  81. 81. 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
  82. 82. Allignment
  83. 83. Allignment
  84. 84. 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
  85. 85. 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 :
  86. 86. Brief Design Concept Training for Digital Ministry # 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
  87. 87. 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
  88. 88. Brief Design Concept Training for Digital Ministry # 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 Brief Design Concept Training for Digital Ministry 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).
  89. 89. Kesatuan Tema / Koneksi www.slidesgo.com
  90. 90. #2
  91. 91. Brief Design Concept Training for Digital Ministry 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
  92. 92. Apa bedanya? terang gelap vs saturasi
  93. 93. 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.
  94. 94. 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.
  95. 95. Brief Design Concept Training for Digital Ministry Lawan atau kawan Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S 123
  96. 96. Menciptakan Kontras dengan warna • Kombinasi Warna • Terang-gelap • Kecerahan (saturation)
  97. 97. Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : C O L O R S
  98. 98. Kontras dengan Terang Gelap Kontras dengan Terang Gelap Kontras dengan Terang Gelap Kontras dengan Terang Gelap
  99. 99. Menciptakan kontras teks dan latar Tingkat Kontras dan Brightness teks dengan gambar latar tidak boleh bersaing (sama tingkat terang dan kontrasnya)
  100. 100. 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) Brief Design Concept Training for Digital Ministry # D E S I G N P R I N C I P L E : C O N T R A S T
  101. 101. Brief Design Concept Training for Digital Ministry # 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 Brief Design Concept Training for Digital Ministry Harmony
  102. 102. #2
  103. 103. Brief Design Concept Training for Digital Ministry Brief Design Concept Training for Digital Ministry # 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
  104. 104. Brief Design Concept Training for Digital Ministry Brief Design Concept Training for Digital Ministry # 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
  105. 105. Brief Design Concept Training for Digital Ministry Brief Design Concept Training for Digital Ministry # 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
  106. 106. KEBAKTIAN MINGGU GII HIT Keep Your Faith Alive EV. RICO KOMALA Ibrani 11:6 Firman Tuhan Jemaat Duduk
  107. 107. 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
  108. 108. 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)
  109. 109. Brief Design Concept Training for Digital Ministry 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 Brief Design Concept Training for Digital Ministry # D E S I G N T I P S
  110. 110. Brief Design Concept Training for Digital Ministry Let’s 143 Brief Design Concept Training for Digital Ministry # D E S I G N T I P S Recap!
  111. 111. 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
  112. 112. Brief Design Concept Training for Digital Ministry Before we continue... THINK ABOUT YOUR CANVAS because it will determine your design elements size Brief Design Concept Training for Digital Ministry # D E S I G N E L E M E N T S : S I Z E 145
  113. 113. Teks Gambar/ tekstur Warna Bentuk & garis Ruang/spasi # What can you put in a slide?

×