<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-6246354319384360876</atom:id><lastBuildDate>Fri, 13 Nov 2026 22:19:35 +0000</lastBuildDate><category>Desain Grafis</category><category>Tips Desain</category><category>Software Desain</category><category>Freelance &amp; Karier</category><category>Font</category><category>Tutorial Desain</category><category>Warna</category><title>Fikalmyid - Desain Grafis &amp;amp; Blogging</title><description>Selamat datang di fikalmyid.com – Sumber inspirasi dan panduan terbaik untuk para desainer grafis dan blogger! Saya menyajikan artikel berkualitas tentang desain grafis, teknik kreatif, serta tips dan trik untuk mengembangkan blog yang menarik dan profesional.</description><link>https://www.fikalmyid.com/</link><managingEditor>noreply@blogger.com (Fikalmyid)</managingEditor><generator>Blogger</generator><openSearch:totalResults>269</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-9006994563591785451</guid><pubDate>Fri, 13 Nov 2026 12:12:56 +0000</pubDate><atom:updated>2026-11-13T20:12:56.648+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Font</category><title>Lisensi Font: Personal Use, Komersial &amp; Cara Mengecek</title><description>&lt;p dir=&quot;ltr&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga320KvuBMI1uywsbe3hdOo5rFEkZiEKk04GNEiGAdAXhxAckRXNJsUSBQ4_AVJtWsAdmHG0o_OwgLARgU9ierFuQAjNzaUGpprZBTIm4WVNGz-XNhOfO5iA5bSrnScZVNLoe_OIWLI-8hN9mseWATiDCR5P_MkeBlL0CTF7Vk62cIZnc_WcZi8bahyfuy/s1200/Lisensi%20Font_%20Personal%20Use,%20Komersial%20&amp;amp;%20Cara%20Mengecek.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Lisensi Font: Personal Use, Komersial &amp;amp; Cara Mengecek&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga320KvuBMI1uywsbe3hdOo5rFEkZiEKk04GNEiGAdAXhxAckRXNJsUSBQ4_AVJtWsAdmHG0o_OwgLARgU9ierFuQAjNzaUGpprZBTIm4WVNGz-XNhOfO5iA5bSrnScZVNLoe_OIWLI-8hN9mseWATiDCR5P_MkeBlL0CTF7Vk62cIZnc_WcZi8bahyfuy/s1600/Lisensi%20Font_%20Personal%20Use,%20Komersial%20&amp;amp;%20Cara%20Mengecek.webp&quot; title=&quot;Lisensi Font: Personal Use, Komersial &amp;amp; Cara Mengecek&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;strong&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;Lisensi font&lt;/strong&gt; adalah izin tertulis dari pembuat font yang menentukan siapa boleh memakai hurufnya, untuk keperluan apa, dan di media apa. Personal use hanya untuk pemakaian pribadi tanpa tujuan cari uang, sedangkan lisensi komersial mencakup logo, produk jualan, dan proyek klien. Cek dulu sebelum mengunduh.&lt;p&gt;&lt;/p&gt;&lt;h3 aria-level=&quot;5&quot; dir=&quot;ltr&quot;&gt;Apa Itu Lisensi Font?&lt;/h3&gt;&lt;p dir=&quot;ltr&quot;&gt;Lisensi font adalah perjanjian yang mengatur apa saja yang boleh kamu lakukan dengan file sebuah font. Bayangkan kamu membeli kunci apartemen: kamu boleh menempati unitnya, tapi belum tentu boleh menyewakannya. Font bekerja dengan logika yang sama.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Di Indonesia, banyak kajian hukum menempatkan file font sebagai &lt;strong&gt;program komputer&lt;/strong&gt; yang dilindungi UU Hak Cipta No. 28 Tahun 2014 (Pasal 40 ayat 1 huruf s). Pelanggaran hak ekonomi untuk kepentingan komersial diancam pidana dengan denda hingga Rp1 miliar menurut Pasal 113 ayat (3). Ini informasi umum, bukan nasihat hukum.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Setiap lisensi pada dasarnya menjawab tiga pertanyaan:&lt;/p&gt;&lt;ul dir=&quot;ltr&quot;&gt;
&lt;li&gt;&lt;strong&gt;Siapa:&lt;/strong&gt; berapa pengguna atau komputer yang ditanggung.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Untuk apa:&lt;/strong&gt; pemakaian pribadi atau komersial.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Di mana:&lt;/strong&gt; cetak, web, aplikasi, atau video.&lt;/li&gt;
&lt;/ul&gt;&lt;h3 aria-level=&quot;5&quot; dir=&quot;ltr&quot;&gt;Apa Perbedaan Lisensi Font Personal Use dan Komersial?&lt;/h3&gt;&lt;p dir=&quot;ltr&quot;&gt;Perbedaan utamanya ada pada tujuan: &lt;strong&gt;personal use&lt;/strong&gt; melarang pemakaian yang menghasilkan uang, sedangkan &lt;strong&gt;lisensi komersial&lt;/strong&gt; mengizinkannya dalam batas yang tertulis. Font personal use cocok untuk tugas kuliah, poster hobi, atau undangan keluarga. Begitu desainmu ikut menghasilkan pendapatan, statusnya berubah.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Garis batasnya sering lebih luas dari dugaan. Kemasan produk UMKM, spanduk toko, dan thumbnail kanal YouTube yang dimonetisasi umumnya masuk kategori komersial, meski kamu tidak menjual desainnya langsung. Pegangan sederhananya: kalau desain itu membantu bisnis, anggap komersial.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Lisensi komersial pun bukan cek kosong. Ia tetap punya batas jumlah pengguna, jenis media, atau larangan mengubah file font. Label seperti “free for personal use”, “demo”, atau “donationware” belum berarti kamu boleh memakainya untuk jualan.&lt;/p&gt;&lt;h3 aria-level=&quot;5&quot; dir=&quot;ltr&quot;&gt;Cara Mengecek Lisensi Font Sebelum Digunakan&lt;/h3&gt;&lt;p dir=&quot;ltr&quot;&gt;Cara tercepat mengecek lisensi font adalah membaca file lisensi bawaannya, memverifikasi halaman sumber, lalu mencocokkan izinnya dengan rencana pemakaianmu. Ikuti urutan ini:&lt;/p&gt;&lt;ol dir=&quot;ltr&quot;&gt;
&lt;li&gt;&lt;strong&gt;Cari file lisensi&lt;/strong&gt; di folder unduhan, misalnya &lt;code dir=&quot;ltr&quot;&gt;OFL.txt&lt;/code&gt;, &lt;code dir=&quot;ltr&quot;&gt;LICENSE&lt;/code&gt;, &lt;code dir=&quot;ltr&quot;&gt;EULA&lt;/code&gt;, atau &lt;code dir=&quot;ltr&quot;&gt;readme&lt;/code&gt;. Folder tanpa dokumen apa pun adalah tanda tanya besar.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Buka halaman sumber&lt;/strong&gt; dan baca syarat penggunaannya, bukan hanya label “free” di judul unduhan.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Periksa metadata font.&lt;/strong&gt; Di Windows, klik kanan file lalu Properties &amp;gt; Details. Di Mac, buka Font Book dan lihat info font. Kolom copyright dan lisensi biasanya terisi.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Cocokkan dengan rencanamu:&lt;/strong&gt; logo, web, aplikasi, atau merchandise.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Simpan bukti&lt;/strong&gt; berupa tangkapan layar halaman lisensi, invoice, dan tanggal unduh.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tanya pembuatnya&lt;/strong&gt; lewat email jika ada klausul yang ambigu, sebelum desain naik cetak.&lt;/li&gt;
&lt;/ol&gt;&lt;p dir=&quot;ltr&quot;&gt;Waspadai situs kumpulan “free font” yang mengunggah ulang font tanpa menyertakan lisensi aslinya. Telusuri nama font itu ke situs resmi desainer atau foundry-nya sebelum kamu memakainya.&lt;/p&gt;&lt;h3 aria-level=&quot;5&quot; dir=&quot;ltr&quot;&gt;Jenis Lisensi Font Berdasarkan Media Penggunaannya&lt;/h3&gt;&lt;p dir=&quot;ltr&quot;&gt;Lisensi font dibagi menurut media: desktop untuk cetak dan desain, web untuk situs, aplikasi untuk font yang dibundel, plus izin khusus untuk video dan layanan cetak kustom.&lt;/p&gt;&lt;p&gt;















&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Sebelum menghitung biaya, kenali dulu karakter &lt;a href=&quot;https://www.fikalmyid.com/2026/06/13-jenis-font-desain-grafis-yang-sering.html&quot;&gt;jenis font desain grafis&lt;/a&gt; yang kamu pakai, karena font display dan script kerap punya aturan sendiri dibanding font teks biasa.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhBrBEfG8mSTxEB0MnAC_prT15hqyf89bBBloEuaaBnQK0Hn02eDe8XUqv1C-bBXef4sh5I8s1XFeL2bDM_jCD0zOXdSmhKVou4_WkCcAS45MyCAb9QIkTbEloKcnYbfrObsZojoZ1X1mm88sCDhA1s-yChqkLHvXDobd70SJQ3qkXfmPWtt1PsPXol4L/s1200/Jenis%20Lisensi%20Font%20Berdasarkan%20Media%20Penggunaannya.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Jenis Lisensi Font Berdasarkan Media Penggunaannya&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhBrBEfG8mSTxEB0MnAC_prT15hqyf89bBBloEuaaBnQK0Hn02eDe8XUqv1C-bBXef4sh5I8s1XFeL2bDM_jCD0zOXdSmhKVou4_WkCcAS45MyCAb9QIkTbEloKcnYbfrObsZojoZ1X1mm88sCDhA1s-yChqkLHvXDobd70SJQ3qkXfmPWtt1PsPXol4L/s1600/Jenis%20Lisensi%20Font%20Berdasarkan%20Media%20Penggunaannya.webp&quot; title=&quot;Jenis Lisensi Font Berdasarkan Media Penggunaannya&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p dir=&quot;ltr&quot;&gt;Lisensi desktop &lt;strong&gt;tidak otomatis&lt;/strong&gt; berlaku untuk web atau aplikasi. Satu font yang tampil di tiga media bisa butuh tiga lisensi berbeda.&lt;/p&gt;&lt;h3 aria-level=&quot;5&quot; dir=&quot;ltr&quot;&gt;Apakah Font Gratis Boleh Digunakan untuk Komersial?&lt;/h3&gt;&lt;p dir=&quot;ltr&quot;&gt;Tidak otomatis. Font gratis boleh dipakai komersial hanya jika lisensinya menyatakan itu secara tegas. “Gratis” bicara soal biaya unduhan, sedangkan lisensi bicara soal hak pakai.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Dua sumber ini paling jelas aturannya:&lt;/p&gt;&lt;ul dir=&quot;ltr&quot;&gt;
&lt;li&gt;&lt;strong&gt;Google Fonts:&lt;/strong&gt; semua familinya open source dan gratis, boleh dipakai komersial, termasuk di logo, cetak, web, dan aplikasi. Mayoritas memakai SIL Open Font License (OFL); sebagian memakai Apache atau Ubuntu Font License.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Adobe Fonts:&lt;/strong&gt; seluruh fontnya berlisensi personal dan komersial lewat langganan Creative Cloud. Web font wajib dimuat lewat embed code, tidak boleh di-self-host, dan tidak boleh dibundel ke aplikasi.&lt;/li&gt;
&lt;/ul&gt;&lt;p dir=&quot;ltr&quot;&gt;Di bawah OFL, kamu boleh memakai dan memodifikasi font, tetapi tidak boleh menjual file font itu berdiri sendiri. Desain atau dokumen yang kamu buat dengan font OFL tidak ikut terikat OFL.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Kalau urusan lisensi sudah beres, lanjut ke pemilihan huruf yang pas lewat &lt;a href=&quot;https://www.fikalmyid.com/2025/03/panduan-memilih-font-desain-grafis.html&quot;&gt;panduan memilih font desain grafis&lt;/a&gt;, supaya pilihanmu aman sekaligus enak dilihat.&lt;/p&gt;&lt;h3 aria-level=&quot;5&quot; dir=&quot;ltr&quot;&gt;Cara Memilih Lisensi Font untuk Logo, Produk, dan Proyek Klien&lt;/h3&gt;&lt;p dir=&quot;ltr&quot;&gt;Pilih lisensi berdasarkan tempat font itu akan hidup paling lama: logo butuh izin paling jelas, produk butuh izin sesuai media, dan proyek klien butuh kejelasan siapa pemegang lisensinya.&lt;/p&gt;&lt;h4 aria-level=&quot;6&quot; dir=&quot;ltr&quot;&gt;Untuk Logo&lt;/h4&gt;&lt;p dir=&quot;ltr&quot;&gt;Logo dipakai bertahun-tahun di semua media, jadi pastikan lisensinya mengizinkan komersial dan tidak melarang pemakaian pada logo atau merek dagang. Adobe Fonts, misalnya, secara eksplisit membolehkan logo dari fontnya didaftarkan sebagai merek.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Butuh referensi huruf yang kuat? Mulai dari daftar &lt;a href=&quot;https://www.fikalmyid.com/2025/02/10-font-pilihan-untuk-logo-profesional.html&quot;&gt;font untuk logo profesional&lt;/a&gt;, lalu cek lisensi tiap font sebelum memutuskan.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Saat serah-terima, ekspor logo sebagai SVG atau PDF vektor dengan teks di-&lt;strong&gt;outline&lt;/strong&gt; (convert to curves), plus PNG transparan minimal 2000 px di sisi terpanjang. Siapkan versi CMYK untuk cetak dan RGB untuk layar.&lt;/p&gt;&lt;h4 aria-level=&quot;6&quot; dir=&quot;ltr&quot;&gt;Untuk Produk&lt;/h4&gt;&lt;p dir=&quot;ltr&quot;&gt;Untuk kemasan atau kaos, font yang hanya muncul sebagai gambar cetak umumnya aman dengan lisensi desktop. Layanan yang membiarkan pelanggan mengetik teks sendiri, seperti nama di kaos atau undangan online, hampir selalu butuh lisensi khusus. Adobe Fonts menyebut skenario ini secara eksplisit.&lt;/p&gt;&lt;h4 aria-level=&quot;6&quot; dir=&quot;ltr&quot;&gt;Untuk Proyek Klien&lt;/h4&gt;&lt;p dir=&quot;ltr&quot;&gt;Tentukan sejak penawaran siapa yang menanggung lisensi. Ada tiga jalur: klien membeli sendiri, kamu membeli atas nama klien (cek dulu apakah EULA mengizinkan), atau kamu memakai font open source.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Simulasi hitungannya begini. Fee identitas visual Rp3.000.000 dengan dua font berbayar masing-masing Rp500.000 berarti lisensi menyedot sepertiga fee. Masukkan biayanya ke penawaran, jangan ditelan sendiri.&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Jangan kirim file font ke klien kecuali EULA mengizinkan redistribusi. Kirim PDF dengan font tertanam atau file ber-outline, lalu sertakan daftar nama font beserta sumbernya. File yang sudah di-embed atau di-outline tetap tampil normal, sedangkan file kerja yang hanya merujuk font (seperti dokumen InDesign atau Word) akan kehilangan hurufnya bila lisensi tidak ada.&lt;/p&gt;&lt;h3 aria-level=&quot;5&quot; dir=&quot;ltr&quot;&gt;Kesalahan Penggunaan Lisensi Font yang Sering Terjadi&lt;/h3&gt;&lt;p dir=&quot;ltr&quot;&gt;Kesalahan paling sering adalah menyamakan “gratis diunduh” dengan “bebas dipakai komersial”. Berikut yang paling sering muncul:&lt;/p&gt;&lt;ul dir=&quot;ltr&quot;&gt;
&lt;li&gt;Memakai font personal use untuk toko online, kemasan, atau konten monetisasi.&lt;/li&gt;
&lt;li&gt;Mengunduh dari situs reupload tanpa memeriksa lisensi aslinya.&lt;/li&gt;
&lt;li&gt;Memakai satu lisensi desktop untuk seluruh tim, padahal lisensi sering dihitung per pengguna.&lt;/li&gt;
&lt;li&gt;Memakai lisensi desktop untuk website, atau sebaliknya.&lt;/li&gt;
&lt;li&gt;Membagikan file font ke klien atau teman.&lt;/li&gt;
&lt;li&gt;Mengubah file font lalu menyebarkannya. Di OFL, versi modifikasi tetap wajib berlisensi OFL dan bisa terkena aturan Reserved Font Name.&lt;/li&gt;
&lt;li&gt;Tidak menyimpan bukti lisensi, sehingga kamu tidak bisa membela diri saat ditanya.&lt;/li&gt;
&lt;/ul&gt;&lt;h4 aria-level=&quot;6&quot; dir=&quot;ltr&quot;&gt;Langkah Berikutnya untuk Kamu&lt;/h4&gt;&lt;p dir=&quot;ltr&quot;&gt;






















&lt;/p&gt;&lt;p dir=&quot;ltr&quot;&gt;Mulai dari hal kecil hari ini: buat tabel “Daftar Font” berisi nama font, sumber, jenis lisensi, batas pakai, dan bukti unduh. Lalu audit tiga proyek terakhirmu dengan tabel itu. Font yang statusnya meragukan, ganti dengan alternatif OFL dari Google Fonts atau beli lisensi yang sesuai sebelum proyek berikutnya naik cetak atau tayang.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/11/lisensi-font-personal-use-komersial.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga320KvuBMI1uywsbe3hdOo5rFEkZiEKk04GNEiGAdAXhxAckRXNJsUSBQ4_AVJtWsAdmHG0o_OwgLARgU9ierFuQAjNzaUGpprZBTIm4WVNGz-XNhOfO5iA5bSrnScZVNLoe_OIWLI-8hN9mseWATiDCR5P_MkeBlL0CTF7Vk62cIZnc_WcZi8bahyfuy/s72-c/Lisensi%20Font_%20Personal%20Use,%20Komersial%20&amp;%20Cara%20Mengecek.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-7038636838009494868</guid><pubDate>Wed, 11 Nov 2026 12:57:28 +0000</pubDate><atom:updated>2026-11-11T20:57:49.146+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>Infografis Statistik: Contoh Grafik &amp; Cara Menyusun Data</title><description>&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcEjcSQll-vWJC0vTMQk_fKz8aP4rWOJLLKJ4KcJ22lyaFoU2juQkKPhtRCooFfOMiGB885wO2SDyxnZjZB-wFUa75NKOoVjN-pG1-fZDwqQCzCLMhV79erDGoRaZy-XLUjE0o2gpFZvm2owUWggJqWnuFyQ1uj7zdlR7Ua_jRpnZt7ehyphenhyphenK2sngMR-jpkk/s1200/Infografis%20Statistik_%20Contoh%20Grafik%20&amp;amp;%20Cara%20Menyusun%20Data.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Statistik: Contoh Grafik &amp;amp; Cara Menyusun Data&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcEjcSQll-vWJC0vTMQk_fKz8aP4rWOJLLKJ4KcJ22lyaFoU2juQkKPhtRCooFfOMiGB885wO2SDyxnZjZB-wFUa75NKOoVjN-pG1-fZDwqQCzCLMhV79erDGoRaZy-XLUjE0o2gpFZvm2owUWggJqWnuFyQ1uj7zdlR7Ua_jRpnZt7ehyphenhyphenK2sngMR-jpkk/s1600/Infografis%20Statistik_%20Contoh%20Grafik%20&amp;amp;%20Cara%20Menyusun%20Data.webp&quot; title=&quot;Infografis Statistik: Contoh Grafik &amp;amp; Cara Menyusun Data&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;Infografis statistik adalah penyajian data angka melalui grafik, teks singkat, dan elemen visual untuk menjelaskan perbandingan, tren, atau proporsi. Untuk menyusunnya, kamu perlu menentukan pesan utama, memeriksa sumber, mengolah data, lalu memilih grafik yang sesuai. Hasilnya membantu pembaca memahami angka tanpa kehilangan konteks dan maknanya.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis Statistik?&lt;/h2&gt;&lt;p&gt;Infografis statistik mengubah kumpulan angka menjadi cerita visual yang memiliki konteks dan kesimpulan. Bentuknya bisa berupa ringkasan survei, laporan penjualan, atau gambaran kondisi penduduk.&lt;/p&gt;&lt;p&gt;Sebuah grafik biasanya berfokus pada hubungan antarangka. Infografis menambahkan judul, penjelasan, dan susunan informasi agar hubungan tersebut lebih mudah dipahami pembaca.&lt;/p&gt;&lt;p&gt;Misalnya, angka “60%” belum menjelaskan banyak hal. Keterangan “60% dari 80 pembeli memilih kemasan kecil” memberi tahu siapa yang dihitung dan apa yang diukur. Tambahkan waktu serta sumber pengumpulan data agar pembaca bisa menilai cakupannya.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Data tetap menjadi dasar keputusan desain.&lt;/strong&gt; Kalau informasi penting sulit terlihat, kamu perlu merapikan tampilannya. Namun, jangan mengubah skala atau membuang kategori hanya supaya kesimpulannya terlihat lebih menarik.&lt;/p&gt;&lt;h2&gt;Contoh Infografis Statistik untuk Berbagai Kebutuhan&lt;/h2&gt;&lt;p&gt;Infografis statistik dapat digunakan untuk menyajikan hasil survei, perkembangan usaha, dan pencapaian pendidikan. Seluruh angka berikut merupakan &lt;strong&gt;simulasi untuk latihan&lt;/strong&gt;, bukan hasil penelitian atau laporan usaha nyata.&lt;/p&gt;&lt;h3&gt;Survei pembeli UMKM&lt;/h3&gt;&lt;p&gt;Bayangkan sebuah UMKM menyurvei 80 pembeli tentang satu ukuran kemasan yang paling mereka pilih. Hasilnya: 48 memilih kecil, 24 sedang, dan 8 besar, sehingga proporsinya menjadi 60%, 30%, dan 10%.&lt;/p&gt;&lt;p&gt;Judul “6 dari 10 Pembeli Memilih Kemasan Kecil” langsung menyampaikan temuannya. Diagram lingkaran bisa menunjukkan komposisi tersebut, sedangkan grafik batang membantu membandingkan jumlah pembelinya. Cantumkan bahwa setiap responden hanya memilih satu jawaban.&lt;/p&gt;&lt;h3&gt;Perkembangan omzet usaha&lt;/h3&gt;&lt;p&gt;Contoh lain adalah omzet Januari–Juni sebesar Rp8 juta, Rp10 juta, Rp9 juta, Rp12 juta, Rp11 juta, dan Rp14 juta. Grafik garis memperlihatkan perubahan dari bulan ke bulan, termasuk dua kali penurunan sementara.&lt;/p&gt;&lt;p&gt;Omzet Juni meningkat 75% dibandingkan Januari, tetapi angka itu tidak menjelaskan penyebabnya. Hindari menyimpulkan bahwa kenaikan terjadi karena promosi jika kamu tidak mempunyai data pendukung.&lt;/p&gt;&lt;h3&gt;Ketuntasan belajar siswa&lt;/h3&gt;&lt;p&gt;Misalkan 40 dari 50 siswa mencapai nilai ketuntasan. Kamu bisa menampilkan angka utama “80% Siswa Mencapai Ketuntasan”, dilengkapi keterangan kelas, periode, dan batas nilai yang digunakan.&lt;/p&gt;&lt;p&gt;Jika hasil sebelumnya adalah 30 dari 50 siswa, pencapaiannya naik dari 60% menjadi 80%. Selisihnya &lt;strong&gt;20 poin persentase&lt;/strong&gt;, bukan kenaikan relatif 20%.&lt;/p&gt;&lt;h2&gt;Jenis Grafik untuk Infografis Statistik dan Cara Memilihnya&lt;/h2&gt;&lt;p&gt;Pilih grafik berdasarkan hubungan yang ingin kamu jelaskan: perbandingan, perubahan waktu, komposisi, distribusi, atau hubungan dua variabel. Tabel berikut bisa menjadi panduan awal.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Tujuan&lt;/th&gt;&lt;th&gt;Grafik yang sesuai&lt;/th&gt;&lt;th&gt;Contoh penggunaan&lt;/th&gt;&lt;th&gt;Hal yang perlu dijaga&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Membandingkan kategori&lt;/td&gt;&lt;td&gt;Batang&lt;/td&gt;&lt;td&gt;Jumlah pembeli per kemasan&lt;/td&gt;&lt;td&gt;Awali sumbu nilai dari nol&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Menunjukkan tren&lt;/td&gt;&lt;td&gt;Garis&lt;/td&gt;&lt;td&gt;Omzet bulanan&lt;/td&gt;&lt;td&gt;Urutkan waktu dan tampilkan jedanya secara benar&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Menunjukkan bagian dari total&lt;/td&gt;&lt;td&gt;Lingkaran/donut&lt;/td&gt;&lt;td&gt;Pangsa pilihan kemasan&lt;/td&gt;&lt;td&gt;Gunakan satu total yang lengkap&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Melihat sebaran nilai&lt;/td&gt;&lt;td&gt;Histogram&lt;/td&gt;&lt;td&gt;Sebaran nilai ujian&lt;/td&gt;&lt;td&gt;Nyatakan batas interval kelas&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Melihat hubungan dua variabel&lt;/td&gt;&lt;td&gt;Scatter plot&lt;/td&gt;&lt;td&gt;Biaya promosi dan omzet&lt;/td&gt;&lt;td&gt;Hubungan tidak otomatis membuktikan sebab-akibat&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;Panduan Office for National Statistics membedakan penggunaan batang untuk perbandingan kategori, garis untuk tren, dan lingkaran untuk bagian dari satu keseluruhan.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Untuk diagram lingkaran, kategori harus membentuk satu total yang bermakna. Jawaban survei yang boleh memilih beberapa opsi tidak cocok dipaksakan menjadi lingkaran karena jumlah persentasenya dapat melebihi 100%.&lt;/p&gt;&lt;p&gt;Kalau nilai antarkategori hampir sama, gunakan batang agar selisihnya lebih mudah dibandingkan. Banyaknya dekorasi tidak membantu jika pembaca masih harus menebak angkanya.&lt;/p&gt;&lt;h2&gt;Cara Menyusun Data Sebelum Membuat Infografis Statistik&lt;/h2&gt;&lt;p&gt;Susun data dengan menentukan pertanyaan, merapikan tabel, memeriksa sumber, lalu menghitung ukuran yang diperlukan. Kamu bisa mengerjakannya di spreadsheet sebelum membuka aplikasi desain.&lt;/p&gt;&lt;h3&gt;Rapikan tabel dan periksa konteks&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Tulis pertanyaan utama.&lt;/strong&gt; Contohnya, “Ukuran kemasan apa yang paling dipilih pembeli?”&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tetapkan unit pengamatan.&lt;/strong&gt; Bedakan pembeli, transaksi, dan produk terjual; ketiganya bisa menghasilkan jumlah berbeda.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Rapikan kolom.&lt;/strong&gt; Pisahkan kategori, nilai, satuan, periode, dan sumber agar mudah diperiksa.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Bersihkan kesalahan.&lt;/strong&gt; Hapus duplikasi yang tidak semestinya, seragamkan penulisan kategori, dan tandai data kosong.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Periksa keterbandingan.&lt;/strong&gt; Jangan menyandingkan omzet satu minggu dengan satu bulan tanpa penjelasan atau penyesuaian.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Data kosong juga berbeda dari nol. Nol berarti nilainya diketahui tidak ada, sementara kosong bisa berarti belum dicatat. Menyamakan keduanya dapat mengubah kesimpulan.&lt;/p&gt;&lt;h3&gt;Hitung proporsi dan pilih pesan utama&lt;/h3&gt;&lt;p&gt;Gunakan rumus &lt;strong&gt;persentase = nilai bagian ÷ total yang relevan × 100%&lt;/strong&gt;. Pada survei kemasan, perhitungannya adalah 48 ÷ 80 × 100% = 60%.&lt;/p&gt;&lt;p&gt;Pastikan penyebutnya tepat. Jika hanya 70 orang menjawab pertanyaan tertentu, kamu tidak boleh otomatis menggunakan seluruh 80 responden sebagai pembagi.&lt;/p&gt;&lt;p&gt;Setelah angka benar, pilih satu temuan yang paling menjawab pertanyaan awal. Kamu bisa menggunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/9-tips-perancangan-infografis-yang-baik.html&quot;&gt;tips perancangan infografis&lt;/a&gt; untuk menyelaraskan tujuan, kebutuhan audiens, dan informasi yang perlu ditampilkan.&lt;/p&gt;&lt;h2&gt;Cara Membuat Infografis Statistik yang Mudah Dipahami&lt;/h2&gt;&lt;p&gt;Buat infografis dengan menempatkan pesan utama terlebih dahulu, kemudian grafik, penjelasan singkat, dan sumber data. Susunan ini memberi pembaca jalur yang jelas saat memindai informasi.&lt;/p&gt;&lt;h3&gt;Susun alur dan tampilan visual&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Buat sketsa sederhana: judul, angka utama, grafik, catatan, dan sumber.&lt;/li&gt;&lt;li&gt;Masukkan data ke grafik, lalu cocokkan kembali setiap label dengan tabel asal.&lt;/li&gt;&lt;li&gt;Gunakan satu warna penekanan untuk temuan utama dan warna pendukung yang konsisten.&lt;/li&gt;&lt;li&gt;Tambahkan label kategori, satuan, periode, serta penjelasan singkat tentang cakupan data.&lt;/li&gt;&lt;li&gt;Uji hasilnya pada ukuran tampil sebenarnya, terutama melalui layar ponsel.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Pelajari &lt;a href=&quot;https://www.fikalmyid.com/2026/06/apa-itu-layout-dan-5-prinsip-dasarnya.html&quot;&gt;prinsip dasar layout&lt;/a&gt; jika judul, grafik, dan catatan masih terasa saling berebut ruang. Jarak antarelemen membantu pembaca mengenali kelompok informasi tanpa tambahan kotak atau garis berlebihan.&lt;/p&gt;&lt;p&gt;Jangan mengandalkan warna saja untuk membedakan kategori. Nama kategori dan nilai langsung pada grafik tetap membantu ketika tampilannya dicetak tanpa warna.&lt;/p&gt;&lt;h3&gt;Tentukan ukuran dan format ekspor&lt;/h3&gt;&lt;p&gt;Sebagai titik awal desain digital, kamu bisa menggunakan kanvas &lt;strong&gt;1.200 × 1.500 px dengan rasio 4:5&lt;/strong&gt;, lalu menyesuaikannya dengan area tampil. Ini contoh ukuran kerja, bukan standar wajib semua platform.&lt;/p&gt;&lt;p&gt;Gunakan mode warna RGB untuk layar. Untuk cetak, ikuti spesifikasi percetakan: kebutuhan profil CMYK atau berkas RGB terkelola warna dapat berbeda menurut alur produksinya. RGB dan CMYK adalah model warna, sedangkan profil ICC menjelaskan karakter ruang warnanya.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Untuk cetakan A4 berukuran 210 × 297 mm, gambar raster pada 300 PPI membutuhkan sekitar &lt;strong&gt;2.480 × 3.508 px&lt;/strong&gt;. PPI mengatur kepadatan piksel saat dicetak; mengganti angka PPI tanpa menambah piksel tidak otomatis mempertajam gambar di layar.&lt;/p&gt;&lt;p&gt;Ekspor PNG untuk gambar yang memuat teks dan grafik, lalu periksa ketajaman serta ukuran berkasnya. Untuk cetak, siapkan PDF sesuai permintaan percetakan dan simpan berkas kerja agar data mudah diperbarui.&lt;/p&gt;&lt;h2&gt;Kesalahan Umum dalam Membuat Infografis Statistik&lt;/h2&gt;&lt;p&gt;Kesalahan yang sering menyesatkan pembaca adalah skala terpotong, penyebut tidak jelas, perbandingan tidak setara, dan penekanan visual yang berlebihan.&lt;/p&gt;&lt;p&gt;Pada grafik batang, sumbu nilai harus dimulai dari nol agar panjang batang tetap mewakili besarnya angka. Grafik garis dapat memakai rentang lain untuk memperjelas perubahan, tetapi skalanya harus terlihat jelas dan tetap memberi konteks.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Waspadai juga judul yang melampaui data. Survei 80 pembeli sebuah toko tidak otomatis mewakili seluruh warga kota. Tulis cakupannya dan hindari menggeneralisasi hasil.&lt;/p&gt;&lt;p&gt;Saat semua angka dibuat besar dan berwarna terang, pembaca justru sulit menemukan informasi utama. Gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/09/hierarki-visual.html&quot;&gt;hierarki visual&lt;/a&gt; untuk mengatur prioritas melalui ukuran, posisi, dan kontras.&lt;/p&gt;&lt;p&gt;Sebelum memublikasikan, cocokkan ulang angka, satuan, periode, label, dan sumber. Lalu minta satu orang menjelaskan pesan infografismu tanpa bantuan; jika jawabannya meleset, perbaiki bagian yang membingungkan sebelum menambah dekorasi.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/11/infografis-statistik-contoh-grafik-cara.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcEjcSQll-vWJC0vTMQk_fKz8aP4rWOJLLKJ4KcJ22lyaFoU2juQkKPhtRCooFfOMiGB885wO2SDyxnZjZB-wFUa75NKOoVjN-pG1-fZDwqQCzCLMhV79erDGoRaZy-XLUjE0o2gpFZvm2owUWggJqWnuFyQ1uj7zdlR7Ua_jRpnZt7ehyphenhyphenK2sngMR-jpkk/s72-c/Infografis%20Statistik_%20Contoh%20Grafik%20&amp;%20Cara%20Menyusun%20Data.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-9169887457830789621</guid><pubDate>Sat, 07 Nov 2026 13:22:56 +0000</pubDate><atom:updated>2026-11-07T21:25:30.058+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Font</category><title>10 Kombinasi Font Canva untuk Poster dan Presentasi</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEeJIZXGynm2E0qcoLeLpGnZQKbZPgzEiLk0Dj9OY_EkItPnJy63RC4GgkfViQcx4RSyTmm3_oquLghVz6CxmRcdgbI0pZB3GNVHEywyR01ShXg4cHYQt6unlcPrUiwJU7-C4gPTzHglvraXoYi0P-dG7W0VF6eTydqfylomD2pn18ykyAz-OZf7a2eb1R/s1200/10%20Kombinasi%20Font%20Canva%20untuk%20Poster%20dan%20Presentasi.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;10 Kombinasi Font Canva untuk Poster dan Presentasi&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEeJIZXGynm2E0qcoLeLpGnZQKbZPgzEiLk0Dj9OY_EkItPnJy63RC4GgkfViQcx4RSyTmm3_oquLghVz6CxmRcdgbI0pZB3GNVHEywyR01ShXg4cHYQt6unlcPrUiwJU7-C4gPTzHglvraXoYi0P-dG7W0VF6eTydqfylomD2pn18ykyAz-OZf7a2eb1R/s1600/10%20Kombinasi%20Font%20Canva%20untuk%20Poster%20dan%20Presentasi.webp&quot; title=&quot;10 Kombinasi Font Canva untuk Poster dan Presentasi&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Kombinasi font Canva yang mudah dicoba antara lain Montserrat–Open Sans untuk presentasi, Bebas Neue–Montserrat untuk poster promosi, dan Playfair Display–Montserrat untuk kesan elegan. Gunakan satu font sebagai judul dan satu lagi sebagai teks pendukung, lalu sesuaikan ukuran, ketebalan, serta spasinya dengan media dan jarak baca.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;10 Kombinasi Font Canva untuk Poster dan Presentasi&lt;/h2&gt;&lt;p&gt;Sepuluh pasangan berikut membantu kamu membedakan judul dan informasi pendukung melalui bentuk huruf yang saling melengkapi. Tabel ini menjadi titik awal pemilihan; contoh penggunaannya merupakan rekomendasi desain yang bisa kamu sesuaikan.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;No.&lt;/th&gt;
&lt;th&gt;Font judul&lt;/th&gt;
&lt;th&gt;Font isi&lt;/th&gt;
&lt;th&gt;Contoh penggunaan&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;Montserrat&lt;/td&gt;
&lt;td&gt;Open Sans&lt;/td&gt;
&lt;td&gt;Presentasi bisnis&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;2&lt;/td&gt;
&lt;td&gt;Poppins&lt;/td&gt;
&lt;td&gt;Lato&lt;/td&gt;
&lt;td&gt;Slide edukasi&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3&lt;/td&gt;
&lt;td&gt;Playfair Display&lt;/td&gt;
&lt;td&gt;Montserrat&lt;/td&gt;
&lt;td&gt;Poster produk premium&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;4&lt;/td&gt;
&lt;td&gt;Bebas Neue&lt;/td&gt;
&lt;td&gt;Montserrat&lt;/td&gt;
&lt;td&gt;Poster promosi&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;5&lt;/td&gt;
&lt;td&gt;Oswald&lt;/td&gt;
&lt;td&gt;Open Sans&lt;/td&gt;
&lt;td&gt;Poster acara&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;6&lt;/td&gt;
&lt;td&gt;League Spartan&lt;/td&gt;
&lt;td&gt;Libre Baskerville&lt;/td&gt;
&lt;td&gt;Presentasi kreatif&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;7&lt;/td&gt;
&lt;td&gt;Raleway&lt;/td&gt;
&lt;td&gt;Roboto Condensed&lt;/td&gt;
&lt;td&gt;Slide minimalis&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;8&lt;/td&gt;
&lt;td&gt;Abril Fatface&lt;/td&gt;
&lt;td&gt;Lato&lt;/td&gt;
&lt;td&gt;Poster editorial&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;9&lt;/td&gt;
&lt;td&gt;Merriweather&lt;/td&gt;
&lt;td&gt;Open Sans&lt;/td&gt;
&lt;td&gt;Presentasi formal&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;td&gt;Cinzel&lt;/td&gt;
&lt;td&gt;Lora&lt;/td&gt;
&lt;td&gt;Poster bertema klasik&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;h3&gt;1. Montserrat + Open Sans&lt;/h3&gt;&lt;p&gt;Montserrat memberi judul struktur yang tegas, sedangkan Open Sans dapat mengisi penjelasan dengan tampilan lebih tenang. Coba Montserrat SemiBold untuk “Rencana Penjualan” dan Open Sans Regular untuk tiga poin strategi; hindari membuat keduanya sama tebal.&lt;/p&gt;&lt;h3&gt;2. Poppins + Lato&lt;/h3&gt;&lt;p&gt;Bentuk geometris Poppins bisa memberi slide edukasi kesan modern. Padukan dengan Lato Regular untuk penjelasan singkat, misalnya materi kewirausahaan. Karena keduanya sama-sama sans-serif, perbedaan ukuran dan ketebalan perlu terlihat jelas agar hierarkinya terbaca.&lt;/p&gt;&lt;h3&gt;3. Playfair Display + Montserrat&lt;/h3&gt;&lt;p&gt;Playfair Display menawarkan kontras goresan dan detail serif untuk judul yang elegan. Montserrat menjaga harga, tanggal, atau keterangan tetap lugas. Pada poster parfum UMKM, gunakan Playfair Display untuk nama koleksi dan Montserrat untuk informasi pemesanan.&lt;/p&gt;&lt;h3&gt;4. Bebas Neue + Montserrat&lt;/h3&gt;&lt;p&gt;Huruf Bebas Neue yang ramping dan tinggi cocok dicoba untuk headline singkat seperti “PROMO AKHIR PEKAN”. Gunakan Montserrat pada harga dan syarat promo. Batasi Bebas Neue pada judul; paragraf panjang memerlukan ritme baca yang lebih nyaman.&amp;nbsp;&lt;/p&gt;&lt;h3&gt;5. Oswald + Open Sans&lt;/h3&gt;&lt;p&gt;Oswald memberi karakter padat pada judul poster acara, sementara Open Sans membantu merapikan detail pelaksanaan. Untuk poster seminar, tempatkan tema dengan Oswald dan gunakan Open Sans pada nama pembicara, waktu, lokasi, serta tautan pendaftaran.&lt;/p&gt;&lt;h3&gt;6. League Spartan + Libre Baskerville&lt;/h3&gt;&lt;p&gt;League Spartan yang geometris dapat dipadukan dengan Libre Baskerville yang memiliki detail serif. Coba pasangan ini pada presentasi konsep kreatif: judul memakai League Spartan Bold, sedangkan alasan pemilihan konsep memakai Libre Baskerville Regular dalam beberapa baris singkat.&amp;nbsp;&lt;/p&gt;&lt;h3&gt;7. Raleway + Roboto Condensed&lt;/h3&gt;&lt;p&gt;Raleway dapat menjadi judul yang terasa ringan, sementara Roboto Condensed membantu menata keterangan dalam ruang terbatas. Pilih bobot Raleway yang cukup kuat untuk proyektor. Jangan mempersempit kotak teks berlebihan hanya karena Roboto Condensed berbentuk ramping.&lt;/p&gt;&lt;h3&gt;8. Abril Fatface + Lato&lt;/h3&gt;&lt;p&gt;Abril Fatface memiliki bentuk judul yang menonjol, sehingga Lato dapat mengambil peran pendukung. Pasangan ini menarik untuk poster bazar atau sampul presentasi bertema budaya. Sisakan ruang kosong agar detail huruf Abril Fatface tidak bersaing dengan ilustrasi.&amp;nbsp;&lt;/p&gt;&lt;h3&gt;9. Merriweather + Open Sans&lt;/h3&gt;&lt;p&gt;Merriweather bisa memberi judul nuansa formal tanpa membutuhkan ornamen tambahan. Open Sans membantu menjaga poin penjelasan tetap sederhana. Gunakan pasangan ini untuk presentasi laporan, lalu bedakan data utama dengan ukuran atau ketebalan alih-alih menambahkan font ketiga.&lt;/p&gt;&lt;h3&gt;10. Cinzel + Lora&lt;/h3&gt;&lt;p&gt;Cinzel dapat memberi judul karakter klasik, sementara Lora menjadi pendamping untuk penjelasan. Coba pada poster pertunjukan seni atau acara sejarah. Gunakan Cinzel untuk frasa pendek dan Lora Regular untuk keterangan agar keseluruhan poster tidak terasa terlalu dekoratif.&lt;/p&gt;&lt;h2&gt;Cara Memilih Kombinasi Font Canva Sesuai Tujuan Desain&lt;/h2&gt;&lt;p&gt;Pilih kombinasi font berdasarkan pesan, panjang teks, dan cara audiens melihat desain. Poster promosi memerlukan judul yang cepat dikenali, sedangkan presentasi membutuhkan konsistensi agar audiens dapat mengikuti penjelasan antar-slide.&lt;/p&gt;&lt;p&gt;Tentukan dahulu tiga hal: informasi yang paling penting, suasana yang ingin dibangun, dan jarak baca. Kalau kamu belum terbiasa menilai karakter huruf, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2025/03/panduan-memilih-font-desain-grafis.html&quot;&gt;panduan memilih font desain grafis&lt;/a&gt; sebagai dasar sebelum memilih pasangan.&lt;/p&gt;&lt;p&gt;Selanjutnya, cari perbedaan yang membantu pembaca mengenali peran teks. Memahami &lt;a href=&quot;https://www.fikalmyid.com/2025/03/perbedaan-font-serif-dan-sans-serif.html&quot;&gt;perbedaan font serif dan sans-serif&lt;/a&gt; memudahkan kamu menilai bentuk huruf, tetapi kategori font saja tidak menentukan keterbacaan. Ukuran, ketebalan, latar, dan panjang baris juga perlu diperiksa.&lt;/p&gt;&lt;h2&gt;Cara Menerapkan Kombinasi Font di Canva&lt;/h2&gt;&lt;p&gt;Terapkan pasangan font dengan memisahkan kotak teks judul dan isi, lalu mengatur keduanya sesuai perannya. Canva menyediakan pengaturan font, ukuran, ketebalan, perataan, serta jarak huruf dan baris pada kontrol teks.&amp;nbsp;&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Tentukan media dan dimensi.&lt;/strong&gt; Contoh slide layar lebar memakai rasio 16:9, misalnya 1920 × 1080 px. Untuk poster cetak, tentukan ukuran fisiknya terlebih dahulu.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Buat kotak teks terpisah.&lt;/strong&gt; Pisahkan judul, keterangan, dan ajakan bertindak agar pengaturan satu bagian tidak mengubah semuanya.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Cari nama font.&lt;/strong&gt; Pilih teks, buka menu font, lalu ketik nama yang diinginkan. Periksa varian ketebalan dan aksesnya pada akun kamu.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Atur bobot dan spasi.&lt;/strong&gt; Mulai dengan judul SemiBold atau Bold dan isi Regular, kemudian sesuaikan jarak baris melalui pengaturan teks.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tinjau hasil akhir.&lt;/strong&gt; Buka desain pada layar tujuan atau lakukan cetak uji, lalu periksa kembali berkas yang sudah diunduh.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk contoh cetak, pelajari &lt;a href=&quot;https://www.fikalmyid.com/2026/10/ukuran-poster-a3-dalam-cm-mm-pixel.html&quot;&gt;ukuran poster A3 di Canva&lt;/a&gt; sebelum menata teks. A3 berukuran &lt;strong&gt;297 × 420 mm&lt;/strong&gt;; untuk gambar raster pada 300 ppi, dimensinya sekitar &lt;strong&gt;3508 × 4961 px&lt;/strong&gt;, dihitung dari ukuran inci dikalikan 300. Angka piksel tersebut tidak menjadi batas resolusi teks vektor dalam PDF.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Pilih &lt;strong&gt;PNG&lt;/strong&gt; untuk poster digital berbasis teks dan &lt;strong&gt;PDF Print&lt;/strong&gt; untuk kebutuhan cetak. Gunakan RGB untuk layar; untuk percetakan, ikuti kebutuhan profil warna dari penyedia cetak. Opsi ekspor CMYK bergantung pada paket Canva, dan warna sangat terang dapat berubah ketika dikonversi.&lt;/p&gt;&lt;h2&gt;Tips Mengatur Ukuran, Spasi, dan Hierarki Font&lt;/h2&gt;&lt;p&gt;Bangun hierarki dengan membuat judul paling menonjol, subjudul menjadi penghubung, dan teks isi tetap nyaman dibaca. Bedakan peran melalui ukuran serta ketebalan sebelum menambahkan warna atau efek.&lt;/p&gt;&lt;p&gt;Sebagai &lt;strong&gt;titik awal percobaan&lt;/strong&gt; untuk slide 16:9, coba judul 40 pt, subjudul 28 pt, dan isi 24 pt. Nilai ini bukan standar Canva atau jaminan keterbacaan. Uji dari posisi audiens; jika terlalu kecil, ringkas kalimat dan perbesar teks.&lt;/p&gt;&lt;p&gt;Dua font berukuran 24 pt dapat terlihat berbeda karena tinggi huruf kecil, lebar karakter, dan ketebalannya berbeda. Samakan keseimbangan visual, bukan sekadar angka pada kolom ukuran.&lt;/p&gt;&lt;p&gt;Untuk spasi, lakukan pemeriksaan berikut:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Pastikan huruf tidak bertabrakan setelah memakai Bold.&lt;/li&gt;&lt;li&gt;Tambahkan ruang antarbaris ketika baris terasa berhimpitan.&lt;/li&gt;&lt;li&gt;Pertahankan jarak yang konsisten antara judul dan isi.&lt;/li&gt;&lt;li&gt;Gunakan latar sederhana atau bidang warna di belakang teks pada foto yang ramai.&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Kesalahan Memadukan Font yang Membuat Desain Sulit Dibaca&lt;/h2&gt;&lt;p&gt;Kesalahan paling mengganggu adalah membuat judul dan isi sama-sama berebut perhatian. Dua font dekoratif, banyak efek, atau ketebalan yang seragam dapat mengaburkan urutan informasi meskipun masing-masing font terlihat menarik.&lt;/p&gt;&lt;p&gt;Hindari pula kebiasaan mengecilkan semua teks saat ruang habis. Misalnya, jika poster promosi memuat sepuluh ketentuan, pindahkan penjelasan tambahan ke halaman tujuan dan pertahankan harga, tenggat, serta cara membeli di poster.&lt;/p&gt;&lt;p&gt;Periksa juga baris yang berubah setelah ekspor. Berkas PPTX dapat tampil berbeda di PowerPoint, termasuk ketika font yang digunakan belum terpasang pada perangkat pembuka. Periksa hasilnya sebelum presentasi; gunakan PDF jika kebutuhanmu hanya menampilkan halaman statis.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Sekarang pilih satu pasangan, lalu buat dua versi dari materi yang sama: satu poster dan satu slide. Gunakan judul contoh “Kelas Desain untuk UMKM”, tetapkan informasi utama, lalu minta orang lain membacanya dalam lima detik. Revisi bagian yang terlewat sebelum kamu menggandakan desain menjadi satu seri.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/11/10-kombinasi-font-canva-untuk-poster.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEeJIZXGynm2E0qcoLeLpGnZQKbZPgzEiLk0Dj9OY_EkItPnJy63RC4GgkfViQcx4RSyTmm3_oquLghVz6CxmRcdgbI0pZB3GNVHEywyR01ShXg4cHYQt6unlcPrUiwJU7-C4gPTzHglvraXoYi0P-dG7W0VF6eTydqfylomD2pn18ykyAz-OZf7a2eb1R/s72-c/10%20Kombinasi%20Font%20Canva%20untuk%20Poster%20dan%20Presentasi.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-7863144411546360143</guid><pubDate>Fri, 06 Nov 2026 07:11:18 +0000</pubDate><atom:updated>2026-11-06T15:11:18.090+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Infografis Biografi: Struktur, Contoh &amp; Cara Membuat</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDg8Jtndfq9NsDwOaA_w0dapuGso9ZTugmn0svFqFtt-kXhxhfV3Hg6iQqEfBvtWVCZZx5DC4ZO8FgBVMfP1gNKpKwbiaJJxQqi4A_7YBiPm5XxoAw4Q_QE-d88PB7csAaF1nUp9xQJu9TgbwiInZGIl6PoALA9IlSK0gYQr5ycwfuAbL8vBFYDQc2pBb/s1200/Infografis%20Biografi_%20Struktur,%20Contoh%20&amp;amp;%20Cara%20Membuat.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Biografi: Struktur, Contoh &amp;amp; Cara Membuat&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDg8Jtndfq9NsDwOaA_w0dapuGso9ZTugmn0svFqFtt-kXhxhfV3Hg6iQqEfBvtWVCZZx5DC4ZO8FgBVMfP1gNKpKwbiaJJxQqi4A_7YBiPm5XxoAw4Q_QE-d88PB7csAaF1nUp9xQJu9TgbwiInZGIl6PoALA9IlSK0gYQr5ycwfuAbL8vBFYDQc2pBb/s1600/Infografis%20Biografi_%20Struktur,%20Contoh%20&amp;amp;%20Cara%20Membuat.webp&quot; title=&quot;Infografis Biografi: Struktur, Contoh &amp;amp; Cara Membuat&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Infografis biografi adalah penyajian riwayat hidup seseorang melalui perpaduan teks ringkas, foto, ilustrasi, dan urutan peristiwa penting. Isinya biasanya mencakup identitas, latar belakang, perjalanan hidup, serta kontribusi tokoh. Untuk membuatnya, pilih fakta yang relevan, susun alurnya, lalu gunakan desain yang membantu pembaca memahami hubungan antarperistiwa.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis Biografi?&lt;/h2&gt;&lt;p&gt;Infografis biografi merangkum perjalanan hidup seseorang dengan visual yang memperjelas urutan waktu, peristiwa penting, dan kontribusinya. Kamu bisa menggunakannya untuk tugas sekolah, materi presentasi, pameran, atau konten edukasi.&lt;/p&gt;&lt;p&gt;Fokusnya adalah cerita yang bisa diikuti. Pembaca perlu memahami bagaimana latar belakang, pengalaman, dan tindakan seseorang saling berhubungan. Nama, tanggal lahir, serta foto menjadi pintu masuk menuju cerita tersebut.&lt;/p&gt;&lt;p&gt;Pilih bentuk visual sesuai bahan yang tersedia. Garis waktu cocok untuk perjalanan kronologis, sedangkan kartu tematik membantu mengelompokkan karya atau bidang perjuangan. Pembahasan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/7-jenis-infografis-contoh-dan-cara.html&quot;&gt;jenis-jenis infografis&lt;/a&gt; dapat membantu kamu menentukan pola penyajian sebelum memilih template.&lt;/p&gt;&lt;h2&gt;Struktur Infografis Biografi dan Informasi yang Perlu Dicantumkan&lt;/h2&gt;&lt;p&gt;Struktur infografis biografi dapat disusun dari judul, identitas tokoh, latar belakang, peristiwa penting, kontribusi, dan sumber informasi. Sesuaikan kedalaman setiap bagian dengan tujuan serta ruang desain yang tersedia.&lt;/p&gt;&lt;p&gt;Siapkan komponen berikut:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Judul dan fokus cerita:&lt;/strong&gt; sebutkan nama tokoh serta sudut pembahasannya, misalnya perjuangan pendidikan atau perjalanan ilmiah.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Identitas ringkas:&lt;/strong&gt; nama, tempat dan tanggal lahir, serta bidang kegiatan yang relevan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Foto atau ilustrasi:&lt;/strong&gt; pilih visual yang identitas dan izin penggunaannya dapat diperiksa.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Latar belakang:&lt;/strong&gt; ringkas pendidikan, lingkungan, atau pengalaman yang membantu menjelaskan perjalanan tokoh.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Peristiwa penting:&lt;/strong&gt; urutkan tahun, nama kejadian, dan satu kalimat penjelasan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Kontribusi dan sumber:&lt;/strong&gt; jelaskan dampak yang didukung referensi, kemudian cantumkan asal fakta dan gambar.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Untuk latihan satu halaman, coba pilih lima peristiwa. Pertahankan kejadian yang menjelaskan perubahan arah hidup, kontribusi utama, atau hubungan sebab-akibat. Angka lima merupakan titik awal penyuntingan; jumlah akhirnya mengikuti kebutuhan cerita.&lt;/p&gt;&lt;h2&gt;5 Contoh Infografis Biografi Tokoh Inspiratif&lt;/h2&gt;&lt;p&gt;Lima contoh infografis biografi berikut menawarkan rancangan isi dan tata letak yang bisa kamu kembangkan menjadi desain. Setiap tokoh diberi fokus berbeda agar informasi memiliki arah yang jelas.&lt;/p&gt;&lt;h3&gt;1. Soekarno: Perjalanan Menuju Proklamasi&lt;/h3&gt;&lt;p&gt;Gunakan tiga penanda awal: lahir pada 6 Juni 1901, proklamasi kemerdekaan bersama Mohammad Hatta pada 17 Agustus 1945, dan pengangkatan sebagai presiden pada 18 Agustus 1945.&lt;/p&gt;&lt;p&gt;Letakkan potret di bagian atas, lalu susun garis waktu vertikal. Dua peristiwa pada Agustus 1945 perlu diberi tanggal lengkap agar pembaca memahami perbedaannya. Tambahkan keterangan pendek tentang peran Soekarno pada setiap titik, dengan aksen merah untuk menonjolkan proklamasi.&lt;/p&gt;&lt;h3&gt;2. R.A. Kartini: Gagasan dan Warisan Pemikiran&lt;/h3&gt;&lt;p&gt;Rancang cerita dari kelahiran Kartini pada 21 April 1879, korespondensinya pada 1899, hingga penerbitan kumpulan surat pada 1911. Publikasi tersebut berlangsung setelah Kartini wafat.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Pisahkan area “Perjalanan Hidup” dan “Warisan Pemikiran” agar pembaca tidak mengira seluruh kejadian berlangsung semasa hidupnya. Gunakan ilustrasi surat sebagai penghubung. Ringkas gagasannya tentang pendidikan dan perempuan dengan kalimat sendiri; kutipan langsung memerlukan pemeriksaan terhadap naskah sumber.&lt;/p&gt;&lt;h3&gt;3. Ki Hajar Dewantara: Perjuangan Melalui Pendidikan&lt;/h3&gt;&lt;p&gt;Jadikan pendirian Taman Siswa pada 3 Juli 1922 sebagai peristiwa utama. Buku biografinya juga mencatat perjuangan Ki Hajar Dewantara melalui pendidikan, politik, dan jurnalistik.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Buat satu penanda tahun besar di tengah, kemudian hubungkan dengan tiga kartu bidang perjuangan. Tambahkan penjelasan tentang tujuan pendidikan nasional sesuai referensi. Susunan ini membantu kamu memperlihatkan hubungan gagasan dan tindakan, sambil menjaga agar setiap kartu hanya memuat satu pokok informasi.&lt;/p&gt;&lt;h3&gt;4. B.J. Habibie: Pendidikan, Teknologi, dan Kepemimpinan&lt;/h3&gt;&lt;p&gt;Susun perjalanan Habibie melalui tiga tahap: kelahiran di Parepare pada 25 Juni 1936, gelar doktor pada 1965, dan masa kepresidenan 1998–1999. Museum Kepresidenan menyediakan ringkasan riwayat tersebut.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Bedakan tahap pendidikan dan pemerintahan melalui label yang jelas. Sisipkan kartu kontribusi teknologi dengan ikon pesawat. Saat membahas proyek industri, jelaskan kedudukan Habibie dan keterlibatan tim berdasarkan sumber agar pembaca memahami bagaimana pencapaian tersebut dihasilkan.&lt;/p&gt;&lt;h3&gt;5. Cut Nyak Dien: Perjuangan dan Pengasingan&lt;/h3&gt;&lt;p&gt;Fokuskan cerita pada perlawanan di Aceh, penangkapan, pengasingan di Sumedang, dan wafatnya pada 6 November 1908. Ensiklopedia Sejarah Indonesia mendokumentasikan rangkaian akhir kehidupannya.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Padukan garis waktu dengan peta lokasi sederhana. Beri label Aceh dan Sumedang, lalu jelaskan perpindahan melalui keterangan singkat. Jika lokasi antara keduanya belum dipastikan, tampilkan hubungan antarlokasi secara skematis. Setiap simbol perlu membantu pembaca mengikuti perjalanan yang didukung bukti.&lt;/p&gt;&lt;h2&gt;Cara Membuat Infografis Biografi di Canva&lt;/h2&gt;&lt;p&gt;Cara membuat infografis biografi di Canva dimulai dengan menyiapkan fakta dan kerangka cerita, kemudian memilih kanvas, menata visual, serta memeriksa hasil ekspor. Kerjakan isi terlebih dahulu agar kamu lebih mudah menentukan kebutuhan desain.&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Tentukan tokoh dan tujuan.&lt;/strong&gt; Tulis satu kalimat sasaran, misalnya “Pembaca memahami hubungan pendidikan dan kontribusi Habibie.”&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Kumpulkan fakta beserta sumber.&lt;/strong&gt; Catat tanggal, peristiwa, dan rujukannya dalam dokumen kerja. Tandai informasi yang masih perlu diperiksa.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Buat sketsa isi.&lt;/strong&gt; Susun nama tokoh, pengantar, peristiwa terpilih, kontribusi, dan sumber. Ringkas teks sebelum memindahkannya ke kanvas.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Pilih ukuran dan template.&lt;/strong&gt; Gunakan struktur timeline atau kartu sesuai cerita. Jika perlu panduan dasar pengaturan desain, ikuti &lt;a href=&quot;https://www.fikalmyid.com/2026/10/infografis-canva-ukuran-template-dan.html&quot;&gt;cara membuat infografis di Canva&lt;/a&gt;.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Ganti isi dan visual.&lt;/strong&gt; Masukkan fakta terverifikasi, foto, serta ikon yang relevan. Periksa kembali teks contoh bawaan template.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Periksa, lalu unduh.&lt;/strong&gt; Buka hasil ekspor pada ukuran penggunaan sebenarnya dan baca kembali semua tanggal serta sumber.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Gunakan spesifikasi awal berikut sesuai tujuan:&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Kebutuhan&lt;/th&gt;
&lt;th&gt;Ukuran dan rasio&lt;/th&gt;
&lt;th&gt;Resolusi atau warna&lt;/th&gt;
&lt;th&gt;Format&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;Gambar vertikal untuk blog&lt;/td&gt;
&lt;td&gt;Usulan 1500 × 2250 px; 2:3&lt;/td&gt;
&lt;td&gt;RGB; periksa keterbacaan pada lebar artikel&lt;/td&gt;
&lt;td&gt;PNG atau WebP&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Lembar cetak A4&lt;/td&gt;
&lt;td&gt;210 × 297 mm; sekitar 1:1,414&lt;/td&gt;
&lt;td&gt;Raster setara sekitar 2480 × 3508 px pada 300 PPI&lt;/td&gt;
&lt;td&gt;PDF Print&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Ukuran digital di atas merupakan rekomendasi latihan. Dimensi A4 dan konversi pikselnya mengikuti panduan Adobe.Untuk layar, gunakan RGB; untuk cetak profesional, sesuaikan profil warna dengan permintaan percetakan.&lt;/p&gt;&lt;p&gt;Canva menyediakan PDF Print serta pilihan profil RGB atau CMYK; akses CMYK bergantung pada paket akun. Foto sumber tetap harus cukup tajam, karena memilih format cetak berkualitas tinggi tidak memulihkan detail gambar yang sudah hilang.&lt;/p&gt;&lt;h2&gt;Tips Mendesain Infografis Biografi agar Mudah Dibaca&lt;/h2&gt;&lt;p&gt;Infografis biografi lebih mudah dibaca ketika urutan cerita jelas, tulisan memiliki kontras yang cukup, dan setiap elemen visual membantu menjelaskan informasi. Mulailah dari hierarki: nama tokoh terlihat dahulu, disusul fokus cerita, kemudian rincian peristiwa.&lt;/p&gt;&lt;p&gt;Gunakan satu keluarga font dengan variasi ukuran dan ketebalan sebagai titik awal. Batasi warna utama agar penekanan konsisten, lalu sisakan ruang kosong antarbagian. Label tahun dan nama kejadian harus tetap terbaca ketika desain ditampilkan di ponsel.&lt;/p&gt;&lt;p&gt;Perhatikan juga ketepatan makna visual. Jika titik pada garis waktu dibuat berjarak sama padahal selang tahunnya berbeda, beri keterangan “garis waktu skematis”. Pembaca bisa memahami urutannya tanpa menganggap jarak tersebut mewakili durasi sebenarnya.&lt;/p&gt;&lt;p&gt;Saat menyiapkan versi blog, tulis teks alternatif yang menjelaskan tokoh dan isi utama gambar. Letakkan uraian penting dalam teks artikel juga agar pembaca tetap bisa mengikuti cerita ketika gambar sulit dibaca. Gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/9-tips-perancangan-infografis-yang-baik.html&quot;&gt;tips perancangan infografis yang baik&lt;/a&gt; untuk meninjau kejelasan pesan dan alur visualnya.&lt;/p&gt;&lt;p&gt;Sebelum membagikan desain, periksa ejaan nama, tahun, identitas foto, lisensi aset, dan kesesuaian sumber. Kemudian minta seseorang menjelaskan tiga hal yang ia pahami dari infografismu. Jika jawaban mereka belum sesuai tujuan, perbaiki urutan dan ringkas teks sebelum menambahkan dekorasi.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/11/infografis-biografi-struktur-contoh.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDg8Jtndfq9NsDwOaA_w0dapuGso9ZTugmn0svFqFtt-kXhxhfV3Hg6iQqEfBvtWVCZZx5DC4ZO8FgBVMfP1gNKpKwbiaJJxQqi4A_7YBiPm5XxoAw4Q_QE-d88PB7csAaF1nUp9xQJu9TgbwiInZGIl6PoALA9IlSK0gYQr5ycwfuAbL8vBFYDQc2pBb/s72-c/Infografis%20Biografi_%20Struktur,%20Contoh%20&amp;%20Cara%20Membuat.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-5073793890756962244</guid><pubDate>Tue, 03 Nov 2026 13:42:56 +0000</pubDate><atom:updated>2026-11-03T21:55:24.169+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>7 Contoh Moodboard + Cara Membuat untuk Proyek Desain</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwljHCx5kw1LODPSxMj3S08LXDXoOd5aAwPc7AC6KH9__EjU-Bjoiahh7KIPIyo587pGybmUQOsFkJBcbLsuggyOFsfWZzcoCoJAx7icNdcHocPw2R3wy66kYi30EH57DSpESifnlDD0aSVILjikJ-84M__xS5sZQstUcTUUeFy4P1mO4YM9HpukHlk18d/s1200/7%20Contoh%20Moodboard%20+%20Cara%20Membuat%20untuk%20Proyek%20Desain.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;7 Contoh Moodboard + Cara Membuat untuk Proyek Desain&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwljHCx5kw1LODPSxMj3S08LXDXoOd5aAwPc7AC6KH9__EjU-Bjoiahh7KIPIyo587pGybmUQOsFkJBcbLsuggyOFsfWZzcoCoJAx7icNdcHocPw2R3wy66kYi30EH57DSpESifnlDD0aSVILjikJ-84M__xS5sZQstUcTUUeFy4P1mO4YM9HpukHlk18d/s1600/7%20Contoh%20Moodboard%20+%20Cara%20Membuat%20untuk%20Proyek%20Desain.webp&quot; title=&quot;7 Contoh Moodboard + Cara Membuat untuk Proyek Desain&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Contoh moodboard adalah susunan referensi visual berupa foto, warna, tekstur, dan tipografi yang menunjukkan arah sebuah proyek desain. Kamu bisa membuatnya untuk branding, fashion, interior, kemasan, Instagram, website, atau fotografi. Setiap elemen dipilih untuk menjelaskan suasana yang diinginkan dan membantu mengambil keputusan sebelum desain dikerjakan lebih jauh.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;7 Contoh Moodboard untuk Berbagai Proyek Desain&lt;/h2&gt;&lt;p&gt;Tujuh contoh moodboard berikut memperlihatkan cara memilih referensi sesuai kebutuhan branding, busana, ruang, kemasan, media sosial, website, dan fotografi. Semuanya merupakan skenario fiktif untuk latihan. Kamu bisa mengganti objek dan warnanya sambil mempertahankan cara menghubungkan referensi dengan tujuan proyek.&lt;/p&gt;&lt;p&gt;Moodboard dapat berbentuk kolase fisik maupun digital. Figma menjelaskan penggunaannya untuk menyatukan gambar, tipografi, warna, serta referensi lain demi menentukan arah desain.&amp;nbsp;&lt;/p&gt;&lt;h3&gt;1. Moodboard Branding Kedai Kopi&lt;/h3&gt;&lt;p&gt;Bayangkan kedai “Kopi Pagi Sela” ingin menjangkau pekerja yang membeli sarapan sebelum berangkat. Tiga kata arahannya adalah &lt;strong&gt;hangat, ringkas, dan akrab&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Susun foto cahaya pagi, permukaan kayu, cangkir keramik, dan contoh huruf serif yang bentuknya sederhana. Gunakan krem &lt;code dir=&quot;ltr&quot;&gt;#F5EFE6&lt;/code&gt; untuk latar, cokelat &lt;code dir=&quot;ltr&quot;&gt;#3B2A22&lt;/code&gt; untuk teks, serta terakota &lt;code dir=&quot;ltr&quot;&gt;#B85C38&lt;/code&gt; sebagai aksen. Di bawah foto, tulis alasan pemilihan seperti “cahaya lembut untuk memberi kesan sarapan rumahan”.&lt;/p&gt;&lt;h3&gt;2. Moodboard Fashion untuk Koleksi Denim&lt;/h3&gt;&lt;p&gt;Untuk koleksi jaket denim harian, kumpulkan foto siluet longgar, sampel kain, detail kantong, dan jahitan kontras. Pilih referensi yang memperlihatkan potongan busana serta permukaan bahan agar arahan koleksinya mudah dibayangkan.&lt;/p&gt;&lt;p&gt;Bandingkan biru gelap &lt;code dir=&quot;ltr&quot;&gt;#1E3A5F&lt;/code&gt; dengan biru pudar &lt;code dir=&quot;ltr&quot;&gt;#8FAFC4&lt;/code&gt;, lalu tambahkan krem sebagai pendamping. Jika perlu memperluas pilihan palet, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/10-kombinasi-warna-biru-untuk-desain.html&quot;&gt;kombinasi warna biru beserta kode HEX&lt;/a&gt; untuk membandingkan warna dasar dan aksen yang sesuai dengan kain pilihanmu.&lt;/p&gt;&lt;h3&gt;3. Moodboard Interior Kamar Minimalis&lt;/h3&gt;&lt;p&gt;Untuk kamar kos berukuran 3 × 3 meter, mulai dari foto pencahayaan, kayu terang, kain linen, dan furnitur berkaki ramping. Pertahankan palet putih hangat, beige, serta hijau zaitun agar referensi mudah dibandingkan.&lt;/p&gt;&lt;p&gt;Tambahkan catatan kebutuhan seperti meja lipat dan penyimpanan vertikal. Moodboard membantu menentukan suasana ruang, sedangkan ukuran furnitur tetap perlu dicocokkan dengan pengukuran kamar. Sampel material fisik juga membantu menilai warna ketika terkena cahaya ruangan.&lt;/p&gt;&lt;h3&gt;4. Moodboard Kemasan Camilan Pedas&lt;/h3&gt;&lt;p&gt;Untuk keripik singkong pedas, pilih referensi ilustrasi cabai, foto tekstur keripik, huruf tebal, dan label tingkat kepedasan. Merah dapat menjadi aksen untuk penanda rasa, sementara latar krem menyediakan ruang bagi informasi produk.&lt;/p&gt;&lt;p&gt;Sertakan contoh komposisi untuk kemasan kecil. Coba nama produk, berat bersih, dan varian rasa dalam satu bidang agar kamu bisa menilai keterbacaan sejak tahap konsep. Catat pula apakah ilustrasi perlu dibuat khusus untuk produk tersebut.&lt;/p&gt;&lt;h3&gt;5. Moodboard Feed Instagram untuk Toko Roti&lt;/h3&gt;&lt;p&gt;Toko roti rumahan dapat memakai referensi cahaya jendela, latar pastel, potongan roti, dan tulisan harga yang sederhana. Tambahkan sketsa enam unggahan agar terlihat hubungan antara foto produk, informasi pemesanan, dan cerita proses produksi.&lt;/p&gt;&lt;p&gt;Sebelum menerapkan konsep menjadi puzzle feed, pelajari &lt;a href=&quot;https://www.fikalmyid.com/2026/10/ukuran-feed-instagram-6-kotak-terbaru.html&quot;&gt;ukuran feed Instagram 6 kotak&lt;/a&gt; supaya rancangan kanvas dan pembagiannya sesuai kebutuhan. Jaga agar informasi pada setiap unggahan tetap terbaca ketika dilihat sendiri.&lt;/p&gt;&lt;h3&gt;6. Moodboard Website Portofolio Fotografer&lt;/h3&gt;&lt;p&gt;Untuk fotografer dokumenter, susun contoh galeri dengan foto berukuran besar, latar netral, dan tipografi sederhana. Pilih referensi yang mempertahankan warna foto agar karya mudah diamati.&lt;/p&gt;&lt;p&gt;Tambahkan contoh tampilan desktop dan ponsel sebagai bahan diskusi. Beri catatan seperti “judul proyek tampil dekat foto pembuka” atau “navigasi mudah ditemukan”. Tahap selanjutnya adalah menguji susunan halaman melalui wireframe dan prototipe.&lt;/p&gt;&lt;h3&gt;7. Moodboard Fotografi Produk Skincare&lt;/h3&gt;&lt;p&gt;Untuk serum wajah, kumpulkan referensi cahaya samping, bayangan lembut, permukaan kaca, dan latar hijau pucat. Sertakan beberapa sudut pengambilan gambar agar fotografer memahami bagaimana bentuk botol ingin ditampilkan.&lt;/p&gt;&lt;p&gt;Tulis detail yang dapat dikerjakan, misalnya “label menghadap kamera” dan “pantulan dikurangi agar nama produk terbaca”. Referensi tetesan air bisa dipakai bila sesuai konsep pemotretan dan karakter kemasan.&lt;/p&gt;&lt;p&gt;Gunakan matriks berikut saat menyaring isi papan inspirasimu.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Proyek&lt;/th&gt;
&lt;th&gt;Referensi paling berguna&lt;/th&gt;
&lt;th&gt;Keputusan yang dibantu&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;Kedai kopi&lt;/td&gt;
&lt;td&gt;Cahaya, kayu, huruf, warna&lt;/td&gt;
&lt;td&gt;Suasana menu dan materi promosi&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Fashion denim&lt;/td&gt;
&lt;td&gt;Kain, siluet, detail jahitan&lt;/td&gt;
&lt;td&gt;Potongan dan perpaduan bahan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Interior kamar&lt;/td&gt;
&lt;td&gt;Material, cahaya, furnitur&lt;/td&gt;
&lt;td&gt;Suasana dan arah pemilihan furnitur&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Kemasan camilan&lt;/td&gt;
&lt;td&gt;Ilustrasi, huruf, label&lt;/td&gt;
&lt;td&gt;Hierarki informasi kemasan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Instagram toko roti&lt;/td&gt;
&lt;td&gt;Foto, latar, sketsa unggahan&lt;/td&gt;
&lt;td&gt;Ritme konten dan konsistensi visual&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Website fotografer&lt;/td&gt;
&lt;td&gt;Galeri, navigasi, tipografi&lt;/td&gt;
&lt;td&gt;Cara menampilkan karya&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Foto skincare&lt;/td&gt;
&lt;td&gt;Cahaya, sudut, properti&lt;/td&gt;
&lt;td&gt;Arahan pemotretan produk&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Cara Membuat Moodboard di Canva dari Brief hingga Jadi&lt;/h2&gt;&lt;p&gt;Cara membuat moodboard di Canva dimulai dengan menentukan brief, memilih referensi, menyusunnya pada satu kanvas, lalu menambahkan alasan di balik setiap pilihan. Canva menyediakan template moodboard yang dapat disesuaikan. Gunakan contoh kedai kopi tadi untuk mengikuti proses berikut.&amp;nbsp;&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tulis brief pendek.&lt;/strong&gt; Tetapkan sasaran berupa menu sarapan kedai kopi untuk pekerja. Cantumkan tiga kata suasana dan kebutuhan praktis, misalnya harga mudah dibaca serta foto makanan terlihat jelas.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Siapkan kanvas.&lt;/strong&gt; Sebagai ukuran latihan, gunakan 1800 × 1200 px dengan rasio 3:2 untuk papan digital mendatar. Jika perlu lembar cetak, pilih A4 297 × 210 mm dalam orientasi lanskap. Sesuaikan ukuran dengan cara papan akan dilihat.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Pilih referensi.&lt;/strong&gt; Mulai dengan 6–9 gambar yang mewakili cahaya, bahan, makanan, dan suasana. Jumlah ini merupakan titik awal latihan. Catat asal gambar dan izin penggunaannya, terutama untuk materi yang akan dipublikasikan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Susun hierarki visual.&lt;/strong&gt; Tempatkan satu foto utama paling besar, kemudian kelompokkan tekstur, warna, dan tipografi. Untuk kanvas latihan tadi, coba margin 60 px dan jarak antarelemen 24 px, lalu sesuaikan setelah melihat keterbacaannya.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tambahkan informasi pemakaian.&lt;/strong&gt; Cantumkan kode HEX, nama font, dan peran tiap warna. Contohnya, krem untuk latar menu dan cokelat untuk nama minuman. Gunakan teks contoh berupa nama produk serta harga agar penilaiannya lebih konkret.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ekspor dan periksa.&lt;/strong&gt; Buka Bagikan/Share → Unduh/Download, lalu pilih PNG untuk pratinjau atau PDF untuk dokumen. Buka hasil unduhan, periksa ketajaman gambar dan teks, kemudian simpan desain yang dapat diedit.&amp;nbsp;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk tampilan layar, gunakan alur warna RGB, dengan sRGB sebagai pilihan praktis untuk gambar web. Untuk cetak, ikuti profil warna dan spesifikasi dari percetakan. Sebagian warna RGB dapat berubah ketika direproduksi memakai tinta CMYK.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Canva menyediakan PDF Print untuk kebutuhan cetak, dengan pilihan tertentu bergantung pada paket akun. Jika ingin menyiapkan versi raster A4 lanskap pada 300 ppi, dimensinya sekitar 3508 × 2480 px. Periksa juga resolusi foto sumber setelah diperbesar pada layout.&amp;nbsp;&lt;/p&gt;&lt;h2&gt;Cara Menguji Moodboard Sebelum Mulai Mendesain&lt;/h2&gt;&lt;p&gt;Uji moodboard dengan menerapkannya pada satu desain kecil, lalu periksa kesesuaian suasana, keterbacaan, dan kelayakan produksinya. Untuk kedai kopi tadi, buat satu halaman menu berisi tiga minuman dan dua makanan.&lt;/p&gt;&lt;p&gt;Minta rekan menyebutkan tiga kata yang muncul setelah melihatnya. Bandingkan jawabannya dengan “hangat, ringkas, dan akrab”, lalu bahas elemen yang menyebabkan kesan berbeda. Jika foto terlihat mewah tetapi menu menargetkan sarapan praktis, coba ganti pencahayaan atau propertinya.&lt;/p&gt;&lt;p&gt;Periksa empat hal sebelum menyetujui arah desain.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Keterbacaan&lt;/strong&gt; — Nama produk dan harga mudah ditemukan pada ukuran penggunaan sebenarnya.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Konsistensi&lt;/strong&gt; — Foto, huruf, dan tekstur mendukung suasana yang sama.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Kelayakan&lt;/strong&gt; — Bahan, font, dan teknik pemotretan sesuai anggaran serta tersedia untuk digunakan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Kejelasan keputusan&lt;/strong&gt; — Setiap referensi memiliki alasan dan arahan penerapan yang dapat dipahami rekan kerja.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Setelah warna dan huruf disetujui, lanjutkan dengan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/brand-board-pengertian-contoh-dan-cara.html&quot;&gt;cara membuat brand board&lt;/a&gt; untuk merangkum elemen terpilih. Simpan file dengan nama versi yang jelas, misalnya &lt;code dir=&quot;ltr&quot;&gt;kopi-pagi-sela-moodboard-v1&lt;/code&gt;. Untuk latihan hari ini, pilih satu proyek, susun papan inspirasinya, dan terapkan pada satu desain kecil sebelum memperluas pengerjaan.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/11/7-contoh-moodboard-cara-membuat-untuk.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwljHCx5kw1LODPSxMj3S08LXDXoOd5aAwPc7AC6KH9__EjU-Bjoiahh7KIPIyo587pGybmUQOsFkJBcbLsuggyOFsfWZzcoCoJAx7icNdcHocPw2R3wy66kYi30EH57DSpESifnlDD0aSVILjikJ-84M__xS5sZQstUcTUUeFy4P1mO4YM9HpukHlk18d/s72-c/7%20Contoh%20Moodboard%20+%20Cara%20Membuat%20untuk%20Proyek%20Desain.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-8014467468719600863</guid><pubDate>Mon, 02 Nov 2026 11:59:44 +0000</pubDate><atom:updated>2026-11-02T20:00:38.836+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>5 Contoh Infografis Lingkungan dan Cara Menyusun Isinya</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7QEb7nhLD4KxBZTl3CN2SeENTRWW2agGIqFilzKEPKCEdX6Xr3vyrvZIZfAWAjNFKyKnh6vEoNjx8AcMRaO8cgV9ux8paTN8BT3c0NQpLvd6QsXwzc1r2-INZ3F5iYQVhWcsGTqMc0-rY5CQVriP5jTCXvKSQa5PfOxKWsvfv-QfWsaBDAL-IYXzkmEiR/s1200/5%20Contoh%20Infografis%20Lingkungan%20dan%20Cara%20Menyusun%20Isinya.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;5 Contoh Infografis Lingkungan dan Cara Menyusun Isinya&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7QEb7nhLD4KxBZTl3CN2SeENTRWW2agGIqFilzKEPKCEdX6Xr3vyrvZIZfAWAjNFKyKnh6vEoNjx8AcMRaO8cgV9ux8paTN8BT3c0NQpLvd6QsXwzc1r2-INZ3F5iYQVhWcsGTqMc0-rY5CQVriP5jTCXvKSQa5PfOxKWsvfv-QfWsaBDAL-IYXzkmEiR/s1600/5%20Contoh%20Infografis%20Lingkungan%20dan%20Cara%20Menyusun%20Isinya.webp&quot; title=&quot;5 Contoh Infografis Lingkungan dan Cara Menyusun Isinya&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Infografis lingkungan adalah penyajian informasi tentang kondisi, masalah, dan upaya menjaga lingkungan melalui perpaduan teks singkat, data, serta visual. Contohnya mencakup pemilahan sampah, pengurangan plastik, penghematan air, pencemaran udara, dan penghijauan. Untuk menyusun isinya, tentukan satu pesan utama, pilih informasi tepercaya, lalu arahkan pembaca pada tindakan yang jelas.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis Lingkungan?&lt;/h2&gt;&lt;p&gt;Infografis lingkungan merupakan media visual yang menjelaskan isu lingkungan secara ringkas agar pembaca memahami masalah dan mengetahui tindakan yang bisa dilakukan. Media ini dapat digunakan untuk tugas sekolah, edukasi warga, atau kampanye komunitas.&lt;/p&gt;&lt;p&gt;Kekuatannya terletak pada hubungan antara informasi dan gambar. Ikon keran, misalnya, membantu mengenali topik air, tetapi perlu dilengkapi penjelasan tindakan atau data agar benar-benar informatif.&lt;/p&gt;&lt;p&gt;Infografis tidak selalu membutuhkan statistik. Urutan memilah sampah, perbandingan kebiasaan, atau alur perawatan tanaman juga dapat disajikan secara visual. Pilih bentuk yang sesuai dengan pesanmu, bukan sekadar mengikuti template yang terlihat ramai.&lt;/p&gt;&lt;h2&gt;5 Contoh Infografis Lingkungan dan Penjelasan Isinya&lt;/h2&gt;&lt;p&gt;Lima contoh infografis lingkungan yang bisa kamu kembangkan adalah pemilahan sampah, pengurangan plastik, penghematan air, pencemaran udara, dan penghijauan. Berikut rancangan isi orisinal untuk masing-masing topik; contoh ini merupakan konsep yang dapat kamu adaptasi menjadi gambar.&lt;/p&gt;&lt;h3&gt;1. Infografis Pemilahan Sampah di Sekolah&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh40sFng6zWmM8R_t2OYFFcVoj4S1iNnO4n_uu-r4aJHC-TMmgiZ3dcrlPJFNJq4eI5b6RBGRsrpWOtpwTChWPDOj41WyEtGAsYjaS8Ok5I5WcWplYcfUEYbYCUDwDiy2qKvESOc6wFyfObiOpNfrLim7w4EjK54XrtGYZP91XOs1agDnh8RGXvGP1i58n/s1200/Infografis%20Pemilahan%20Sampah%20di%20Sekolah.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Pemilahan Sampah di Sekolah&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh40sFng6zWmM8R_t2OYFFcVoj4S1iNnO4n_uu-r4aJHC-TMmgiZ3dcrlPJFNJq4eI5b6RBGRsrpWOtpwTChWPDOj41WyEtGAsYjaS8Ok5I5WcWplYcfUEYbYCUDwDiy2qKvESOc6wFyfObiOpNfrLim7w4EjK54XrtGYZP91XOs1agDnh8RGXvGP1i58n/s1600/Infografis%20Pemilahan%20Sampah%20di%20Sekolah.webp&quot; title=&quot;Infografis Pemilahan Sampah di Sekolah&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Gunakan judul &lt;strong&gt;“Pilah Sampah Sebelum Masuk Tempatnya”&lt;/strong&gt;. Fokuskan pesan pada keputusan sederhana yang dihadapi siswa setelah makan atau menggunakan alat tulis.&lt;/div&gt;&lt;p&gt;Contoh isi: “Pisahkan sisa makanan, kumpulkan bahan yang diterima bank sampah, dan tempatkan residu pada wadah yang ditentukan sekolah.” Tambahkan contoh benda di dekat setiap kategori agar petunjuknya tidak abstrak.&lt;/p&gt;&lt;p&gt;Visual yang cocok adalah kartu kategori dengan ilustrasi benda. Sesuaikan kategori dan label dengan sistem pengelolaan setempat; bahan yang dapat didaur ulang belum tentu diterima semua layanan pengumpulan. Prinsip ini juga dijelaskan dalam panduan &lt;a href=&quot;https://www.epa.gov/recycle/recycling-basics-and-benefits&quot;&gt;dasar daur ulang EPA&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;Hindari memberi kesan bahwa semua plastik pasti dapat didaur ulang. Baterai dan limbah elektronik sebaiknya diarahkan ke layanan pengumpulan khusus, bukan dimasukkan begitu saja ke kelompok daur ulang umum.&lt;/p&gt;&lt;h3&gt;2. Infografis Mengurangi Plastik Sekali Pakai&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8zPkhYh_xxO6bKBMUfY0akTbqV2YT4_b2IK3Z0el_h25-4yvhbtEotrCOVtzd_mkB0lg4LC2NwJpCCdhCZDlEZDwEIAXkE2XxsJQ7tih57jTcafnKrabUN4qKnl-AhI-HS3smsEodFkzERNQyivl-OKxcCayBdpPH5Spp1xNOlS0A8MKrI2t1SvXJGa6/s1200/Infografis%20Mengurangi%20Plastik%20Sekali%20Pakai.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Mengurangi Plastik Sekali Pakai&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8zPkhYh_xxO6bKBMUfY0akTbqV2YT4_b2IK3Z0el_h25-4yvhbtEotrCOVtzd_mkB0lg4LC2NwJpCCdhCZDlEZDwEIAXkE2XxsJQ7tih57jTcafnKrabUN4qKnl-AhI-HS3smsEodFkzERNQyivl-OKxcCayBdpPH5Spp1xNOlS0A8MKrI2t1SvXJGa6/s1600/Infografis%20Mengurangi%20Plastik%20Sekali%20Pakai.webp&quot; title=&quot;Infografis Mengurangi Plastik Sekali Pakai&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Judul &lt;strong&gt;“Kurangi Plastik dari Bekal Harianmu”&lt;/strong&gt; cocok untuk pembaca sekolah maupun pekerja. Tampilkan tiga pasangan kebiasaan: botol sekali pakai dan botol isi ulang, kantong belanja dan tas pakai ulang, serta wadah sekali pakai dan kotak makan.&lt;/div&gt;&lt;p&gt;Contoh teksnya: “Bawa wadah yang sudah kamu punya. Gunakan berulang kali. Tolak kemasan tambahan ketika tidak diperlukan.” Pesan tersebut mengikuti prioritas mengurangi dan menggunakan kembali sebelum mendaur ulang dalam panduan pengurangan sampah EPA.&lt;/p&gt;&lt;p&gt;Untuk latihan visual, gunakan simulasi: 20 siswa masing-masing menghindari satu botol sekali pakai selama lima hari berarti 100 botol dihindari. Tulis &lt;strong&gt;“simulasi, bukan hasil survei”&lt;/strong&gt; dan cantumkan asumsi bahwa kebiasaan itu dilakukan setiap hari.&lt;/p&gt;&lt;p&gt;Jangan mengubah angka tersebut menjadi klaim pengurangan emisi tanpa metode perhitungan yang sesuai.&lt;/p&gt;&lt;h3&gt;3. Infografis Penghematan Air di Rumah&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbr7R__EA66rCC27ZIi_jNge3BUKJd84aS07DxCKr_GT3XgnGec1eTAcOJxy31hmN5Vi2Zd-v29z7CopqQ3MOMUi0cFBFr_hOwHDeu_473Xk3yKG7WhTvaoQV_oyowzjxdZh3KyRAFEhMFhLKjH_B_YwcVH13a-EI9Q2WdWTIrjzCzBR1r03fkz96iyhKI/s1200/Infografis%20Penghematan%20Air%20di%20Rumah.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Penghematan Air di Rumah&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbr7R__EA66rCC27ZIi_jNge3BUKJd84aS07DxCKr_GT3XgnGec1eTAcOJxy31hmN5Vi2Zd-v29z7CopqQ3MOMUi0cFBFr_hOwHDeu_473Xk3yKG7WhTvaoQV_oyowzjxdZh3KyRAFEhMFhLKjH_B_YwcVH13a-EI9Q2WdWTIrjzCzBR1r03fkz96iyhKI/s1600/Infografis%20Penghematan%20Air%20di%20Rumah.webp&quot; title=&quot;Infografis Penghematan Air di Rumah&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Pakai judul &lt;strong&gt;“Cek Tiga Kebiasaan Pemakaian Air”&lt;/strong&gt;. Bagi isi menjadi aktivitas menyikat gigi, mencuci, dan memeriksa kebocoran agar pembaca mudah menghubungkannya dengan rutinitas.&lt;/div&gt;&lt;p&gt;Contoh teks: “Tutup keran saat air tidak digunakan. Sesuaikan penggunaan air dengan kebutuhan. Periksa dan perbaiki kebocoran.” EPA WaterSense menempatkan pemeriksaan kebocoran sebagai bagian dari pemeliharaan rumah yang mendukung efisiensi air.&lt;/p&gt;&lt;p&gt;Gunakan ilustrasi aktivitas dan checklist, bukan deretan angka tanpa konteks. Bila ingin mencantumkan liter air yang dihemat, gunakan pengukuran atau sumber dengan kondisi penggunaan yang jelas.&lt;/p&gt;&lt;p&gt;Kesalahan yang perlu dihindari adalah menganggap semua keran memiliki debit sama. Jumlah air bergantung pada aliran dan durasi pemakaian, sehingga klaim penghematan harus menyebutkan dasarnya.&lt;/p&gt;&lt;h3&gt;4. Infografis Pencemaran Udara di Lingkungan Sekitar&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkqHjLbQJA3uGkNycuyYoC-OG-x0Bo9vI8YI63xiynsqSpoWbiaI0SrQzm6p0UefR1XYl7oxLMsyq-wzvuedYwzOC2QY5H6JvljjVZnBoYlNwTLiQH4Uq5uAAa-IGzxqBYT2ThAXi9PRiKejlpYF_mW6Bp5aCPOCMp8cQB234uRliGWyR6yy7LZ1AJioH/s1200/Infografis%20Pencemaran%20Udara%20di%20Lingkungan%20Sekitar.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Pencemaran Udara di Lingkungan Sekitar&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkqHjLbQJA3uGkNycuyYoC-OG-x0Bo9vI8YI63xiynsqSpoWbiaI0SrQzm6p0UefR1XYl7oxLMsyq-wzvuedYwzOC2QY5H6JvljjVZnBoYlNwTLiQH4Uq5uAAa-IGzxqBYT2ThAXi9PRiKejlpYF_mW6Bp5aCPOCMp8cQB234uRliGWyR6yy7LZ1AJioH/s1600/Infografis%20Pencemaran%20Udara%20di%20Lingkungan%20Sekitar.webp&quot; title=&quot;Infografis Pencemaran Udara di Lingkungan Sekitar&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Judul &lt;strong&gt;“Udara Bersih Dimulai dari Kebiasaan Sekitar”&lt;/strong&gt; dapat diarahkan pada satu masalah lokal, misalnya pembakaran sampah. Susun tiga bagian: sumber asap, masalah yang ditimbulkan, dan alternatif tindakan.&lt;/div&gt;&lt;p&gt;Contoh isi: “Sampah dibakar → asap mencemari udara → pilah sampah dan gunakan layanan pengangkutan yang tersedia.” Pemkot Surabaya juga mengingatkan bahwa pembakaran sampah dapat mencemari udara dan mengajak warga melakukan pemilahan dari rumah dalam informasi penanganan pembakaran sampah.&lt;/p&gt;&lt;p&gt;Diagram sebab-akibat cocok untuk tema ini. Jika menambahkan data kualitas udara, sertakan lokasi, waktu pengukuran, parameter, dan sumbernya; satu angka tidak otomatis mewakili seluruh kota sepanjang hari.&lt;/p&gt;&lt;h3&gt;5. Infografis Penghijauan Lingkungan&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUWKE3q118pcX-FuAJ7B9mibPjlQiKfm1keYk7rboRfBZem2u-wKKo9y7zSCV11um9ybPQ_O9pDPH7ZJkXmhKivsD9EvrBG7ANwqI66ZqhQQ5Qe94kuv7uG1n3R14hWDCYsUjzBqS-kBRolhMkhO-v6XCzwO8tNJYpI7UGChp49c3lS71fwbaQ_bvomHcC/s1200/Infografis%20Penghijauan%20Lingkungan.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Penghijauan Lingkungan&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUWKE3q118pcX-FuAJ7B9mibPjlQiKfm1keYk7rboRfBZem2u-wKKo9y7zSCV11um9ybPQ_O9pDPH7ZJkXmhKivsD9EvrBG7ANwqI66ZqhQQ5Qe94kuv7uG1n3R14hWDCYsUjzBqS-kBRolhMkhO-v6XCzwO8tNJYpI7UGChp49c3lS71fwbaQ_bvomHcC/s1600/Infografis%20Penghijauan%20Lingkungan.webp&quot; title=&quot;Infografis Penghijauan Lingkungan&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Gunakan judul &lt;strong&gt;“Tanam, Rawat, Pantau”&lt;/strong&gt; agar kampanye tidak berhenti pada kegiatan menanam. Tampilkan urutan memilih lokasi, menyesuaikan jenis tanaman, membagi tugas perawatan, dan mengecek pertumbuhan.&lt;/div&gt;&lt;p&gt;Contoh teks: “Pilih tanaman sesuai ruang tumbuh. Tentukan penanggung jawab. Buat jadwal perawatan dan catat kondisinya.” Menurut EPA tentang manfaat pohon dan vegetasi, vegetasi membantu menurunkan suhu melalui naungan dan evapotranspirasi.&lt;/p&gt;&lt;p&gt;Gunakan diagram proses dengan kolom tugas. Jangan menjanjikan penurunan suhu tertentu hanya dari satu pohon; hasilnya bergantung pada kondisi lokasi dan tutupan vegetasi.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Tema&lt;/th&gt;&lt;th&gt;Pesan utama&lt;/th&gt;&lt;th&gt;Bentuk visual&lt;/th&gt;&lt;th&gt;Ajakan tindakan&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Sampah&lt;/td&gt;&lt;td&gt;Pisahkan sesuai sistem setempat&lt;/td&gt;&lt;td&gt;Kartu kategori&lt;/td&gt;&lt;td&gt;Periksa label wadah&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Plastik&lt;/td&gt;&lt;td&gt;Kurangi penggunaan sekali pakai&lt;/td&gt;&lt;td&gt;Perbandingan kebiasaan&lt;/td&gt;&lt;td&gt;Bawa wadah pakai ulang&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Air&lt;/td&gt;&lt;td&gt;Hindari pemakaian yang tidak perlu&lt;/td&gt;&lt;td&gt;Checklist aktivitas&lt;/td&gt;&lt;td&gt;Cek kebocoran&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Udara&lt;/td&gt;&lt;td&gt;Hentikan pembakaran sampah&lt;/td&gt;&lt;td&gt;Diagram sebab-akibat&lt;/td&gt;&lt;td&gt;Gunakan layanan pengelolaan&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Penghijauan&lt;/td&gt;&lt;td&gt;Perawatan melanjutkan penanaman&lt;/td&gt;&lt;td&gt;Diagram proses&lt;/td&gt;&lt;td&gt;Tentukan jadwal perawatan&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;h2&gt;Cara Menyusun Isi Infografis Lingkungan yang Mudah Dipahami&lt;/h2&gt;&lt;p&gt;Susun isi infografis lingkungan dengan menentukan audiens, memilih satu pesan, memeriksa sumber, lalu mengurutkan informasi menuju tindakan. Kerjakan naskah terlebih dahulu supaya desain mengikuti kebutuhan informasi.&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Tentukan pembacanya.&lt;/strong&gt; Siswa membutuhkan contoh benda dan kegiatan sekolah; warga membutuhkan petunjuk yang sesuai fasilitas setempat.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Persempit topik.&lt;/strong&gt; Ganti tema luas “selamatkan bumi” menjadi “kurangi sampah dari bekal sekolah”.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Kumpulkan informasi tepercaya.&lt;/strong&gt; Gunakan sumber primer, seperti publikasi lembaga lingkungan atau hasil pencatatan kegiatanmu sendiri. Simpan judul sumber, tautan, tahun, dan cakupannya.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Pilih tiga sampai lima poin.&lt;/strong&gt; Ini titik awal praktis, bukan batas wajib. Hapus informasi yang tidak membantu pembaca memahami pesan utama.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Susun alurnya.&lt;/strong&gt; Awali dengan masalah, lanjutkan fakta atau penjelasan, lalu solusi dan ajakan. Untuk petunjuk pemilahan, kategori bisa lebih efektif daripada alur masalah–solusi.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Periksa naskah.&lt;/strong&gt; Bedakan hasil pengukuran, perkiraan, dan simulasi. Pastikan persentase memiliki dasar pembanding dan satuan tidak tertukar.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Misalnya, ajakan “peduli lingkungan” masih terlalu luas. Kalimat “bawa botol isi ulang mulai besok” memberi pembaca langkah yang dapat langsung dicoba.&lt;/p&gt;&lt;p&gt;Jika informasi terasa padat, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/9-tips-perancangan-infografis-yang-baik.html&quot;&gt;tips perancangan infografis yang baik&lt;/a&gt; untuk menilai tujuan, pemilihan data, dan alur baca sebelum menambah elemen dekoratif.&lt;/p&gt;&lt;h2&gt;Tips Mendesain Infografis Lingkungan agar Menarik dan Mudah Dibaca&lt;/h2&gt;&lt;p&gt;Desain infografis lingkungan yang efektif menonjolkan pesan utama, menjaga keterbacaan, dan menyesuaikan format dengan media akhirnya. Warna, ikon, serta ukuran teks harus membantu pembaca memahami isi.&lt;/p&gt;&lt;h3&gt;Pilih Warna, Ikon, dan Tata Letak yang Mendukung Pesan&lt;/h3&gt;&lt;p&gt;Gunakan palet terbatas dengan fungsi jelas. Jika memilih &lt;a href=&quot;https://www.fikalmyid.com/2025/03/10-perpaduan-warna-hijau-yang-menarik.html&quot;&gt;perpaduan warna hijau&lt;/a&gt;, padukan warna utama dengan latar terang dan teks gelap; tema lingkungan tidak harus seluruhnya hijau.&lt;/p&gt;&lt;p&gt;Atur &lt;a href=&quot;https://www.fikalmyid.com/2026/09/hierarki-visual.html&quot;&gt;hierarki visual&lt;/a&gt; melalui judul paling menonjol, poin utama berikutnya, lalu keterangan. Hindari membesarkan semua elemen karena pembaca akan kehilangan titik awal.&lt;/p&gt;&lt;p&gt;Pilih &lt;a href=&quot;https://www.fikalmyid.com/2026/06/12-jenis-layout-desain-grafis-cara.html&quot;&gt;jenis layout desain grafis&lt;/a&gt; berdasarkan hubungan informasi. Perbandingan cocok berdampingan, sedangkan langkah kerja lebih mudah diikuti dalam urutan vertikal.&lt;/p&gt;&lt;h3&gt;Sesuaikan Ukuran dan Format File dengan Media&lt;/h3&gt;&lt;p&gt;Untuk kartu digital, &lt;strong&gt;1080 × 1350 px dengan rasio 4:5&lt;/strong&gt; bisa menjadi titik awal praktis, bukan standar wajib infografis. Gunakan RGB dengan profil sRGB untuk kebutuhan web, lalu ekspor PNG atau WebP sambil memeriksa ketajaman teks.&lt;/p&gt;&lt;p&gt;Untuk cetak A4, gunakan &lt;strong&gt;210 × 297 mm&lt;/strong&gt;. Pada 300 ppi, ukuran raster setaranya sekitar &lt;strong&gt;2480 × 3508 px&lt;/strong&gt;; angka tersebut berasal dari konversi milimeter ke inci dikalikan resolusi. Adobe menyebut 300 ppi sebagai acuan cetak berkualitas tinggi.&lt;/p&gt;&lt;p&gt;Siapkan PDF untuk percetakan dan ikuti permintaan profil warna serta bleed mereka. RGB dan CMYK merupakan model warna, sedangkan profil menentukan interpretasi warnanya; dokumentasi Adobe menjelaskan perbedaan tampilan layar dan reproduksi tinta.&lt;/p&gt;&lt;h3&gt;Uji Keterbacaan Sebelum Dibagikan&lt;/h3&gt;&lt;p&gt;Buka desain di ponsel tanpa memperbesar layar. Periksa apakah judul, tindakan utama, dan sumber masih terbaca; jika tidak, kurangi isi atau pecah menjadi beberapa panel.&lt;/p&gt;&lt;p&gt;Jangan mengandalkan warna saja untuk membedakan kategori: tambahkan label dan ikon. Mulailah dari satu tema di atas, tulis tiga pesan inti, lalu buat sketsa tata letaknya sebelum membuka aplikasi desain.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/11/5-contoh-infografis-lingkungan-dan-cara.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7QEb7nhLD4KxBZTl3CN2SeENTRWW2agGIqFilzKEPKCEdX6Xr3vyrvZIZfAWAjNFKyKnh6vEoNjx8AcMRaO8cgV9ux8paTN8BT3c0NQpLvd6QsXwzc1r2-INZ3F5iYQVhWcsGTqMc0-rY5CQVriP5jTCXvKSQa5PfOxKWsvfv-QfWsaBDAL-IYXzkmEiR/s72-c/5%20Contoh%20Infografis%20Lingkungan%20dan%20Cara%20Menyusun%20Isinya.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-1176059014942860747</guid><pubDate>Sat, 31 Oct 2026 13:29:39 +0000</pubDate><atom:updated>2026-10-31T21:35:30.861+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>Ukuran Banner: X Banner, Roll Up &amp; Setting Desain</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FJSJPigWDQnttJ1vEfQkzH62zHlnOX2tdwVEW7qMXo4zlgLM_tRzDaaDTKjc8HXTXSmsBeQm4Qa2ZTdmjLKeXBWfr7dIoOSgldUNltFnCdOux6o4d5wWUnWPEk9VcXzjJLtVUkk74J10mAplXXL_XgSJK-9sa6fmTvpOeaX6qrMml7WLHAlG2fS9qkFU/s1200/Ukuran%20Banner_%20X%20Banner,%20Roll%20Up%20&amp;amp;%20Setting%20Desain.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Banner: X Banner, Roll Up &amp;amp; Setting Desain&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FJSJPigWDQnttJ1vEfQkzH62zHlnOX2tdwVEW7qMXo4zlgLM_tRzDaaDTKjc8HXTXSmsBeQm4Qa2ZTdmjLKeXBWfr7dIoOSgldUNltFnCdOux6o4d5wWUnWPEk9VcXzjJLtVUkk74J10mAplXXL_XgSJK-9sa6fmTvpOeaX6qrMml7WLHAlG2fS9qkFU/s1600/Ukuran%20Banner_%20X%20Banner,%20Roll%20Up%20&amp;amp;%20Setting%20Desain.webp&quot; title=&quot;Ukuran Banner: X Banner, Roll Up &amp;amp; Setting Desain&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Ukuran banner cetak bergantung pada jenis dan rangkanya: X banner lazim tersedia dalam 60 × 160 cm dan 80 × 180 cm, sedangkan roll up memiliki pilihan seperti 85 × 200 cm. Gunakan ukuran tersebut sebagai acuan awal, lalu sesuaikan file desain dengan template percetakan, area aman, dan kebutuhan pemasangan.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Tabel Ukuran Banner Cetak dalam CM dan Meter&lt;/h2&gt;&lt;p&gt;Ukuran X banner dan roll up mengikuti produk yang kamu pilih, sehingga tidak ada satu ukuran yang berlaku untuk semua standing banner. Tabel berikut memuat contoh ukuran yang ditawarkan penyedia cetak; seluruh dimensi ditulis sebagai &lt;strong&gt;lebar × tinggi&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Jenis banner&lt;/th&gt;
&lt;th&gt;Ukuran dalam cm&lt;/th&gt;
&lt;th&gt;Ukuran dalam meter&lt;/th&gt;
&lt;th&gt;Catatan pemilihan&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;X banner&lt;/td&gt;
&lt;td&gt;60 × 160&lt;/td&gt;
&lt;td&gt;0,60 × 1,60&lt;/td&gt;
&lt;td&gt;Periksa kecocokan rangka dan posisi pengait&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;X banner&lt;/td&gt;
&lt;td&gt;80 × 180&lt;/td&gt;
&lt;td&gt;0,80 × 1,80&lt;/td&gt;
&lt;td&gt;Bidang desain lebih lebar&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Roll up&lt;/td&gt;
&lt;td&gt;60 × 160&lt;/td&gt;
&lt;td&gt;0,60 × 1,60&lt;/td&gt;
&lt;td&gt;Pastikan ukuran tersedia pada model kaset&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Roll up&lt;/td&gt;
&lt;td&gt;85 × 200&lt;/td&gt;
&lt;td&gt;0,85 × 2,00&lt;/td&gt;
&lt;td&gt;Periksa ukuran tampilan dan tambahan bahan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Roll up&lt;/td&gt;
&lt;td&gt;100 × 200&lt;/td&gt;
&lt;td&gt;1,00 × 2,00&lt;/td&gt;
&lt;td&gt;Perlu ruang penempatan lebih lebar&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Ukuran 60 × 160 cm sama dengan 600 × 1.600 mm. Perubahan satuan tidak mengubah bentuk desain; rasio bidangnya tetap 3:8.&lt;/p&gt;&lt;p&gt;Jika masih membedakan banner cetak dengan banner digital, baca &lt;a href=&quot;https://www.fikalmyid.com/2026/08/pengertian-banner-fungsi-jenis-dan.html&quot;&gt;Pengertian Banner&lt;/a&gt; untuk mengenali fungsi dan jenisnya sebelum menentukan ukuran. Pembahasan di sini berfokus pada banner cetak berdiri.&lt;/p&gt;&lt;h2&gt;Ukuran X Banner dan Cara Memilihnya&lt;/h2&gt;&lt;p&gt;X banner 60 × 160 cm dan 80 × 180 cm merupakan dua pilihan yang tersedia di sejumlah percetakan Indonesia. Tentukan ukurannya berdasarkan kecocokan rangka, ruang pemasangan, dan banyaknya informasi yang perlu terlihat.&amp;nbsp;&lt;/p&gt;&lt;h3&gt;Pilih berdasarkan ruang dan isi pesan&lt;/h3&gt;&lt;p&gt;Sebagai contoh, banner di dekat kasir bisa berisi satu penawaran, foto produk, dan kode QR. Kamu tidak perlu memperbesar bidang hanya untuk memasukkan seluruh katalog.&lt;/p&gt;&lt;p&gt;Sebelum memesan, ukur ruang dengan mempertimbangkan kaki penyangga, bukan hanya lebar bahan. Banner yang pas di layar belum tentu bisa berdiri nyaman di sela rak.&lt;/p&gt;&lt;p&gt;Periksa juga empat sudut desain. Bila rangka memakai pengait dan mata ayam, jauhkan logo atau tulisan dari titik tersebut sesuai template pemasangan. Ruang kosong di sudut membantu menghindari informasi tertutup aksesori.&lt;/p&gt;&lt;p&gt;Jika kamu sudah memiliki rangka, tanyakan ukuran bahan yang cocok sebelum membuat dokumen. Memaksa cetakan yang berbeda ukuran dapat membuat tarikan bahan tidak sesuai.&lt;/p&gt;&lt;h2&gt;Ukuran Roll Up Banner dan Area Desain yang Terlihat&lt;/h2&gt;&lt;p&gt;Ukuran tampilan roll up bisa berbeda dari ukuran keseluruhan file karena sebagian bahan masuk ke kaset di bagian bawah. Karena itu, tulisan “85 × 200 cm” pada katalog belum cukup untuk menentukan tinggi dokumen produksi.&lt;/p&gt;&lt;h3&gt;Simulasi ukuran tampilan dan ukuran file&lt;/h3&gt;&lt;p&gt;AM:PM Graphics memberikan contoh roll up dengan tampilan 850 × 2.000 mm dan artwork 850 × 2.150 mm. Tambahan 150 mm di bawah berada di dalam kaset; latar diteruskan ke area tersebut, tetapi informasi penting tidak ditempatkan di sana.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Pada spesifikasi itu, area terlihat adalah 85 × 200 cm, sedangkan file mencapai 85 × 215 cm. Selisih 15 cm merupakan kebutuhan produk tersebut, &lt;strong&gt;bukan tambahan universal untuk semua roll up&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Bayangkan kode QR kamu berada tepat di bagian paling bawah file. Desainnya tampak lengkap saat dibuka, tetapi kode tersebut dapat tersembunyi setelah banner dipasang.&lt;/p&gt;&lt;p&gt;Minta template untuk model kaset yang dipesan. Pastikan template menunjukkan area terlihat, area terjepit, dan bagian yang digulung. Jangan menambahkan ruang ekstra dua kali jika template sudah memasukkannya.&lt;/p&gt;&lt;h2&gt;Perbedaan X Banner dan Roll Up: Mana yang Sesuai Kebutuhan?&lt;/h2&gt;&lt;p&gt;Pilih X banner jika kamu membutuhkan lembar promosi pada rangka terpisah, sedangkan roll up sesuai ketika kamu menginginkan banner yang tersimpan dengan cara digulung ke dalam kaset. Pertimbangkan rutinitas penggunaan dan ruang penempatan sebelum memilih.&lt;/p&gt;&lt;p&gt;Untuk promosi toko yang pesannya berganti, tanyakan kemudahan penggantian lembar cetak pada rangka X banner. Untuk kegiatan berpindah lokasi, bandingkan ukuran kemasan dan proses pemasangan roll up yang ditawarkan.&lt;/p&gt;&lt;p&gt;Ada tiga hal yang layak dibandingkan:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Ruang aktual:&lt;/strong&gt; termasuk kaki penyangga dan jalur orang lewat.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Penggantian materi:&lt;/strong&gt; apakah cetakan bisa diganti sendiri atau perlu bantuan penyedia.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Penyimpanan:&lt;/strong&gt; bagaimana bahan dilindungi dari lipatan, goresan, dan kelembapan.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Jangan menilai kestabilan hanya dari nama jenisnya. Berat, bentuk kaki, kualitas rangka, dan kondisi lokasi ikut menentukan. Untuk area berangin, pastikan produknya memang dirancang bagi penggunaan tersebut.&lt;/p&gt;&lt;h2&gt;Cara Mengatur Ukuran Banner di Canva, Photoshop, dan CorelDRAW&lt;/h2&gt;&lt;p&gt;Atur dokumen berdasarkan template produksi, gunakan satuan yang jelas, lalu pastikan ukuran hasil ekspor sesuai pesanan. Bila memakai skala, tuliskan faktor pembesarannya agar operator tidak menebak ukuran akhir.&lt;/p&gt;&lt;h3&gt;Canva&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Buat desain dengan &lt;strong&gt;ukuran khusus&lt;/strong&gt;, kemudian pilih satuan cm.&lt;/li&gt;&lt;li&gt;Masukkan lebar dan tinggi sesuai template, misalnya 60 × 160 cm jika bidang itu memang diterima.&lt;/li&gt;&lt;li&gt;Jika Canva menolak dimensi tersebut, baca batas yang ditampilkan dan gunakan skala proporsional yang disepakati percetakan.&lt;/li&gt;&lt;li&gt;Tambahkan panduan untuk area aman dan ruang pemasangan.&lt;/li&gt;&lt;li&gt;Unduh sebagai PDF dengan pengaturan cetak; aktifkan crop marks dan bleed hanya jika diminta.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Canva memiliki batas ukuran desain. Pengaturan bleed bawaannya juga tidak bisa diasumsikan sesuai semua produk, sehingga template pemasok tetap menjadi acuan.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Untuk skala 1:2, ukuran 60 × 160 cm menjadi 30 × 80 cm. Beri catatan “cetak 200% menjadi 60 × 160 cm” pada pesan pengiriman file.&lt;/p&gt;&lt;h3&gt;Photoshop&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Pilih &lt;strong&gt;File &amp;gt; New&lt;/strong&gt; dan ubah satuan lebar serta tinggi menjadi cm.&lt;/li&gt;&lt;li&gt;Masukkan ukuran dokumen, termasuk area tambahan yang memang diminta.&lt;/li&gt;&lt;li&gt;Isi resolusi berdasarkan ukuran cetak akhir dan kesepakatan dengan operator.&lt;/li&gt;&lt;li&gt;Pilih mode serta profil warna yang sesuai alur produksi.&lt;/li&gt;&lt;li&gt;Simpan master berlayer, lalu buat salinan keluaran sesuai format pesanan.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Dialog dokumen baru Photoshop menyediakan pengaturan dimensi, resolusi, dan mode warna. Untuk simulasi X banner 60 × 160 cm pada 150 PPI, dokumen raster memerlukan sekitar 3.543 × 9.449 piksel sebelum tambahan area produksi.&lt;/p&gt;&lt;h3&gt;CorelDRAW&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Buat dokumen dan gunakan satuan mm atau cm.&lt;/li&gt;&lt;li&gt;Isi &lt;strong&gt;Width&lt;/strong&gt; dan &lt;strong&gt;Height&lt;/strong&gt;, misalnya 600 × 1.600 mm.&lt;/li&gt;&lt;li&gt;Gunakan panduan untuk area aman dan titik pemasangan.&lt;/li&gt;&lt;li&gt;Pertahankan teks serta logo sebagai objek vektor jika memungkinkan.&lt;/li&gt;&lt;li&gt;Gunakan &lt;strong&gt;Publish to PDF&lt;/strong&gt;, lalu periksa pengaturan halaman, warna, font, dan bleed.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;CorelDRAW mendukung ukuran halaman khusus dan pengaturan prepress saat menerbitkan PDF. Simpan versi master yang bisa diedit; jika operator meminta teks menjadi kurva, lakukan pada salinan produksi.&lt;/p&gt;&lt;h2&gt;Setting Desain Banner untuk Cetak: Resolusi, Warna, dan Margin&lt;/h2&gt;&lt;p&gt;File banner perlu memiliki resolusi efektif yang memadai, pengelolaan warna yang cocok dengan proses cetak, serta ruang aman sesuai finishing. Angka resolusi tinggi saja tidak menjamin foto tajam atau tulisan tidak terpotong.&lt;/p&gt;&lt;h3&gt;Menghitung piksel dan resolusi efektif&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Piksel = ukuran cm ÷ 2,54 × PPI.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;PPI menjelaskan kepadatan piksel gambar pada ukuran cetaknya. DPI berkaitan dengan titik keluaran perangkat; keduanya sering disebut bergantian dalam percakapan, tetapi bukan ukuran yang sama.&lt;/p&gt;&lt;p&gt;Contoh hitungan untuk bidang 60 × 160 cm:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Pada 150 PPI: sekitar &lt;strong&gt;3.543 × 9.449 piksel&lt;/strong&gt;.&lt;/li&gt;&lt;li&gt;Pada 300 PPI: sekitar &lt;strong&gt;7.087 × 18.898 piksel&lt;/strong&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Angka tersebut adalah hasil perhitungan, bukan kewajiban untuk semua banner. Adobe menjelaskan bahwa cetakan besar yang dilihat dari jauh dapat menggunakan resolusi lebih rendah daripada cetakan kecil yang diperiksa dari dekat.&lt;/p&gt;&lt;p&gt;Skala desain juga berpengaruh. Dokumen 30 × 80 cm pada 300 PPI menghasilkan sekitar 150 PPI ketika dicetak dua kali lebih besar menjadi 60 × 160 cm.&lt;/p&gt;&lt;p&gt;Periksa foto secara terpisah. Foto selebar 1.200 piksel yang dipasang selebar 60 cm hanya memiliki sekitar 51 PPI efektif. Mengubah label resolusi menjadi 300 PPI tidak otomatis menambahkan detail asli; pembesaran berbasis resampling mengestimasi piksel baru.&lt;/p&gt;&lt;h3&gt;Memilih warna dan profil cetak&lt;/h3&gt;&lt;p&gt;Tanyakan apakah operator menghendaki file RGB berprofil atau CMYK dengan profil tertentu. Profil keluaran berkaitan dengan karakter mesin, tinta, dan media; sekadar memilih “CMYK” belum menjelaskan seluruh proses reproduksi warna.&lt;/p&gt;&lt;p&gt;Jika konsepnya masih membingungkan, pelajari &lt;a href=&quot;https://www.fikalmyid.com/2025/02/fungsi-dan-unsur-warna-cmyk-dan-rgb.html&quot;&gt;perbedaan CMYK dan RGB&lt;/a&gt; sebelum menyiapkan versi cetak. Simpan master agar kamu bisa membuat keluaran yang sesuai kebutuhan lain.&lt;/p&gt;&lt;p&gt;Untuk warna merek yang sensitif, minta contoh cetak. Jangan menganggap warna pada layar ponsel sebagai bukti akhir hasil produksi.&lt;/p&gt;&lt;h3&gt;Membedakan bleed, area aman, dan area pemasangan&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Bleed&lt;/strong&gt; adalah perpanjangan latar di luar batas potong. &lt;strong&gt;Area aman&lt;/strong&gt; menahan teks dan logo di dalam bidang yang terlindungi. Sementara itu, ruang pemasangan disediakan untuk kebutuhan seperti pengait, penjepit, atau kaset.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Sebagai simulasi, jika operator meminta bleed 3 mm di setiap sisi bidang 600 × 1.600 mm, total artwork berikut bleed menjadi 606 × 1.606 mm. Ukuran akhirnya tetap 600 × 1.600 mm.&lt;/p&gt;&lt;p&gt;Jangan mengubah ukuran halaman sekaligus menambahkan bleed lagi saat ekspor tanpa memahami instruksinya. Periksa apakah ukuran yang diberikan operator sudah termasuk tambahan tersebut.&lt;/p&gt;&lt;p&gt;PDF dapat mempertahankan objek vektor, tetapi foto di dalamnya tetap memiliki batas resolusi. Setelah ekspor, buka kembali file dan periksa dimensi halaman, teks, gambar, serta area tambahan.&lt;/p&gt;&lt;h2&gt;Tips Menata Teks dan Gambar agar Banner Mudah Dibaca&lt;/h2&gt;&lt;p&gt;Banner lebih mudah dibaca ketika memiliki satu pesan utama, urutan informasi yang jelas, dan kontras yang cukup terhadap latarnya. Gunakan ruang untuk memperkuat pesan, bukan sekadar menampung tulisan sebanyak mungkin.&lt;/p&gt;&lt;p&gt;Misalnya, banner promosi kedai dapat menampilkan “Paket Sarapan” sebagai judul, diikuti harga, jam berlaku, lalu cara memesan. Terapkan &lt;a href=&quot;https://www.fikalmyid.com/2026/09/hierarki-visual.html&quot;&gt;hierarki visual&lt;/a&gt; agar pembaca memahami urutan tersebut tanpa harus membaca seluruh bidang sekaligus.&lt;/p&gt;&lt;p&gt;Gunakan satu atau dua keluarga huruf dengan perbedaan ukuran dan ketebalan. Panduan &lt;a href=&quot;https://www.fikalmyid.com/2025/03/7-tips-memilih-font-sans-serif-terbaik.html&quot;&gt;tips memilih font sans-serif&lt;/a&gt; bisa membantu menilai bentuk huruf, tetapi tetap uji keterbacaannya pada desainmu sendiri.&lt;/p&gt;&lt;p&gt;Coba cetak potongan judul pada ukuran sebenarnya, kemudian lihat dari jarak penempatan yang direncanakan. Untuk kode QR, uji dengan beberapa ponsel pada ukuran cetak dan pencahayaan yang mendekati kondisi penggunaan.&lt;/p&gt;&lt;h3&gt;Checklist sebelum file dikirim&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Cocokkan ukuran dokumen dengan model rangka atau kaset.&lt;/li&gt;&lt;li&gt;Pastikan ukuran terlihat dan tambahan bahan tidak tertukar.&lt;/li&gt;&lt;li&gt;Periksa resolusi foto pada ukuran akhir.&lt;/li&gt;&lt;li&gt;Cocokkan profil warna, format, dan finishing dengan instruksi operator.&lt;/li&gt;&lt;li&gt;Buka PDF hasil ekspor, lalu cek teks, kontak, dan kode QR.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Kirim file bersama catatan singkat: jenis banner, ukuran akhir, skala dokumen, dan kebutuhan finishing. Minta operator mengonfirmasi ukuran produksi sebelum mencetak; langkah ini membantu menangkap salah skala sebelum bahan terpakai.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/ukuran-banner-x-banner-roll-up-setting.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FJSJPigWDQnttJ1vEfQkzH62zHlnOX2tdwVEW7qMXo4zlgLM_tRzDaaDTKjc8HXTXSmsBeQm4Qa2ZTdmjLKeXBWfr7dIoOSgldUNltFnCdOux6o4d5wWUnWPEk9VcXzjJLtVUkk74J10mAplXXL_XgSJK-9sa6fmTvpOeaX6qrMml7WLHAlG2fS9qkFU/s72-c/Ukuran%20Banner_%20X%20Banner,%20Roll%20Up%20&amp;%20Setting%20Desain.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-8724985931318699858</guid><pubDate>Fri, 30 Oct 2026 09:24:50 +0000</pubDate><atom:updated>2026-10-30T17:24:50.254+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Brand Board: Pengertian, Contoh, dan Cara Membuatnya</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0tkYCiAL-wiiM_DuuRFkVf6p_diPjm69MQmjuF-Q8BBXUuLh1wjgLcMHJqzQIjjoAfM_abgAL2jAJLWlAIeARCvNxTXIGs2x6pc-iFYZeTbKmq4p2UrHhkQU_tjDCf8YhbAjo_PRREi6yl2WxzvauKbjS0EA15EgiaOIApmJLU-5TduulMY6vrAc2RTo/s1200/Brand%20Board_%20Pengertian,%20Contoh,%20dan%20Cara%20Membuatnya.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Brand Board: Pengertian, Contoh, dan Cara Membuatnya&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0tkYCiAL-wiiM_DuuRFkVf6p_diPjm69MQmjuF-Q8BBXUuLh1wjgLcMHJqzQIjjoAfM_abgAL2jAJLWlAIeARCvNxTXIGs2x6pc-iFYZeTbKmq4p2UrHhkQU_tjDCf8YhbAjo_PRREi6yl2WxzvauKbjS0EA15EgiaOIApmJLU-5TduulMY6vrAc2RTo/s1600/Brand%20Board_%20Pengertian,%20Contoh,%20dan%20Cara%20Membuatnya.webp&quot; title=&quot;Brand Board: Pengertian, Contoh, dan Cara Membuatnya&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Brand board adalah ringkasan identitas visual merek yang biasanya disusun dalam satu halaman. Isinya mencakup logo, palet warna, tipografi, serta contoh gambar atau elemen grafis. Dokumen ini menjadi acuan cepat agar kamu dan tim dapat membuat materi promosi dengan tampilan yang selaras, tanpa menentukan ulang pilihan visual setiap kali mendesain.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Brand Board?&lt;/h2&gt;&lt;p&gt;Bayangkan kamu harus membuat menu, stiker kemasan, dan posting Instagram untuk usaha yang sama. Ketiganya berbeda ukuran, tetapi perlu terlihat berasal dari satu merek. Brand board membantu menunjukkan elemen apa yang menyatukan desain tersebut.&lt;/p&gt;&lt;p&gt;Hubungannya dengan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/brand-visual-identity-pengertian-elemen.html&quot;&gt;identitas visual brand&lt;/a&gt; cukup sederhana: identitas visual merupakan sistem tampilannya, sedangkan brand board merangkum elemen terpilih agar mudah dilihat bersama. Jika konsep identitasnya belum jelas, merapikan layout saja belum menyelesaikan persoalan.&lt;/p&gt;&lt;p&gt;Dalam panduan ini, brand board dipakai sebagai acuan ringkas, bukan dokumen yang menjelaskan seluruh strategi merek. Satu halaman merupakan format praktis; kamu tetap boleh menyesuaikan bentuknya dengan kebutuhan.&lt;/p&gt;&lt;p&gt;Brand board juga berbeda dari fitur Brand Kit di Canva. Brand Kit menyimpan aset dan pengaturan merek di dalam platform, sementara board bisa berupa gambar atau PDF yang dibagikan kepada siapa pun. Canva menyediakan template brand board dan style guide sebagai titik awal.&amp;nbsp;&lt;/p&gt;&lt;h2&gt;Manfaat Brand Board untuk Konsistensi Desain&lt;/h2&gt;&lt;p&gt;Manfaatnya paling terasa ketika keputusan kecil mulai berulang. Misalnya, kamu tidak perlu menebak warna latar, mencari ulang font judul, atau bertanya logo mana yang digunakan.&lt;/p&gt;&lt;p&gt;Untuk pekerjaan sehari-hari, gunakan board sebagai acuan untuk:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Menyiapkan desain baru.&lt;/strong&gt; Ambil warna, font, dan aset yang sudah dipilih sebelum menyusun komposisi.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Memberikan arahan kepada rekan.&lt;/strong&gt; Orang yang membantu desain memiliki rujukan konkret, bukan hanya instruksi “buat yang terasa hangat”.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Meninjau hasil.&lt;/strong&gt; Bandingkan desain dengan acuan untuk menemukan perubahan warna atau tipografi yang tidak disengaja.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Menjaga kesinambungan antarformat.&lt;/strong&gt; Menu, kemasan, dan konten digital tetap memakai karakter visual yang berhubungan.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Konsisten bukan berarti semua materi harus identik. Foto produk, susunan teks, dan komposisi boleh berubah sesuai pesan. Yang dijaga adalah pilihan visual utamanya, seperti keluarga font, warna merek, dan gaya gambar.&lt;/p&gt;&lt;h2&gt;Perbedaan Brand Board, Moodboard, dan Brand Guideline&lt;/h2&gt;&lt;p&gt;Ketiganya saling berkaitan, tetapi membantu keputusan pada tahap berbeda. Figma menjelaskan moodboard sebagai kumpulan referensi visual untuk menentukan arah desain. Adobe menjelaskan brand guideline sebagai aturan yang mengarahkan tampilan dan komunikasi merek.&amp;nbsp;&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Aspek&lt;/th&gt;&lt;th&gt;Brand board&lt;/th&gt;&lt;th&gt;Moodboard&lt;/th&gt;&lt;th&gt;Brand guideline&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Tujuan&lt;/td&gt;&lt;td&gt;Merangkum identitas visual terpilih&lt;/td&gt;&lt;td&gt;Mengeksplorasi suasana dan arah visual&lt;/td&gt;&lt;td&gt;Mengatur penerapan identitas merek&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Isi&lt;/td&gt;&lt;td&gt;Logo, warna, font, contoh gambar&lt;/td&gt;&lt;td&gt;Foto inspirasi, tekstur, warna, referensi&lt;/td&gt;&lt;td&gt;Aturan logo, warna, tipografi, dan komunikasi&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Tahap penggunaan&lt;/td&gt;&lt;td&gt;Setelah pilihan utama cukup jelas&lt;/td&gt;&lt;td&gt;Saat mencari dan mendiskusikan konsep&lt;/td&gt;&lt;td&gt;Saat identitas diterapkan lintas tim atau media&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Kedalaman&lt;/td&gt;&lt;td&gt;Ringkas, mudah dipindai&lt;/td&gt;&lt;td&gt;Eksploratif&lt;/td&gt;&lt;td&gt;Lebih terperinci&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Misalnya, moodboard kedai kopi memuat inspirasi suasana pagi dan bahan alami. Brand board kemudian menunjukkan logo serta warna yang dipilih. Guideline menjelaskan aturan pemakaiannya, termasuk jarak aman logo atau contoh penempatan yang keliru.&lt;/p&gt;&lt;p&gt;Jika tim mulai membutuhkan aturan tersebut, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/brand-guideline-pengertian-elemen-dan.html&quot;&gt;panduan brand guideline&lt;/a&gt; untuk mengembangkan acuan yang lebih lengkap. Batas istilah bisa berbeda antarpraktisi, jadi jelaskan isi dokumen saat menyerahkannya kepada klien.&lt;/p&gt;&lt;h2&gt;Elemen yang Perlu Ada dalam Brand Board&lt;/h2&gt;&lt;p&gt;Utamakan elemen yang benar-benar digunakan. Board yang penuh dekorasi tetapi tidak memuat nama font atau kode warna akan menyulitkan orang yang ingin menerapkannya.&lt;/p&gt;&lt;h3&gt;Logo dan variasinya&lt;/h3&gt;&lt;p&gt;Letakkan logo utama pada bagian yang mudah ditemukan. Tambahkan versi horizontal, simbol ringkas, atau versi satu warna jika memang sudah tersedia dan disetujui.&lt;/p&gt;&lt;p&gt;Beri label fungsi setiap versi. Contohnya, “logo utama untuk menu” dan “simbol untuk foto profil”. Simpan file aslinya secara terpisah; jangan menjadikan tangkapan layar board sebagai sumber logo untuk semua kebutuhan.&lt;/p&gt;&lt;h3&gt;Palet warna&lt;/h3&gt;&lt;p&gt;Tampilkan contoh warna beserta kode HEX dan perannya: utama, latar, teks, atau aksen. Canva juga menganjurkan pelabelan fungsi warna serta pemeriksaan kontras antara teks dan latar.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Sebagai latihan, mulai dengan empat warna yang punya tugas berbeda. Jumlah ini bukan ketentuan baku. Jika ada kebutuhan cetak, siapkan spesifikasi warna yang disepakati dengan percetakan; tampilan layar tidak otomatis sama dengan hasil cetak.&lt;/p&gt;&lt;h3&gt;Tipografi&lt;/h3&gt;&lt;p&gt;Tuliskan nama font dan ketebalan yang dipakai untuk judul serta isi. Tambahkan contoh teks pendek agar perbedaan hierarki langsung terlihat. Pengaturan ukuran, jarak, dan perataan juga termasuk pertimbangan tipografi dalam panduan merek.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Untuk memulai, pilih satu keluarga font dengan beberapa ketebalan atau dua keluarga yang saling mendukung. Uji menggunakan nama produk dan angka harga, bukan hanya contoh huruf yang terlihat cantik.&lt;/p&gt;&lt;h3&gt;Foto dan elemen grafis&lt;/h3&gt;&lt;p&gt;Pilih contoh foto yang menunjukkan pencahayaan, komposisi, serta suasana yang diinginkan. Tambahkan pola, ikon, atau ilustrasi hanya jika memang berperan dalam identitas merek.&lt;/p&gt;&lt;p&gt;Tulis arahan yang bisa dikerjakan, misalnya “foto produk dari samping dengan cahaya jendela”. Arahan seperti ini lebih membantu daripada sekadar “foto estetik”. Gunakan foto milik sendiri atau aset yang izin penggunaannya sesuai.&lt;/p&gt;&lt;h2&gt;Contoh Brand Board Sederhana untuk UMKM&lt;/h2&gt;&lt;p&gt;Berikut &lt;strong&gt;contoh fiktif untuk latihan&lt;/strong&gt;, bukan studi kasus bisnis nyata. Nama mereknya “Kopi Sela”, sebuah kedai yang ingin terasa hangat, sederhana, dan dekat dengan rutinitas pelanggan.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Komponen&lt;/th&gt;&lt;th&gt;Pilihan dalam contoh&lt;/th&gt;&lt;th&gt;Fungsi&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Logo&lt;/td&gt;&lt;td&gt;Tulisan “Kopi Sela” dan simbol cangkir sederhana&lt;/td&gt;&lt;td&gt;Nama untuk menu; simbol untuk ruang kecil&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cokelat tua&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#3B2A22&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Teks utama dan logo&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Krem&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#F5EFE6&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Latar menu dan materi informasi&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Hijau zaitun&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#66734D&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Bidang pendukung dan penanda kategori&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Terakota&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#B85C38&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Aksen kecil pada informasi promosi&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Tipografi&lt;/td&gt;&lt;td&gt;Serif untuk judul; sans serif untuk rincian&lt;/td&gt;&lt;td&gt;Membedakan karakter judul dan keterbacaan isi&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Fotografi&lt;/td&gt;&lt;td&gt;Cahaya alami, meja kayu, aktivitas menyeduh&lt;/td&gt;&lt;td&gt;Menunjukkan suasana keseharian&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Elemen grafis&lt;/td&gt;&lt;td&gt;Garis tipis dan bentuk lengkung sederhana&lt;/td&gt;&lt;td&gt;Menghubungkan materi tanpa memenuhi halaman&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Nama font belum ditentukan dalam contoh ini. Saat menerapkannya, ganti kategori serif dan sans serif dengan nama font serta ketebalan yang benar-benar kamu pilih.&lt;/p&gt;&lt;p&gt;Susun board dengan logo di atas, warna dan tipografi di tengah, lalu contoh foto di bawah. Sisakan ruang kosong agar masing-masing kelompok mudah dikenali. Kamu bisa menggunakan layout dua kolom supaya informasi tidak memanjang berlebihan.&lt;/p&gt;&lt;p&gt;Uji rancangan pada dua kebutuhan: menu dan posting promosi. Pada menu, coba teks cokelat di atas krem. Pada posting, gunakan foto sebagai fokus dan terakota sebagai penanda kecil. Periksa keterbacaan setiap pasangan warna; keberadaan warna dalam palet tidak berarti semuanya cocok dipasangkan sebagai teks dan latar.&lt;/p&gt;&lt;h2&gt;Cara Membuat Brand Board di Canva untuk Pemula&lt;/h2&gt;&lt;p&gt;Langkah berikut memakai pendekatan penyusunan halaman secara manual. Kamu tidak perlu menjadikan fitur Brand Kit sebagai prasyarat. Akses fitur khusus dan beberapa opsi unduhan bergantung pada paket akun; dokumentasi Canva diperiksa pada 30 Oktober 2026.&amp;nbsp;&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tentukan karakter dan kebutuhan merek.&lt;/strong&gt; Tulis tiga kata yang menggambarkan kesan yang diinginkan, lalu sebutkan media utamanya. Untuk contoh Kopi Sela, medianya adalah menu, stiker, dan Instagram. Gunakan catatan ini untuk menyaring referensi, bukan untuk membatasi kreativitas secara berlebihan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Siapkan aset yang akan digunakan.&lt;/strong&gt; Kumpulkan logo, contoh foto, nama font, dan kode warna dalam satu folder. Jika belum punya logo, pelajari &lt;a href=&quot;https://www.fikalmyid.com/2026/08/cara-membuat-logo-di-canva.html&quot;&gt;cara membuat logo di Canva&lt;/a&gt; sebelum menyusun versi akhir board. Hindari mencampur beberapa alternatif logo tanpa penanda keputusan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Pilih ukuran dan titik awal.&lt;/strong&gt; Cari template dengan kata “brand board”, atau buat halaman kosong. Sebagai pilihan praktis, gunakan A4 potret untuk acuan yang akan dicetak atau 1600 × 1200 piksel untuk lembar digital mendatar. Keduanya adalah contoh ukuran, bukan standar brand board.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Bangun hierarki halaman.&lt;/strong&gt; Bagi area menjadi kelompok logo, warna, tipografi, dan foto. Berikan label singkat, sejajarkan tepi kelompok, serta jaga jarak yang konsisten. Jika memakai template, hapus dekorasi yang tidak membantu pembaca memahami identitas merek.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Masukkan informasi yang bisa digunakan ulang.&lt;/strong&gt; Tulis kode HEX di bawah setiap warna. Pada bagian tipografi, cantumkan nama font, ketebalan, dan contoh judul serta isi. Sertakan fungsi tiap warna agar orang lain tidak sekadar meniru susunannya tanpa memahami penggunaan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Uji sebelum membagikan.&lt;/strong&gt; Buat satu desain promosi menggunakan board, lalu periksa logo, hierarki, dan keterbacaan. Minta rekan menunjukkan warna teks serta font judul hanya dari acuan itu. Jika masih perlu menebak, tambahkan label atau perjelas contohnya.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ekspor dan simpan versi aktif.&lt;/strong&gt; Buka &lt;strong&gt;Bagikan/Share → Unduh/Download&lt;/strong&gt;, lalu pilih format. Canva mendokumentasikan alur ini dalam panduan unduhannya. Gunakan PNG untuk pratinjau gambar, PDF Standard untuk dibagikan sebagai dokumen, atau PDF Print ketika membutuhkan keluaran cetak. Periksa kembali file hasil ekspor.&amp;nbsp;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Simpan juga desain yang dapat diedit dan aset aslinya. Beri nama versi yang jelas, misalnya &lt;code dir=&quot;ltr&quot;&gt;kopi-sela-brand-board-v1&lt;/code&gt;, lalu tentukan satu orang yang bertanggung jawab memperbarui acuan. Jangan mengandalkan file lama yang tersebar di percakapan.&lt;/p&gt;&lt;h2&gt;Kesalahan Membuat Brand Board yang Perlu Dihindari&lt;/h2&gt;&lt;p&gt;Kesalahan yang sering membuat board sulit dipakai adalah memilih elemen hanya karena tampak menarik saat berdampingan. Sebuah font dekoratif mungkin cocok untuk judul pendek, tetapi belum tentu nyaman untuk daftar menu panjang.&lt;/p&gt;&lt;p&gt;Periksa juga beberapa hal berikut:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Terlalu banyak pilihan.&lt;/strong&gt; Kurangi warna, font, dan versi logo yang belum punya fungsi jelas.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Kode serta nama aset hilang.&lt;/strong&gt; Cantumkan identitas font dan kode warna supaya pengguna bisa mengulang hasilnya.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Referensi dianggap aset final.&lt;/strong&gt; Tandai materi inspirasi dan ganti dengan aset yang siap digunakan sebelum board dibagikan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Layout terlalu padat.&lt;/strong&gt; Besarkan informasi penting, rapikan pengelompokan, dan kurangi ornamen.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tidak pernah diuji.&lt;/strong&gt; Periksa tampilannya pada ukuran nyata dan media yang paling sering dipakai.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Versi lama tetap beredar.&lt;/strong&gt; Arsipkan acuan lama saat ada perubahan yang disetujui.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Mulailah dengan brand board yang cukup jelas untuk membuat satu materi promosi hari ini. Setelah dipakai, catat bagian yang masih menimbulkan pertanyaan. Perbaikan berdasarkan kebutuhan nyata akan menghasilkan acuan yang lebih berguna daripada terus menambah elemen demi tampilan yang ramai.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/brand-board-pengertian-contoh-dan-cara.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0tkYCiAL-wiiM_DuuRFkVf6p_diPjm69MQmjuF-Q8BBXUuLh1wjgLcMHJqzQIjjoAfM_abgAL2jAJLWlAIeARCvNxTXIGs2x6pc-iFYZeTbKmq4p2UrHhkQU_tjDCf8YhbAjo_PRREi6yl2WxzvauKbjS0EA15EgiaOIApmJLU-5TduulMY6vrAc2RTo/s72-c/Brand%20Board_%20Pengertian,%20Contoh,%20dan%20Cara%20Membuatnya.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-8678495553051948787</guid><pubDate>Thu, 29 Oct 2026 13:05:28 +0000</pubDate><atom:updated>2026-10-29T21:05:28.530+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>Ukuran Brosur A4, A5 &amp; Lipat 3: Tabel dan Layout</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVZsJwitaFdOOi50GbgpnRUCszOfNFo5K44_vLu8qH72KndbmVmFF-xdfbvm6soLduWLA8EmDs-LMjrwjav171cOyQdV1LabxVW16hlgo2C4aR3SZpEewuxdnXJii11bXiZk5Uzn-iN2k_4t-RpL_M0LqNZmkusx-wP26HkCBuwgvKJ2lgtGk6luk68xIW/s1200/Ukuran%20Brosur%20A4,%20A5%20&amp;amp;%20Lipat%203_%20Tabel%20dan%20Layout.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Brosur A4, A5 &amp;amp; Lipat 3: Tabel dan Layout&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVZsJwitaFdOOi50GbgpnRUCszOfNFo5K44_vLu8qH72KndbmVmFF-xdfbvm6soLduWLA8EmDs-LMjrwjav171cOyQdV1LabxVW16hlgo2C4aR3SZpEewuxdnXJii11bXiZk5Uzn-iN2k_4t-RpL_M0LqNZmkusx-wP26HkCBuwgvKJ2lgtGk6luk68xIW/s1600/Ukuran%20Brosur%20A4,%20A5%20&amp;amp;%20Lipat%203_%20Tabel%20dan%20Layout.webp&quot; title=&quot;Ukuran Brosur A4, A5 &amp;amp; Lipat 3: Tabel dan Layout&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Ukuran brosur yang umum digunakan adalah &lt;strong&gt;A4: 21 × 29,7 cm&lt;/strong&gt; dan &lt;strong&gt;A5: 14,8 × 21 cm&lt;/strong&gt;. Untuk brosur lipat tiga berbahan A4, ukuran kertas tetap 21 × 29,7 cm saat dibuka, sedangkan setiap panel lebarnya sekitar 9,9 cm sebelum penyesuaian lipatan.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Tabel Ukuran Brosur A4, A5, dan Lipat 3 dalam CM dan MM&lt;/h2&gt;&lt;p&gt;Ukuran brosur ditentukan oleh dimensi kertas sebelum dilipat, sedangkan ukuran akhirnya bergantung pada jenis lipatan yang dipilih.&lt;/p&gt;&lt;p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Jenis brosur&lt;/th&gt;
&lt;th&gt;Ukuran terbuka&lt;/th&gt;
&lt;th&gt;Ukuran tertutup atau panel&lt;/th&gt;
&lt;th&gt;Kegunaan&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;A4 tanpa lipatan&lt;/td&gt;
&lt;td&gt;21 × 29,7 cm / 210 × 297 mm&lt;/td&gt;
&lt;td&gt;Tetap 21 × 29,7 cm&lt;/td&gt;
&lt;td&gt;Informasi yang membutuhkan bidang lebih luas&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;A5 tanpa lipatan&lt;/td&gt;
&lt;td&gt;14,8 × 21 cm / 148 × 210 mm&lt;/td&gt;
&lt;td&gt;Tetap 14,8 × 21 cm&lt;/td&gt;
&lt;td&gt;Promosi ringkas dan mudah dibagikan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;A4 lipat dua&lt;/td&gt;
&lt;td&gt;21 × 29,7 cm / 210 × 297 mm&lt;/td&gt;
&lt;td&gt;Sekitar 14,85 × 21 cm / 148,5 × 210 mm&lt;/td&gt;
&lt;td&gt;Profil usaha atau daftar layanan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;A4 lipat tiga&lt;/td&gt;
&lt;td&gt;21 × 29,7 cm / 210 × 297 mm&lt;/td&gt;
&lt;td&gt;Sekitar 9,9 × 21 cm / 99 × 210 mm per panel&lt;/td&gt;
&lt;td&gt;Promosi dengan informasi yang terbagi menjadi beberapa bagian&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Catatan:&lt;/strong&gt; Ukuran A4 lipat dua dan lipat tiga pada tabel merupakan perkiraan pembagian matematis. Ukuran panel produksi dapat disesuaikan dengan jenis lipatan, ketebalan kertas, dan arahan percetakan.&lt;/p&gt;&lt;p&gt;A4 lipat dua memang mendekati ukuran A5, tetapi ukuran teoritisnya tidak persis sama: setengah dari panjang A4 adalah 148,5 mm, sedangkan lebar A5 standar adalah 148 mm. Selisih kecil ini tidak perlu diabaikan saat kamu menyiapkan file cetak yang presisi.&lt;/p&gt;&lt;h2&gt;Ukuran Brosur A4 dan Contoh Penggunaannya&lt;/h2&gt;&lt;p&gt;Brosur A4 berukuran &lt;strong&gt;21 × 29,7 cm&lt;/strong&gt; dan cocok untuk materi promosi yang membutuhkan ruang lebih luas.&lt;/p&gt;&lt;p&gt;Tanpa lipatan, seluruh bidang A4 dapat digunakan untuk menampilkan foto produk, penjelasan, dan kontak dalam satu tampilan. Format ini cocok untuk daftar program kursus, promosi properti, atau informasi acara yang perlu dibaca sekaligus.&lt;/p&gt;&lt;p&gt;Jika dilipat dua, A4 menghasilkan empat sisi atau halaman untuk menyusun isi. Kamu bisa menempatkan sampul di bagian depan, penjelasan utama di bagian dalam, dan kontak di bagian belakang.&lt;/p&gt;&lt;p&gt;A4 juga bisa dilipat tiga agar lebih mudah dibawa. Namun, karena setiap panel menjadi lebih sempit, teks perlu diringkas dan foto harus dipilih dengan cermat.&lt;/p&gt;&lt;p&gt;Apabila materi promosi membutuhkan bidang yang lebih besar daripada A4, kamu bisa membandingkannya dengan panduan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/ukuran-poster-a3-dalam-cm-mm-pixel.html&quot;&gt;Ukuran Poster A3&lt;/a&gt; sebelum menentukan media cetak.&lt;/p&gt;&lt;h2&gt;Ukuran Brosur A5 untuk Promosi yang Ringkas&lt;/h2&gt;&lt;p&gt;Brosur A5 berukuran &lt;strong&gt;14,8 × 21 cm&lt;/strong&gt; dan cocok untuk pesan singkat yang ingin dibagikan dengan praktis.&lt;/p&gt;&lt;p&gt;Ukuran ini pas untuk promosi pembukaan toko, penawaran makanan, undangan acara, atau informasi layanan yang tidak terlalu panjang. Brosur A5 dapat dicetak satu sisi maupun dua sisi, tergantung jumlah informasi yang dibutuhkan.&lt;/p&gt;&lt;p&gt;Misalnya, sebuah kedai kopi ingin membagikan promosi pembukaan. Sisi depan dapat menampilkan foto minuman, judul promosi, dan tanggal acara. Sisi belakang berisi alamat, jam buka, syarat promo, dan kode QR menuju lokasi.&lt;/p&gt;&lt;p&gt;A5 kurang cocok jika kamu harus memasukkan banyak tabel, penjelasan teknis, atau foto berukuran besar. Memaksakan semua informasi ke dalam satu bidang kecil dapat membuat ukuran huruf terlalu kecil untuk dibaca.&lt;/p&gt;&lt;h2&gt;Ukuran Brosur Lipat 3 dan Pembagian Panelnya&lt;/h2&gt;&lt;p&gt;Brosur lipat tiga dari kertas A4 memiliki &lt;strong&gt;tiga panel pada setiap sisi&lt;/strong&gt;, sehingga tersedia enam bidang informasi ketika kedua sisi kertas digunakan.&lt;/p&gt;&lt;p&gt;Dalam posisi landscape, panjang A4 adalah 297 mm dan tingginya 210 mm. Jika dibagi rata secara matematis, setiap panel memiliki lebar 99 mm. Hasil produksi sebenarnya bisa berbeda karena tidak semua jenis lipatan menggunakan panel yang sama lebar.&lt;/p&gt;&lt;h3&gt;Perbedaan C-fold dan Z-fold&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;C-fold&lt;/strong&gt; atau lipat gulung memasukkan satu panel ke bagian dalam sebelum panel lainnya menutup. Panel yang masuk biasanya dibuat sedikit lebih sempit agar brosur dapat terlipat rapi dan tidak menggelembung.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Z-fold&lt;/strong&gt; menggunakan lipatan berlawanan arah seperti huruf Z. Ketiga panel umumnya dibuat sama atau hampir sama lebar, tetapi ukuran akhirnya tetap perlu disesuaikan dengan spesifikasi produksi.&lt;/p&gt;&lt;p&gt;Pilihan lipatan memengaruhi urutan baca. C-fold cocok untuk informasi yang dibuka bertahap, sedangkan Z-fold dapat membantu pembaca mengikuti urutan panel seperti rangkaian cerita.&lt;/p&gt;&lt;h3&gt;Contoh pembagian panel A4&lt;/h3&gt;&lt;p&gt;Sebagai ilustrasi &lt;strong&gt;C-fold&lt;/strong&gt;, kertas selebar 297 mm dapat dibagi menjadi panel 100 mm, 100 mm, dan 97 mm. Panel 97 mm menjadi panel yang masuk ke dalam.&lt;/p&gt;&lt;p&gt;Ini adalah contoh perhitungan, bukan ukuran wajib semua percetakan. Sebelum membuat garis bantu, tanyakan posisi panel sempit, arah lipatan, dan toleransi yang digunakan percetakan. Mintalah template jika tersedia.&lt;/p&gt;&lt;p&gt;Untuk melihat hasilnya secara langsung, lipat satu lembar kertas kosong sesuai rencana, lalu beri tanda “sampul”, “belakang”, dan “isi” pada tiap panel. Cara sederhana ini membantu kamu memahami posisi sisi luar dan sisi dalam sebelum mendesain.&lt;/p&gt;&lt;h2&gt;Contoh Layout Brosur Lipat 3 Bagian Depan dan Belakang&lt;/h2&gt;&lt;p&gt;Layout brosur lipat tiga yang efektif membagi informasi sesuai urutan pembaca membuka dan membaca brosur.&lt;/p&gt;&lt;h3&gt;Susunan sisi luar&lt;/h3&gt;&lt;p&gt;Pada contoh brosur promosi kursus, sisi luar dapat memuat:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Sampul depan:&lt;/strong&gt; nama kursus, judul utama, dan gambar yang menarik.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Panel belakang:&lt;/strong&gt; alamat, nomor kontak, kode QR, dan jam layanan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Panel yang terlipat ke dalam:&lt;/strong&gt; ringkasan manfaat atau pengantar singkat.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Posisi panel pada file bergantung pada arah lipatan. Karena itu, cocokkan urutannya dengan contoh kertas yang sudah kamu lipat.&lt;/p&gt;&lt;h3&gt;Susunan sisi dalam&lt;/h3&gt;&lt;p&gt;Ketika brosur dibuka, tiga panel bagian dalam bisa digunakan untuk menjelaskan:&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Masalah atau kebutuhan calon pelanggan.&lt;/li&gt;&lt;li&gt;Layanan, produk, atau program yang ditawarkan.&lt;/li&gt;&lt;li&gt;Keunggulan, cara mendaftar, dan ajakan bertindak.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk bisnis makanan, urutan tersebut dapat diubah menjadi kategori produk, menu pilihan, dan informasi pemesanan. Utamakan informasi yang paling dibutuhkan pembaca, lalu letakkan rincian pendukung setelahnya.&lt;/p&gt;&lt;p&gt;Saat menyusun isi, pastikan foto, penjelasan, dan ajakan menghubungi bisnis saling mendukung. Panduan &lt;a href=&quot;https://www.fikalmyid.com/2025/03/5-hal-yang-harus-tercantum-dalam-brosur.html&quot;&gt;elemen penting dalam brosur bisnis&lt;/a&gt; dapat membantu kamu memilih informasi yang perlu ditampilkan.&lt;/p&gt;&lt;p&gt;Agar susunannya tidak terasa padat, gunakan jarak yang cukup antara judul, gambar, dan paragraf. Kamu juga bisa mempelajari &lt;a href=&quot;https://www.fikalmyid.com/2026/06/12-jenis-layout-desain-grafis-cara.html&quot;&gt;jenis layout desain grafis&lt;/a&gt; untuk memilih pola penataan yang sesuai dengan isi brosur.&lt;/p&gt;&lt;h2&gt;Cara Mengatur Ukuran dan Layout Brosur di Canva&lt;/h2&gt;&lt;p&gt;Kamu dapat membuat brosur lipat tiga di Canva dengan dokumen A4 landscape, lalu membagi bidang desain berdasarkan ukuran panel yang disepakati.&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Buat desain baru.&lt;/strong&gt; Pilih ukuran khusus dan masukkan 297 × 210 mm untuk A4 landscape.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Siapkan dua halaman.&lt;/strong&gt; Gunakan satu halaman untuk sisi luar dan satu halaman untuk sisi dalam.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Aktifkan penggaris dan garis bantu.&lt;/strong&gt; Tempatkan panduan sesuai ukuran panel dari percetakan. Untuk pembagian rata, gunakan titik 99 mm dan 198 mm sebagai contoh awal.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tandai fungsi setiap panel.&lt;/strong&gt; Tentukan mana sampul, panel belakang, panel lipatan, dan bagian isi berdasarkan model kertas yang sudah dilipat.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Masukkan elemen desain.&lt;/strong&gt; Letakkan judul, foto, teks, dan kontak dengan jarak aman dari tepi serta garis lipatan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Periksa kedua sisi.&lt;/strong&gt; Pastikan arah tulisan dan posisi panel sesuai saat lembaran dicetak bolak-balik.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Unduh untuk cetak.&lt;/strong&gt; Pilih PDF Print dan aktifkan tanda potong serta bleed jika diminta percetakan.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Canva menyediakan pengaturan tampilan margin, bleed, penggaris, dan tanda potong. Ketersediaan pengaturan atau fitur tertentu dapat berbeda menurut akun dan jenis desain.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Sebelum mencetak dalam jumlah banyak, coba cetak satu lembar dan lipat secara manual. Periksa apakah sampul berada di posisi yang benar dan tidak ada teks yang terlalu dekat dengan lipatan.&lt;/p&gt;&lt;h2&gt;Persiapan Cetak Brosur: Bleed, Margin, Resolusi, dan Warna&lt;/h2&gt;&lt;p&gt;File brosur yang siap cetak perlu memiliki ukuran akhir yang tepat, gambar yang cukup tajam, serta pengaturan bleed dan warna sesuai permintaan percetakan.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Bleed&lt;/strong&gt; adalah tambahan area desain di luar batas potong. Jika latar atau foto harus tercetak hingga tepi kertas, perluas elemen tersebut melewati batas potong agar tidak muncul garis putih akibat pergeseran saat pemotongan.&lt;/p&gt;&lt;p&gt;Sebagai contoh, Adobe menggunakan &lt;strong&gt;bleed 3 mm di setiap sisi&lt;/strong&gt; dalam tutorial brosur lipat tiga. Angka ini dapat menjadi titik awal, tetapi tetap ikuti ukuran yang diminta percetakan.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Margin aman&lt;/strong&gt; adalah jarak antara konten penting dan tepi potong atau garis lipatan. Hindari menempatkan nomor telepon, logo, atau judul terlalu dekat ke tepi. Kamu bisa memulai dengan jarak beberapa milimeter, lalu menyesuaikannya dengan template produksi.&lt;/p&gt;&lt;p&gt;Untuk gambar raster, gunakan resolusi yang memadai pada &lt;strong&gt;ukuran cetak sebenarnya&lt;/strong&gt;. Sebagai acuan umum, 300 ppi sering digunakan untuk gambar cetak yang dilihat dari jarak dekat. Pada ukuran akhir tanpa bleed, perkiraannya adalah:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;A4: &lt;strong&gt;2.480 × 3.508 piksel&lt;/strong&gt; pada 300 ppi.&lt;/li&gt;&lt;li&gt;A5: &lt;strong&gt;1.748 × 2.480 piksel&lt;/strong&gt; pada 300 ppi.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Memperbesar gambar kecil ke angka tersebut tidak otomatis menambah detail. Gunakan foto sumber yang tajam sejak awal.&lt;/p&gt;&lt;p&gt;Terakhir, tanyakan format file dan profil warna kepada percetakan. Umumnya file cetak memakai CMYK, tetapi alur konversi dapat berbeda. Pembahasan &lt;a href=&quot;https://www.fikalmyid.com/2025/02/fungsi-dan-unsur-warna-cmyk-dan-rgb.html&quot;&gt;perbedaan warna CMYK dan RGB&lt;/a&gt; membantu kamu memahami mengapa warna pada layar bisa tampak berbeda ketika dicetak.&lt;/p&gt;&lt;h2&gt;Cara Memilih Ukuran Brosur Sesuai Kebutuhan Promosi&lt;/h2&gt;&lt;p&gt;Pilih ukuran brosur berdasarkan jumlah informasi, cara pembagian, dan kenyamanan pembaca saat menerima materi promosi.&lt;/p&gt;&lt;p&gt;Gunakan &lt;strong&gt;A5&lt;/strong&gt; jika pesanmu singkat dan brosur perlu dibagikan secara cepat. Pilih &lt;strong&gt;A4 tanpa lipatan&lt;/strong&gt; jika kamu ingin menampilkan gambar atau informasi dalam satu bidang yang lebih lebar. Sementara itu, &lt;strong&gt;A4 lipat tiga&lt;/strong&gt; cocok ketika informasi perlu dibagi menjadi beberapa tahap yang mudah diikuti.&lt;/p&gt;&lt;p&gt;Pertimbangkan juga anggaran, jenis kertas, dan jumlah cetakan. Brosur yang lebih besar atau memiliki lipatan tambahan dapat memerlukan proses produksi berbeda, sehingga mintalah penawaran berdasarkan spesifikasi yang sama.&lt;/p&gt;&lt;p&gt;Sebelum memesan, lakukan tiga langkah: buat daftar informasi yang wajib masuk, cetak satu contoh, lalu lipat dan baca seperti calon pelanggan. Jika informasi sulit ditemukan atau teks terlalu kecil, perbaiki layout terlebih dahulu sebelum mencetak dalam jumlah banyak.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/ukuran-brosur-a4-a5-lipat-3-tabel-dan.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVZsJwitaFdOOi50GbgpnRUCszOfNFo5K44_vLu8qH72KndbmVmFF-xdfbvm6soLduWLA8EmDs-LMjrwjav171cOyQdV1LabxVW16hlgo2C4aR3SZpEewuxdnXJii11bXiZk5Uzn-iN2k_4t-RpL_M0LqNZmkusx-wP26HkCBuwgvKJ2lgtGk6luk68xIW/s72-c/Ukuran%20Brosur%20A4,%20A5%20&amp;%20Lipat%203_%20Tabel%20dan%20Layout.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-6485605258352725751</guid><pubDate>Tue, 27 Oct 2026 04:06:22 +0000</pubDate><atom:updated>2026-10-27T12:06:46.460+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Warna</category><title>10 Kombinasi Warna Biru untuk Desain + Kode HEX</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyUtQlEPUKof4nNPf1XfZT7FRi1OBd5cZg0QJVDrwHShoNVmCklEOePrXhMLumB3kk7VpI5sNjPYf2M6gZvfXICQjab6m7nqM_Q-xtC0Dq9OI-WVJpEsjlHqB5uIxHB6wGkypMxA2YDqTo5rZqHRJFQBjbByfPGzhPVBBZwHDcOaC8njlZi9-K6lJowLm/s1200/10%20Kombinasi%20Warna%20Biru%20untuk%20Desain%20+%20Kode%20HEX.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;10 Kombinasi Warna Biru untuk Desain + Kode HEX&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyUtQlEPUKof4nNPf1XfZT7FRi1OBd5cZg0QJVDrwHShoNVmCklEOePrXhMLumB3kk7VpI5sNjPYf2M6gZvfXICQjab6m7nqM_Q-xtC0Dq9OI-WVJpEsjlHqB5uIxHB6wGkypMxA2YDqTo5rZqHRJFQBjbByfPGzhPVBBZwHDcOaC8njlZi9-K6lJowLm/s1600/10%20Kombinasi%20Warna%20Biru%20untuk%20Desain%20+%20Kode%20HEX.webp&quot; title=&quot;10 Kombinasi Warna Biru untuk Desain + Kode HEX&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Kombinasi warna biru untuk desain bisa dipadukan dengan putih, emas, abu-abu, oranye, kuning, pink pastel, hijau mint, ungu, krem, atau biru yang lebih terang. Pilih pasangan berdasarkan tujuan visual, lalu tentukan warna latar, teks, dan aksennya. Sepuluh palet berikut dilengkapi kode HEX, contoh penerapan, serta panduan kontras agar desain tetap terbaca.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;10 Kombinasi Warna Biru untuk Desain beserta Kode HEX&lt;/h2&gt;&lt;p&gt;Sepuluh kombinasi berikut menawarkan pilihan dari tampilan minimalis sampai ekspresif, dengan kode HEX yang bisa kamu gunakan sebagai titik awal. Nama seperti denim atau navy di sini merupakan label deskriptif; &lt;strong&gt;kode HEX adalah acuan warna yang tepat&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Contoh penggunaan di bawah merupakan usulan desain, bukan aturan baku. Kamu boleh menambahkan warna netral untuk teks tanpa menghilangkan karakter pasangan utamanya.&lt;/p&gt;&lt;h3&gt;1. Biru dan Putih untuk Desain Minimalis&lt;/h3&gt;&lt;p&gt;Pasangkan biru &lt;code dir=&quot;ltr&quot;&gt;#2563EB&lt;/code&gt; dengan putih &lt;code dir=&quot;ltr&quot;&gt;#FFFFFF&lt;/code&gt; untuk tampilan yang lapang. Gunakan putih sebagai latar, lalu tempatkan biru pada judul, ikon, dan garis pembatas agar informasi mudah dipindai.&lt;/p&gt;&lt;p&gt;Untuk poster kelas desain, biarkan jadwal dan lokasi berada pada bidang putih. Sebaliknya, satu bidang biru dengan tulisan putih bisa menjadi penanda pendaftaran. Pasangan ini memiliki rasio kontras sekitar &lt;strong&gt;5,17:1&lt;/strong&gt; pada warna solid, sehingga memenuhi ambang WCAG AA untuk kontras teks normal.&lt;/p&gt;&lt;h3&gt;2. Biru Navy dan Emas untuk Desain Elegan&lt;/h3&gt;&lt;p&gt;Biru navy &lt;code dir=&quot;ltr&quot;&gt;#0B1F3A&lt;/code&gt; dan emas &lt;code dir=&quot;ltr&quot;&gt;#D4AF37&lt;/code&gt; bisa kamu coba pada undangan, sertifikat, atau identitas acara. Jadikan navy bidang dominan dan emas sebagai detail judul, garis tipis, atau bingkai.&lt;/p&gt;&lt;p&gt;Hindari menambahkan terlalu banyak ornamen karena kontras keduanya sudah kuat. Rasio pasangan ini sekitar &lt;strong&gt;7,86:1&lt;/strong&gt; untuk warna solid. Namun, kode emas hanya menghasilkan warna datar; efek metalik pada cetakan membutuhkan bahan atau proses khusus, bukan kode HEX semata.&lt;/p&gt;&lt;h3&gt;3. Biru dan Abu-Abu untuk Desain Profesional&lt;/h3&gt;&lt;p&gt;Gabungkan biru &lt;code dir=&quot;ltr&quot;&gt;#1D4ED8&lt;/code&gt; dengan abu-abu terang &lt;code dir=&quot;ltr&quot;&gt;#E5E7EB&lt;/code&gt; untuk proposal, company profile, atau presentasi bisnis. Abu-abu dapat memisahkan kelompok informasi tanpa membuat halaman terasa penuh kotak berwarna.&lt;/p&gt;&lt;p&gt;Contohnya, gunakan latar putih, kartu statistik abu-abu, dan angka utama biru. Pilih teks gelap untuk penjelasan panjang. Abu-abu terang sebaiknya tidak menjadi tulisan kecil di atas putih karena kedua bidang sama-sama terang dan sulit dibedakan.&lt;/p&gt;&lt;h3&gt;4. Biru dan Oranye untuk Desain yang Menonjol&lt;/h3&gt;&lt;p&gt;Biru &lt;code dir=&quot;ltr&quot;&gt;#1E40AF&lt;/code&gt; dengan oranye &lt;code dir=&quot;ltr&quot;&gt;#F97316&lt;/code&gt; cocok dicoba pada poster promosi atau banner acara. Tempatkan oranye hanya pada informasi prioritas, seperti tanggal pendaftaran atau label penawaran.&lt;/p&gt;&lt;p&gt;Misalnya, poster webinar memakai biru sebagai bidang utama dan oranye pada satu kotak tanggal. &lt;strong&gt;Perbedaan rona tidak otomatis berarti teks terbaca.&lt;/strong&gt; Kontras kedua kode ini sekitar &lt;strong&gt;3,11:1&lt;/strong&gt;, sehingga belum memenuhi ambang 4,5:1 untuk teks normal. Gunakan pasangan teks-latar lain untuk rincian kecil.&lt;/p&gt;&lt;h3&gt;5. Biru dan Kuning untuk Desain Ceria&lt;/h3&gt;&lt;p&gt;Pasangan biru &lt;code dir=&quot;ltr&quot;&gt;#155DFC&lt;/code&gt; dan kuning &lt;code dir=&quot;ltr&quot;&gt;#FACC15&lt;/code&gt; memberi ruang untuk komposisi yang aktif, misalnya konten edukasi atau poster kegiatan komunitas. Kuning bisa menjadi sorotan pada angka, stiker, atau ilustrasi sederhana.&lt;/p&gt;&lt;p&gt;Coba batasi kuning pada satu area penting, lalu ulangi dalam detail kecil untuk menjaga konsistensi. Untuk isi paragraf, gunakan bidang netral dan teks gelap. Terlalu banyak bidang kuning dan biru dengan ukuran sama dapat membuat perhatian pembaca berpindah-pindah tanpa arah.&lt;/p&gt;&lt;h3&gt;6. Biru Muda dan Pink Pastel untuk Desain Lembut&lt;/h3&gt;&lt;p&gt;Gunakan biru muda &lt;code dir=&quot;ltr&quot;&gt;#BFDBFE&lt;/code&gt; dan pink pastel &lt;code dir=&quot;ltr&quot;&gt;#FBCFE8&lt;/code&gt; untuk kartu ucapan, konten lifestyle, atau ilustrasi ringan. Keduanya bekerja sebagai latar dan bentuk dekoratif yang saling mendampingi.&lt;/p&gt;&lt;p&gt;Jangan memakai salah satunya sebagai teks di atas warna lainnya. Rasio kontras pasangan ini hanya sekitar &lt;strong&gt;1,03:1&lt;/strong&gt;. Tambahkan teks navy &lt;code dir=&quot;ltr&quot;&gt;#0B1F3A&lt;/code&gt;, lalu periksa pasangan akhirnya. Jika desain terlihat cantik tetapi judulnya sulit ditemukan, kurangi dekorasi dan perkuat gelap-terang tulisan.&lt;/p&gt;&lt;h3&gt;7. Biru dan Hijau Mint untuk Desain Segar&lt;/h3&gt;&lt;p&gt;Biru &lt;code dir=&quot;ltr&quot;&gt;#075985&lt;/code&gt; dan mint &lt;code dir=&quot;ltr&quot;&gt;#A7F3D0&lt;/code&gt; dapat menjadi pilihan untuk infografis kebiasaan sehat, konten lingkungan, atau materi layanan. Mint menyediakan bidang terang, sementara biru membentuk struktur judul dan ikon.&lt;/p&gt;&lt;p&gt;Bayangkan kartu tips minum air: mint untuk latar, biru untuk judul, dan putih pada ruang ilustrasi. Jika kamu membuat diagram, tambahkan label atau pola. Pembaca perlu mengenali kategori dari informasi yang jelas, bukan hanya mengandalkan kemampuan membedakan warna.&lt;/p&gt;&lt;h3&gt;8. Biru dan Ungu untuk Desain Kreatif&lt;/h3&gt;&lt;p&gt;Padukan biru &lt;code dir=&quot;ltr&quot;&gt;#2563EB&lt;/code&gt; dan ungu &lt;code dir=&quot;ltr&quot;&gt;#7C3AED&lt;/code&gt; pada poster acara digital, sampul presentasi, atau visual bertema teknologi. Kamu bisa menggunakannya sebagai dua bidang terpisah maupun gradasi latar.&lt;/p&gt;&lt;p&gt;Saat memakai gradasi, cek keterbacaan di seluruh area di belakang teks. Hasil uji satu titik belum mewakili bagian lainnya. Untuk deskripsi panjang, gunakan kartu berwarna solid sehingga kontras tidak berubah-ubah sepanjang kalimat dan pembaca tidak perlu menebak huruf.&lt;/p&gt;&lt;h3&gt;9. Biru Denim dan Krem untuk Desain Hangat&lt;/h3&gt;&lt;p&gt;Biru denim &lt;code dir=&quot;ltr&quot;&gt;#355C7D&lt;/code&gt; dan krem &lt;code dir=&quot;ltr&quot;&gt;#F5E6CC&lt;/code&gt; cocok dieksplorasi untuk kemasan, menu, atau konten produk kerajinan. Krem dapat menjadi bidang dominan, dengan denim sebagai tulisan dan ilustrasi garis.&lt;/p&gt;&lt;p&gt;Pada mockup kemasan kopi, misalnya, pakai krem untuk label dan denim pada nama produk. Jika menambahkan tekstur kertas, jaga intensitasnya tetap ringan. Tekstur yang terlalu kuat dapat mengganggu huruf kecil, terutama setelah gambar diperkecil untuk katalog atau media sosial.&lt;/p&gt;&lt;h3&gt;10. Biru Tua dan Biru Muda untuk Desain Monokromatik&lt;/h3&gt;&lt;p&gt;Pasangkan biru tua &lt;code dir=&quot;ltr&quot;&gt;#1E3A8A&lt;/code&gt; dengan biru muda &lt;code dir=&quot;ltr&quot;&gt;#93C5FD&lt;/code&gt; ketika kamu ingin palet terbatas yang konsisten. Gunakan biru tua untuk struktur penting dan biru muda untuk kartu, ilustrasi, atau area pendukung.&lt;/p&gt;&lt;p&gt;Rasio kontras kedua kode tersebut sekitar &lt;strong&gt;5,74:1&lt;/strong&gt; pada warna solid. Meski demikian, tetap bedakan judul dan isi melalui ukuran, bobot huruf, serta jarak. Palet monokromatik akan terasa datar jika semua komponen memiliki bentuk dan penekanan yang sama.&lt;/p&gt;&lt;h2&gt;Tabel Ringkasan Palet Warna Biru dan Kode HEX&lt;/h2&gt;&lt;p&gt;Tabel ini merangkum sepuluh pasangan warna beserta pembagian peran awal agar kamu lebih cepat memilih palet. Peran tersebut bisa ditukar setelah keterbacaan desain diperiksa.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Kombinasi&lt;/th&gt;&lt;th&gt;HEX biru&lt;/th&gt;&lt;th&gt;HEX pendamping&lt;/th&gt;&lt;th&gt;Pembagian peran awal&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Biru–putih&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#2563EB&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#FFFFFF&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Judul biru, latar putih&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Navy–emas&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#0B1F3A&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#D4AF37&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Latar navy, detail emas&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Biru–abu-abu&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#1D4ED8&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#E5E7EB&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Penekanan biru, kartu abu-abu&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Biru–oranye&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#1E40AF&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#F97316&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Bidang biru, aksen oranye&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Biru–kuning&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#155DFC&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#FACC15&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Struktur biru, sorotan kuning&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Biru muda–pink&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#BFDBFE&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#FBCFE8&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Dua bidang dekoratif, teks gelap&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Biru–mint&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#075985&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#A7F3D0&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Judul biru, latar mint&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Biru–ungu&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#2563EB&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#7C3AED&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Gradasi atau bidang dekoratif&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Denim–krem&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#355C7D&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#F5E6CC&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Tulisan denim, latar krem&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Biru tua–biru muda&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#1E3A8A&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code dir=&quot;ltr&quot;&gt;#93C5FD&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Tulisan tua, kartu muda&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;Seluruh rasio yang disebutkan merupakan perhitungan dari nilai sRGB solid dengan opasitas penuh menggunakan rumus luminans relatif WCAG, ditampilkan hingga dua desimal. Transparansi, foto, dan gradasi memerlukan pemeriksaan tersendiri.&lt;/p&gt;&lt;h2&gt;Makna Warna Biru dalam Desain Grafis&lt;/h2&gt;&lt;p&gt;Biru sering diasosiasikan dengan ketenangan dan profesionalisme, tetapi kesan akhirnya bergantung pada konteks, budaya, serta elemen visual pendamping. Warna tidak bekerja sendirian dan tidak menjamin respons tertentu dari setiap audiens.&lt;/p&gt;&lt;p&gt;Navy dengan tipografi sederhana dapat diarahkan menjadi tampilan formal. Biru muda dengan ilustrasi membulat bisa terasa lebih ringan, sedangkan biru terang dengan oranye memberi peluang untuk komposisi yang ekspresif. Perlakukan gambaran ini sebagai arah kreatif yang perlu diuji, bukan rumus psikologi universal.&lt;/p&gt;&lt;p&gt;Untuk memahami hubungan pilihan palet dengan pesan visual, kamu bisa membaca &lt;a href=&quot;https://www.fikalmyid.com/2025/03/psikologi-warna-desain-grafis.html&quot;&gt;psikologi warna dalam desain grafis&lt;/a&gt;. Gunakan pemahaman tersebut bersama karakter merek, kebutuhan pembaca, dan jenis informasi yang disampaikan.&lt;/p&gt;&lt;h2&gt;Cara Memilih Kombinasi Warna Biru yang Sesuai dengan Desain&lt;/h2&gt;&lt;p&gt;Pilih kombinasi berdasarkan fungsi desain, peran tiap warna, kontras teks, dan media akhirnya. Palet yang menarik perlu membantu pembaca menemukan informasi paling penting.&lt;/p&gt;&lt;h3&gt;Tentukan peran setiap warna&lt;/h3&gt;&lt;p&gt;Mulai dengan tiga peran: latar, teks, dan aksen. Sebagai percobaan, poster kelas kreatif dapat memakai sekitar 60% bidang putih, 30% biru, dan 10% oranye; proporsi ini hanyalah panduan komposisi, bukan ukuran wajib atau hitungan luas yang harus presisi.&lt;/p&gt;&lt;p&gt;Letakkan judul pada bagian yang paling mudah terlihat, kemudian jadwal dan cara mendaftar. Jika semua bagian diberi warna aksen, fungsi sorotannya hilang. Untuk memahami pilihan harmoni sebelum menyusun komposisi, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2025/03/kombinasi-warna-dalam-desain-grafis.html&quot;&gt;panduan kombinasi warna dalam desain grafis&lt;/a&gt; sebagai bacaan pendamping.&lt;/p&gt;&lt;h3&gt;Uji kontras sebelum memilih warna teks&lt;/h3&gt;&lt;p&gt;WCAG 2.2 menetapkan kontras minimum &lt;strong&gt;4,5:1 untuk teks normal&lt;/strong&gt; dan &lt;strong&gt;3:1 untuk teks besar&lt;/strong&gt; pada kriteria AA. Teks besar dalam konteks standar ini berarti setidaknya 18 pt reguler atau 14 pt tebal; angka tersebut bukan ukuran minimum universal untuk poster.&lt;/p&gt;&lt;p&gt;Gunakan pemeriksa kontras pada pasangan warna teks dan latar yang benar-benar dipakai. Untuk visual yang diperkecil saat ditampilkan, periksa juga hasilnya pada ukuran tayang. Rasio yang lolos tidak menggantikan kebutuhan ukuran huruf yang terbaca.&lt;/p&gt;&lt;h3&gt;Sesuaikan palet dengan media akhir&lt;/h3&gt;&lt;p&gt;Untuk latihan thumbnail blog, kamu bisa membuat kanvas &lt;strong&gt;1200 × 800 px dengan rasio 3:2&lt;/strong&gt;. Jika membuat poster cetak A3, gunakan &lt;strong&gt;297 × 420 mm&lt;/strong&gt;; pada 300 ppi, kebutuhan raster kira-kira &lt;strong&gt;3508 × 4961 px&lt;/strong&gt;, sebelum tambahan bleed.&lt;/p&gt;&lt;p&gt;HEX menyatakan nilai warna RGB, bukan resep tinta CMYK. Biru yang sangat terang di layar dapat terlihat lebih redup setelah konversi cetak karena perbedaan gamut. Gunakan profil warna sesuai kebutuhan percetakan dan minta proof sebelum produksi banyak.&lt;/p&gt;&lt;h2&gt;Cara Menggunakan Kode HEX Palet Biru di Canva&lt;/h2&gt;&lt;p&gt;Masukkan kode HEX melalui pemilih warna Canva, lalu terapkan pada latar, teks, atau elemen yang mendukung perubahan warna. Kerjakan satu palet terlebih dahulu supaya keputusan desain tetap konsisten.&lt;/p&gt;&lt;h3&gt;Masukkan kode dan terapkan pada elemen&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Buka desain dengan ukuran kanvas sesuai kebutuhan.&lt;/li&gt;&lt;li&gt;Pilih latar, teks, atau elemen yang ingin diwarnai.&lt;/li&gt;&lt;li&gt;Buka kontrol warna yang sesuai; untuk elemen, klik kotak warnanya pada toolbar.&lt;/li&gt;&lt;li&gt;Pilih opsi menambah warna baru, lalu masukkan kode HEX, misalnya &lt;code dir=&quot;ltr&quot;&gt;#2563EB&lt;/code&gt;, pada kolom warna.&lt;/li&gt;&lt;li&gt;Terapkan warna pendamping pada bidang berikutnya dan ulangi secara konsisten.&lt;/li&gt;&lt;li&gt;Periksa warna teks, latar, dan aksen sebagai satu komposisi.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Tampilan kontrol dapat berbeda menurut perangkat dan jenis objek. Jika elemen tidak menampilkan kontrol warna, elemen tersebut tidak mendukung perubahan warna melalui cara ini.&lt;/p&gt;&lt;h3&gt;Periksa hasil sebelum mengekspor&lt;/h3&gt;&lt;p&gt;Buat dua versi dari komposisi yang sama: satu dengan latar terang dan satu dengan latar biru. Bandingkan keterbacaan judul, urutan informasi, serta penonjolan ajakan bertindak sebelum memilih hasil akhir.&lt;/p&gt;&lt;p&gt;Untuk grafis digital, PNG dapat menjadi pilihan awal ketika ketajaman teks dan bidang warna menjadi prioritas. Untuk cetak, gunakan berkas dan profil yang diminta penyedia cetak; jika tersedia dan diminta, pilih PDF Print dengan CMYK. Tetap periksa hasil cetak percobaan.&lt;/p&gt;&lt;p&gt;Jika ingin mengeksplorasi variasi rona, buka daftar &lt;a href=&quot;https://www.fikalmyid.com/2026/02/website-referensi-warna-untuk-designer.html&quot;&gt;website referensi warna untuk desainer&lt;/a&gt;. Simpan kode pilihanmu agar warna dapat digunakan kembali pada desain berikutnya.&lt;/p&gt;&lt;p&gt;Sekarang pilih satu pasangan, buat satu thumbnail 3:2, dan periksa tiga hal: judul terbaca, informasi utama terlihat lebih dulu, serta aksen tidak mendominasi. Ekspor versi percobaan dan lihat di ponsel sebelum menetapkannya sebagai template.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/10-kombinasi-warna-biru-untuk-desain.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyUtQlEPUKof4nNPf1XfZT7FRi1OBd5cZg0QJVDrwHShoNVmCklEOePrXhMLumB3kk7VpI5sNjPYf2M6gZvfXICQjab6m7nqM_Q-xtC0Dq9OI-WVJpEsjlHqB5uIxHB6wGkypMxA2YDqTo5rZqHRJFQBjbByfPGzhPVBBZwHDcOaC8njlZi9-K6lJowLm/s72-c/10%20Kombinasi%20Warna%20Biru%20untuk%20Desain%20+%20Kode%20HEX.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-8285021307933126185</guid><pubDate>Mon, 26 Oct 2026 13:36:54 +0000</pubDate><atom:updated>2026-10-27T07:37:00.951+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>5 Contoh Infografis Teks Prosedur dan Cara Membuatnya</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHw8Qfe0Ibx8LMS7YnYQaCQl8Uag_RXLelb38E1SVerwICadYZ5ctYAMAJ92kLed0BdvpH-4xKbcbOX16VeeKTdxpNsQwSAZUN9uUHbGrsZvzfhvpTtV0aaztcJm-QrPn-dcgS3U_zyNRS3F2qxf71vg1A8lhp3xQQjMxI7JSR97EMB0tz2jL0OLVk2kXW/s1200/5%20Contoh%20Infografis%20Teks%20Prosedur%20dan%20Cara%20Membuatnya.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;5 Contoh Infografis Teks Prosedur dan Cara Membuatnya&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHw8Qfe0Ibx8LMS7YnYQaCQl8Uag_RXLelb38E1SVerwICadYZ5ctYAMAJ92kLed0BdvpH-4xKbcbOX16VeeKTdxpNsQwSAZUN9uUHbGrsZvzfhvpTtV0aaztcJm-QrPn-dcgS3U_zyNRS3F2qxf71vg1A8lhp3xQQjMxI7JSR97EMB0tz2jL0OLVk2kXW/s1600/5%20Contoh%20Infografis%20Teks%20Prosedur%20dan%20Cara%20Membuatnya.webp&quot; title=&quot;5 Contoh Infografis Teks Prosedur dan Cara Membuatnya&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Infografis teks prosedur adalah penyajian petunjuk atau langkah melakukan sesuatu dengan memadukan teks singkat, urutan visual, ikon, ilustrasi, dan nomor langkah. Bentuk ini membuat prosedur lebih cepat dipahami karena pembaca tidak hanya membaca instruksi, tetapi juga melihat hubungan antar-tahapan secara visual dalam satu desain.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis Teks Prosedur?&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Infografis teks prosedur adalah bentuk visual dari teks prosedur yang menyampaikan tujuan dan tahapan suatu kegiatan secara runtut menggunakan kombinasi tulisan dan elemen grafis.&lt;/strong&gt; Pembaca seharusnya dapat memahami apa yang harus dilakukan dari awal sampai akhir hanya dengan mengikuti urutan informasinya.&lt;/p&gt;&lt;p&gt;Buku Bahasa Indonesia SMP/MTs Kelas VII menjelaskan bahwa teks prosedur memberikan petunjuk, panduan, atau instruksi untuk melakukan sesuatu dengan tahapan yang benar. Buku tersebut juga menerangkan bahwa teks prosedur dapat disajikan dalam bentuk gambar atau grafis, sementara informasi berbentuk gambar disebut &lt;em&gt;infografik&lt;/em&gt;.&lt;/p&gt;&lt;p&gt;Dalam pencarian internet, kamu juga akan sering menemukan istilah &lt;strong&gt;“infografis teks prosedur”&lt;/strong&gt;. Secara konteks, keduanya biasanya merujuk pada gagasan yang sama: mengubah prosedur yang panjang menjadi informasi visual yang lebih cepat dipindai.&lt;/p&gt;&lt;p&gt;Contohnya sederhana. Petunjuk membuat minuman yang semula terdiri dari beberapa paragraf bisa diubah menjadi lima kotak bernomor: siapkan bahan, panaskan air, masukkan bahan, aduk, lalu sajikan. Setiap tahap diberi ikon sehingga urutannya langsung terlihat.&lt;/p&gt;&lt;h2 data-pm-slice=&quot;1 1 []&quot;&gt;Ciri-Ciri Infografis Teks Prosedur yang Baik&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Infografis teks prosedur yang baik memiliki tujuan jelas, langkah berurutan, teks singkat, dan elemen visual yang membantu pembaca memahami tindakan pada setiap tahap.&lt;/strong&gt; Desain yang cantik saja belum cukup apabila pembaca masih bingung harus memulai dari mana.&lt;/p&gt;&lt;p&gt;Beberapa cirinya adalah:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;Judul langsung menjelaskan tujuan prosedur.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Langkah disusun dalam urutan logis.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Menggunakan nomor, panah, garis, atau jalur visual.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Kalimat instruksi dibuat singkat dan aktif.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Ikon atau gambar sesuai dengan tindakan yang dijelaskan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Ukuran teks tetap mudah dibaca pada layar ponsel.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Warna membantu membedakan informasi, bukan sekadar dekorasi.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tahap paling penting memiliki penekanan yang jelas.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Pada desain bertahap, &lt;a href=&quot;https://www.fikalmyid.com/2026/09/hierarki-visual.html&quot;&gt;hierarki visual&lt;/a&gt; sangat membantu pembaca mengetahui bagian mana yang harus dilihat pertama, kedua, dan seterusnya. Nomor langkah, ukuran judul, kontras, serta posisi elemen sebaiknya bekerja sebagai satu sistem.&lt;/p&gt;&lt;p&gt;Hindari membuat semua tulisan sama besar. Bila judul, nomor langkah, penjelasan, dan catatan mempunyai bobot visual yang sama, mata pembaca kehilangan arah.&lt;/p&gt;&lt;h2&gt;Struktur Infografis Teks Prosedur&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Struktur infografis teks prosedur umumnya terdiri dari tujuan, kebutuhan pendukung jika ada, rangkaian langkah, serta visual yang memperjelas tindakan.&lt;/strong&gt; Tidak semua prosedur memerlukan alat dan bahan, jadi struktur bisa disesuaikan dengan aktivitasnya.&lt;/p&gt;&lt;h3&gt;Judul dan tujuan&lt;/h3&gt;&lt;p&gt;Judul sebaiknya langsung menunjukkan hasil yang ingin dicapai, misalnya &lt;strong&gt;“Cara Membuat Teh Lemon dalam 5 Langkah”&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Judul seperti ini lebih informatif daripada hanya menulis “Teh Lemon”.&lt;/p&gt;&lt;h3&gt;Alat atau bahan&lt;/h3&gt;&lt;p&gt;Bagian ini diperlukan jika pembaca harus menyiapkan sesuatu sebelum mulai.&lt;/p&gt;&lt;p&gt;Untuk resep sederhana, misalnya:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;teh;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;air panas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;lemon;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;gula atau madu;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;gelas dan sendok.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Letakkan daftar ini sebelum langkah pertama agar pembaca tidak harus berhenti di tengah prosedur untuk mencari bahan.&lt;/p&gt;&lt;h3&gt;Langkah-langkah&lt;/h3&gt;&lt;p&gt;Bagian langkah merupakan inti teks prosedur. Gunakan kalimat kerja seperti &lt;strong&gt;siapkan, masukkan, potong, tekan, aduk, tunggu&lt;/strong&gt;, atau &lt;strong&gt;simpan&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Setiap kotak idealnya memuat satu tindakan utama. Jangan memasukkan tiga atau empat tindakan berbeda ke dalam satu nomor apabila bisa dipisahkan.&lt;/p&gt;&lt;h3&gt;Elemen visual&lt;/h3&gt;&lt;p&gt;Visual harus menjelaskan tindakan, bukan hanya mengisi ruang kosong. Ikon tangan mencuci, ilustrasi gelas, panah, angka besar, atau foto tahapan dapat mempercepat pemahaman.&lt;/p&gt;&lt;p&gt;Berikut gambaran spesifikasi yang bisa dijadikan titik awal:&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrtjSnS4TrDyJvyTuDafb9Bn0xiAcvXDZ84vG16DRexnt-lwugn5a9QxS9DSBFw_KABujV-AP8S7OZYoN1GAGEPuMSUsiPpPHDJiFWMaAQE3yf7l3MZ2Q3Mp5W7Fex_8sHBCBf0aJ9xOmqwvGytjhKokQ23FRFbp0ix35B_XjI6UiNLkg2OplZQcFEVWb/s1200/Struktur%20Infografis%20Teks%20Prosedur.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Struktur Infografis Teks Prosedur&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrtjSnS4TrDyJvyTuDafb9Bn0xiAcvXDZ84vG16DRexnt-lwugn5a9QxS9DSBFw_KABujV-AP8S7OZYoN1GAGEPuMSUsiPpPHDJiFWMaAQE3yf7l3MZ2Q3Mp5W7Fex_8sHBCBf0aJ9xOmqwvGytjhKokQ23FRFbp0ix35B_XjI6UiNLkg2OplZQcFEVWb/s1600/Struktur%20Infografis%20Teks%20Prosedur.webp&quot; title=&quot;Struktur Infografis Teks Prosedur&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;Ukuran tersebut adalah titik awal praktis, bukan aturan mutlak. Canva sendiri mendukung ukuran khusus dalam satuan seperti piksel, inci, milimeter, atau sentimeter.&lt;/p&gt;&lt;h2&gt;5 Contoh Infografis Teks Prosedur&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Contoh infografis teks prosedur paling mudah dibuat dari aktivitas sehari-hari yang mempunyai urutan tindakan jelas.&lt;/strong&gt; Lima tema berikut dapat digunakan untuk tugas sekolah, konten edukasi, maupun latihan desain.&lt;/p&gt;&lt;h3&gt;1. Cara Membuat Mi Instan&lt;/h3&gt;&lt;p&gt;Susunan infografis:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;Siapkan mi, panci, air, dan bumbu.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Didihkan air.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Masukkan mi dan rebus hingga matang.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Siapkan bumbu di mangkuk.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tuang mi, campurkan bumbu, lalu sajikan.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Visual dapat memakai ilustrasi panci, api, mi, mangkuk, serta nomor besar 1–5.&lt;/p&gt;&lt;h3&gt;2. Cara Membuat Teh Hangat&lt;/h3&gt;&lt;p&gt;Gunakan alur sederhana:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;Siapkan gelas dan teh.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Panaskan air.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Masukkan teh ke gelas.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tuang air panas.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tambahkan gula sesuai kebutuhan lalu aduk.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Tema ini cocok untuk belajar karena setiap langkah mudah divisualisasikan.&lt;/p&gt;&lt;h3&gt;3. Cara Mencuci Tangan&lt;/h3&gt;&lt;p&gt;Infografis dapat menunjukkan urutan membasahi tangan, memakai sabun, menggosok bagian tangan, membilas, dan mengeringkan.&lt;/p&gt;&lt;p&gt;Untuk tema kebersihan atau kesehatan, utamakan ketepatan instruksi dan gunakan rujukan resmi bila prosedurnya memiliki standar tertentu.&lt;/p&gt;&lt;h3&gt;4. Cara Menanam Cabai dalam Pot&lt;/h3&gt;&lt;p&gt;Struktur yang dapat digunakan:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;Siapkan pot dan media tanam.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Buat lubang kecil.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Masukkan benih atau bibit.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tutup dengan tanah.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Siram secukupnya dan letakkan di tempat sesuai kebutuhan tanaman.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Gunakan gambar pot yang berubah pada setiap tahap agar progresnya terlihat.&lt;/p&gt;&lt;h3&gt;5. Cara Menggunakan Blender&lt;/h3&gt;&lt;p&gt;Langkahnya bisa disusun sebagai berikut:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;Pastikan blender siap digunakan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Masukkan bahan ke wadah.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tutup wadah dengan benar.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Pilih kecepatan yang sesuai.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Matikan perangkat sebelum membuka wadah.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk prosedur penggunaan peralatan, bagian keselamatan sebaiknya diberi visual berbeda agar lebih mudah diperhatikan.&lt;/p&gt;&lt;p&gt;Lima contoh tadi menunjukkan bahwa tema tidak harus rumit. Yang lebih penting adalah adanya &lt;strong&gt;awal, urutan tindakan, dan hasil yang jelas&lt;/strong&gt;.&lt;/p&gt;&lt;h2&gt;Contoh Infografis Teks Prosedur Makanan&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Infografis teks prosedur makanan mengubah resep atau tahapan pengolahan makanan menjadi urutan visual yang singkat dan mudah dipraktikkan.&lt;/strong&gt; Tema makanan cocok digunakan karena alat, bahan, proses, dan hasil akhirnya mudah divisualisasikan.&lt;/p&gt;&lt;p&gt;Misalnya kamu ingin membuat infografis &lt;strong&gt;“Cara Membuat Sandwich Telur Sederhana”&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Bahan:&lt;/strong&gt;&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;2 lembar roti;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;1 telur matang;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;selada;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;mayones;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;irisan tomat.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Urutan:&lt;/strong&gt;&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;Siapkan seluruh bahan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Letakkan selada di atas roti.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tambahkan telur dan tomat.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Beri mayones secukupnya.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Tutup dengan lembar roti kedua.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Potong dan sajikan.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Perhatikan satu hal: infografis prosedur berbeda dari poster daftar resep. Jika hanya menampilkan bahan tanpa urutan tindakan, pembaca belum memperoleh prosedur yang lengkap.&lt;/p&gt;&lt;p&gt;Prinsip ini sejalan dengan materi Kemendikdasmen yang membedakan teks prosedur dari tip: teks prosedur memiliki tahapan untuk melakukan sesuatu, sedangkan tip berupa saran praktis yang tidak selalu membutuhkan urutan tertentu.&lt;/p&gt;&lt;h2 data-pm-slice=&quot;1 1 []&quot;&gt;Cara Membuat Infografis Teks Prosedur di Canva&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Cara membuat infografis teks prosedur di Canva dimulai dengan menentukan isi prosedur terlebih dahulu, kemudian mengubah setiap tahap menjadi blok visual yang berurutan.&lt;/strong&gt; Jangan memilih template sebelum kamu mengetahui berapa banyak informasi yang harus masuk.&lt;/p&gt;&lt;p&gt;Ikuti urutan berikut:&lt;/p&gt;&lt;ol data-spread=&quot;true&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tentukan tujuan prosedur.&lt;/strong&gt;&lt;br /&gt;Pilih satu hasil yang spesifik, misalnya “Cara Menanam Cabai dalam Pot”.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tulis prosedur dalam bentuk teks biasa.&lt;/strong&gt;&lt;br /&gt;Pastikan langkahnya benar sebelum mendesain.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ringkas setiap langkah.&lt;/strong&gt;&lt;br /&gt;Idealnya satu bagian visual berisi satu tindakan utama.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tentukan ukuran desain.&lt;/strong&gt;&lt;br /&gt;Untuk penggunaan digital, ukuran vertikal seperti 1080 × 1350 px dapat menjadi titik awal praktis. Untuk cetak, kamu bisa memakai format A4.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Buka Canva dan buat ukuran khusus atau pilih template.&lt;/strong&gt;&lt;br /&gt;Canva menyediakan opsi &lt;em&gt;Custom size&lt;/em&gt; sehingga lebar dan tinggi dapat ditentukan dengan satuan px, in, mm, atau cm.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Susun layout dari atas ke bawah.&lt;/strong&gt;&lt;br /&gt;Tempatkan judul, alat atau bahan jika diperlukan, lalu tahapan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tambahkan nomor, ikon, dan ilustrasi.&lt;/strong&gt;&lt;br /&gt;Gunakan gaya ikon yang konsisten agar desain terasa sebagai satu kesatuan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Atur tipografi dan kontras.&lt;/strong&gt;&lt;br /&gt;Batasi jumlah jenis font dan pastikan teks tidak menyatu dengan latar.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Periksa kembali urutan.&lt;/strong&gt;&lt;br /&gt;Cobalah membaca desain tanpa melihat naskah awal. Jika jalurnya masih membingungkan, perbaiki posisi atau nomor langkah.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ekspor sesuai tujuan.&lt;/strong&gt;&lt;br /&gt;Untuk kebutuhan layar, PNG cocok digunakan ketika ingin menjaga teks dan grafis tetap tajam. Canva juga menyarankan PNG ketika desain terlihat buram atau memakai font tipis.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Menu dan kemampuan Canva dapat berubah dari waktu ke waktu, sehingga kamu juga bisa melihat pembahasan &lt;a href=&quot;https://www.fikalmyid.com/2025/10/fitur-terbaru-canva-web-gratis-dan-pro.html&quot;&gt;fitur Canva Web&lt;/a&gt; saat ingin mengenali fungsi yang tersedia di editor.&lt;/p&gt;&lt;p&gt;Untuk kebutuhan cetak, Canva menyediakan &lt;strong&gt;PDF Print&lt;/strong&gt; dengan resolusi 300 dpi serta opsi bleed, crop marks, dan pemilihan profil warna RGB atau CMYK.&lt;/p&gt;&lt;h2&gt;Tips Membuat Infografis Teks Prosedur yang Menarik&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Infografis prosedur akan lebih efektif jika setiap keputusan desain mempercepat pembaca memahami urutan, bukan hanya membuat halaman terlihat ramai.&lt;/strong&gt; Ukur kualitas desain dari seberapa cepat orang dapat mengikuti langkahnya.&lt;/p&gt;&lt;p&gt;Gunakan beberapa prinsip berikut:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;Batasi setiap langkah pada satu gagasan utama.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Gunakan angka yang cukup besar.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Gunakan maksimal dua atau tiga jenis penekanan visual.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Berikan ruang kosong di antara tahapan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Pertahankan bentuk ikon yang konsisten.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Gunakan garis atau panah hanya jika arah urutan belum jelas.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Pilih warna teks dengan kontras yang cukup terhadap latar.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Letakkan catatan keselamatan dekat dengan langkah terkait.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Kamu dapat menerapkan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/9-tips-perancangan-infografis-yang-baik.html&quot;&gt;tips perancangan infografis yang baik&lt;/a&gt; saat mengatur keseimbangan antara informasi, gambar, warna, dan ruang kosong agar desain tetap enak dipindai.&lt;/p&gt;&lt;p&gt;Ada satu tes sederhana sebelum desain dipublikasikan. Tunjukkan infografis kepada orang yang belum membaca naskah aslinya selama beberapa detik. Kemudian tanyakan, “Apa yang dilakukan pertama dan setelah itu?”&lt;/p&gt;&lt;p&gt;Jika jawabannya salah, masalahnya kemungkinan berada pada hierarki atau alur visual.&lt;/p&gt;&lt;h2&gt;Kesalahan yang Harus Dihindari Saat Membuat Infografis Teks Prosedur&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Kesalahan terbesar dalam membuat infografis teks prosedur adalah mengutamakan dekorasi sampai urutan tindakan menjadi sulit dipahami.&lt;/strong&gt; Fungsi utama desain ini adalah memberi petunjuk, sehingga kejelasan selalu lebih penting daripada ornamen.&lt;/p&gt;&lt;p&gt;Hindari kesalahan berikut:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1. Langkah tidak berurutan&lt;/strong&gt;&lt;br /&gt;Nomor meloncat atau posisi elemen membuat pembaca bergerak bolak-balik.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2. Teks terlalu panjang&lt;/strong&gt;&lt;br /&gt;Jika setiap kotak berisi paragraf, manfaat format infografis menjadi berkurang.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3. Ikon tidak sesuai makna&lt;/strong&gt;&lt;br /&gt;Visual yang ambigu bisa membuat tindakan salah dipahami.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4. Terlalu banyak warna&lt;/strong&gt;&lt;br /&gt;Setiap warna sebaiknya memiliki fungsi, misalnya membedakan langkah, peringatan, atau kategori.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5. Font terlalu kecil&lt;/strong&gt;&lt;br /&gt;Desain terlihat bagus saat diperbesar tetapi sulit dibaca pada layar ponsel.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;6. Tidak membedakan prosedur dan tip&lt;/strong&gt;&lt;br /&gt;Saran yang berdiri sendiri tidak otomatis menjadi teks prosedur. Prosedur membutuhkan tahapan yang mengarah pada tujuan tertentu.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;7. Ekspor tidak sesuai media&lt;/strong&gt;&lt;br /&gt;Gunakan mode warna dan format berdasarkan tujuan akhirnya. RGB lebih relevan untuk layar, sedangkan kebutuhan produksi cetak dapat menggunakan PDF Print dan CMYK bila alur percetakan memerlukannya. Canva memang menyediakan pilihan profil RGB atau CMYK pada PDF Print.&lt;/p&gt;&lt;p&gt;Sebelum mengunduh desain final, lakukan pemeriksaan terakhir: baca judul, ikuti nomor tanpa membaca paragraf penjelasan, periksa ikon, lalu lihat desain pada ukuran layar sebenarnya. Jika alurnya tetap mudah dipahami, infografis sudah menjalankan fungsi utamanya sebagai teks prosedur visual.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/5-contoh-infografis-teks-prosedur-dan.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHw8Qfe0Ibx8LMS7YnYQaCQl8Uag_RXLelb38E1SVerwICadYZ5ctYAMAJ92kLed0BdvpH-4xKbcbOX16VeeKTdxpNsQwSAZUN9uUHbGrsZvzfhvpTtV0aaztcJm-QrPn-dcgS3U_zyNRS3F2qxf71vg1A8lhp3xQQjMxI7JSR97EMB0tz2jL0OLVk2kXW/s72-c/5%20Contoh%20Infografis%20Teks%20Prosedur%20dan%20Cara%20Membuatnya.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-5805844674906002623</guid><pubDate>Sun, 25 Oct 2026 06:53:02 +0000</pubDate><atom:updated>2026-10-25T14:53:02.288+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>Ukuran Poster A3 dalam CM, MM, Pixel + Setting Canva</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZoe3Ai4Pon7cFPYMODVRjn5Y0UoPurV4lPWjdiyiqBmCgBxWw81MbJCtyahKiWjDDMTFTQZU3UE5d1LACtcwHMC3yl80iRQHE8i7iwNzQD3G2B5gjr340SjyaQry8-lLnsQzC1nml7TDL5vOwBxFPg4bCrDLoEceCDO9GqMZ-hygYMeo1JjrTdaMg-tUL/s1200/Ukuran%20Poster%20A3%20dalam%20CM,%20MM,%20Pixel%20+%20Setting%20Canva.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Poster A3 dalam CM, MM, Pixel + Setting Canva&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZoe3Ai4Pon7cFPYMODVRjn5Y0UoPurV4lPWjdiyiqBmCgBxWw81MbJCtyahKiWjDDMTFTQZU3UE5d1LACtcwHMC3yl80iRQHE8i7iwNzQD3G2B5gjr340SjyaQry8-lLnsQzC1nml7TDL5vOwBxFPg4bCrDLoEceCDO9GqMZ-hygYMeo1JjrTdaMg-tUL/s1600/Ukuran%20Poster%20A3%20dalam%20CM,%20MM,%20Pixel%20+%20Setting%20Canva.webp&quot; title=&quot;Ukuran Poster A3 dalam CM, MM, Pixel + Setting Canva&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Ukuran poster A3 adalah &lt;strong&gt;29,7 × 42 cm&lt;/strong&gt; atau &lt;strong&gt;297 × 420 mm&lt;/strong&gt;. Pada resolusi 300 PPI, ukurannya sekitar &lt;strong&gt;3508 × 4961 pixel&lt;/strong&gt;. Untuk membuatnya di Canva, pilih ukuran khusus dalam cm atau mm, lalu ekspor sebagai PDF Print dan sesuaikan pengaturan bleed dengan kebutuhan percetakan.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Berapa Ukuran Poster A3 dalam CM dan MM?&lt;/h2&gt;&lt;p&gt;Ukuran poster A3 standar adalah &lt;strong&gt;29,7 cm × 42 cm&lt;/strong&gt;, setara dengan &lt;strong&gt;297 mm × 420 mm&lt;/strong&gt;, sebelum tambahan area bleed. Dimensi ini mengikuti format kertas seri A yang mengacu pada ISO 216.&lt;/p&gt;&lt;p&gt;Kalau kamu memesan poster untuk pengumuman kampus, promosi kedai, atau acara komunitas, angka tersebut menjadi acuan ukuran hasil akhirnya. Ketebalan kertas dan jenis finishing merupakan spesifikasi terpisah; memilih art carton, misalnya, tidak mengubah dimensi A3.&lt;/p&gt;&lt;h3&gt;Ukuran jadi dan rasio kertas A3&lt;/h3&gt;&lt;p&gt;Ukuran jadi adalah dimensi poster setelah proses pemotongan selesai. File produksinya bisa lebih besar karena percetakan membutuhkan ruang tambahan di luar garis potong.&lt;/p&gt;&lt;p&gt;Rasio sisi pendek terhadap sisi panjang A3 mendekati &lt;strong&gt;1:√2&lt;/strong&gt;, atau sekitar &lt;strong&gt;1:1,414&lt;/strong&gt;. Karena itu, desain persegi maupun desain media sosial berasio 4:5 perlu ditata ulang saat dipindahkan ke A3 supaya gambar tidak tertarik atau informasi terpotong.&lt;/p&gt;&lt;p&gt;Sebelum mengatur elemen visual, pahami &lt;a href=&quot;https://www.fikalmyid.com/2025/02/pengertian-poster-fungsi-ciri-ciri-dan.html&quot;&gt;pengertian dan fungsi poster&lt;/a&gt; agar kamu bisa menentukan pesan utama yang layak mendapat ruang terbesar. Poster pengumuman biasanya membutuhkan judul, waktu, tempat, dan tindakan berikutnya yang mudah ditemukan.&lt;/p&gt;&lt;h2&gt;Ukuran Poster A3 dalam Pixel Berdasarkan Resolusi&lt;/h2&gt;&lt;p&gt;Ukuran poster A3 dalam pixel bergantung pada resolusi: sekitar &lt;strong&gt;842 × 1191 px pada 72 PPI&lt;/strong&gt;, &lt;strong&gt;1754 × 2480 px pada 150 PPI&lt;/strong&gt;, dan &lt;strong&gt;3508 × 4961 px pada 300 PPI&lt;/strong&gt;. Angka berikut dihitung dari ukuran fisik 297 × 420 mm dan dibulatkan ke pixel terdekat.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Resolusi raster&lt;/th&gt;&lt;th&gt;Lebar × tinggi, portrait&lt;/th&gt;&lt;th&gt;Pertimbangan penggunaan&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;72 PPI&lt;/td&gt;&lt;td&gt;842 × 1191 px&lt;/td&gt;&lt;td&gt;Pratinjau ringan; detail terbatas jika dicetak penuh A3&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;150 PPI&lt;/td&gt;&lt;td&gt;1754 × 2480 px&lt;/td&gt;&lt;td&gt;Bisa dipertimbangkan sesuai detail gambar dan jarak pandang&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;300 PPI&lt;/td&gt;&lt;td&gt;3508 × 4961 px&lt;/td&gt;&lt;td&gt;Acuan umum gambar untuk cetak yang dilihat dari dekat&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;div&gt;&lt;p&gt;&lt;strong&gt;PPI&lt;/strong&gt; menghitung pixel gambar per inci, sedangkan &lt;strong&gt;DPI&lt;/strong&gt; menghitung titik keluaran perangkat cetak per inci. Istilah “A3 300 DPI” sering digunakan untuk kebutuhan file, tetapi saat menghitung dimensi gambar raster, istilah yang lebih tepat adalah PPI.&lt;/p&gt;&lt;h3&gt;Cara menghitung pixel dan memeriksa kualitas gambar&lt;/h3&gt;&lt;p&gt;Gunakan rumus &lt;strong&gt;pixel = ukuran dalam cm ÷ 2,54 × PPI&lt;/strong&gt;. Contohnya, sisi pendek A3 pada 300 PPI menghasilkan 29,7 ÷ 2,54 × 300 = 3507,87, dibulatkan menjadi 3508 pixel.&lt;/p&gt;&lt;p&gt;Sekarang bayangkan foto selebar 1200 pixel dipasang memenuhi lebar A3, yaitu 29,7 cm. Resolusi efektifnya sekitar 103 PPI. Meski kanvas dan ekspor diatur untuk cetak berkualitas tinggi, detail asli foto tersebut tetap terbatas.&lt;/p&gt;&lt;p&gt;Periksa ukuran gambar setelah dipotong juga. Foto beresolusi besar bisa kehilangan banyak pixel ketika kamu hanya memakai bagian kecilnya, sedangkan memperbesar file secara digital tidak otomatis mengembalikan detail yang hilang.&lt;/p&gt;&lt;p&gt;Teks dan bentuk vektor di PDF dapat tetap tajam saat diperbesar selama elemen tersebut dipertahankan sebagai vektor. Karena itu, jangan menyatukan seluruh poster menjadi gambar kecil sebelum ekspor. Periksa foto sebagai gambar raster, lalu pertahankan teks sebagai teks selama alur desain memungkinkan.&lt;/p&gt;&lt;h2&gt;Ukuran Poster A3 Portrait dan Landscape&lt;/h2&gt;&lt;p&gt;Poster A3 portrait berukuran &lt;strong&gt;29,7 × 42 cm&lt;/strong&gt;, sedangkan landscape berukuran &lt;strong&gt;42 × 29,7 cm&lt;/strong&gt;. Orientasi mengubah posisi sisi panjang dan sisi pendek, sementara luas kertasnya tetap sama.&lt;/p&gt;&lt;p&gt;Portrait cocok ketika informasi mengikuti urutan dari atas ke bawah. Contohnya poster seminar: nama acara berada di atas, foto pembicara di tengah, lalu tanggal dan lokasi di bawah.&lt;/p&gt;&lt;p&gt;Landscape memberi ruang horizontal lebih panjang. Kamu bisa memakainya untuk foto kelompok, promosi dengan beberapa produk berjajar, atau informasi yang perlu dibagi menjadi dua kolom.&lt;/p&gt;&lt;p&gt;Tentukan orientasi berdasarkan susunan konten sebelum memilih template. Jika desain portrait dipaksa menjadi landscape melalui peregangan, bentuk wajah, logo, dan huruf bisa berubah; lebih baik pindahkan elemen satu per satu sambil mempertahankan proporsinya.&lt;/p&gt;&lt;p&gt;Coba buat sketsa sederhana sebelum membuka aplikasi. Untuk poster lomba fotografi, misalnya, foto horizontal dapat mengambil bidang utama landscape, sementara jadwal dan persyaratan ditempatkan di kolom samping. Pilihan ini membantu kamu memperkirakan kebutuhan ruang sebelum menghabiskan waktu merapikan detail.&lt;/p&gt;&lt;h2&gt;Perbedaan Ukuran Poster A3, A4, dan A3+&lt;/h2&gt;&lt;p&gt;Poster A3 berukuran &lt;strong&gt;297 × 420 mm&lt;/strong&gt;, A4 &lt;strong&gt;210 × 297 mm&lt;/strong&gt;, sedangkan A3+ lazimnya &lt;strong&gt;329 × 483 mm&lt;/strong&gt;, seperti tercantum pada spesifikasi kertas Epson. A3+ menyediakan bidang lebih besar dan berbeda dari format A3 standar.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;A4:&lt;/strong&gt; praktis untuk lembar informasi yang dibaca dari dekat atau ditempatkan di meja.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;A3:&lt;/strong&gt; memberi ruang lebih luas untuk poster dinding dan papan pengumuman.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;A3+:&lt;/strong&gt; dapat digunakan sebagai lembar produksi yang menampung desain A3 beserta area tambahan, jika didukung mesin dan alur percetakan.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Luas A3 dua kali luas A4. Namun, bila desain A4 diperbesar proporsional ke A3, faktor pembesaran panjang sisinya sekitar &lt;strong&gt;141,4%&lt;/strong&gt;, bukan 200%.&lt;/p&gt;&lt;p&gt;Jangan menganggap pesanan cetak pada kertas A3+ otomatis menghasilkan poster jadi A3+. Sebutkan ukuran akhir yang kamu inginkan, lalu tanyakan apakah harga dan spesifikasi sudah mencakup pemotongan.&lt;/p&gt;&lt;h2&gt;Cara Setting Ukuran Poster A3 di Canva&lt;/h2&gt;&lt;p&gt;Untuk setting ukuran poster A3 di Canva, buat desain dengan &lt;strong&gt;ukuran khusus 297 × 420 mm&lt;/strong&gt; untuk portrait atau &lt;strong&gt;420 × 297 mm&lt;/strong&gt; untuk landscape. Memakai satuan fisik membantu menjaga ukuran dokumen sesuai kebutuhan cetak.&lt;/p&gt;&lt;h3&gt;Langkah membuat kanvas A3&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Buka Canva, lalu pilih &lt;strong&gt;Ukuran khusus / Custom size&lt;/strong&gt; dari halaman awal atau menu pembuatan desain.&lt;/li&gt;&lt;li&gt;Ubah satuan menjadi &lt;strong&gt;mm&lt;/strong&gt;. Kamu juga boleh memakai cm dengan nilai yang setara.&lt;/li&gt;&lt;li&gt;Masukkan lebar &lt;strong&gt;297&lt;/strong&gt; dan tinggi &lt;strong&gt;420&lt;/strong&gt; untuk portrait; tukar keduanya untuk landscape.&lt;/li&gt;&lt;li&gt;Pilih &lt;strong&gt;Buat desain baru / Create new design&lt;/strong&gt;.&lt;/li&gt;&lt;li&gt;Tambahkan teks, gambar, dan elemen; periksa kembali tata letak setelah memakai template.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Label dan posisi menu dapat berbeda menurut perangkat atau bahasa antarmuka. Jika memasukkan angka desimal dalam cm ditolak, gunakan mm agar kamu bisa mengetik bilangan bulat.&lt;/p&gt;&lt;p&gt;Setelah kanvas terbentuk, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/tips-membuat-desain-poster-menarik.html&quot;&gt;tips membuat desain poster menarik&lt;/a&gt; untuk menyusun pesan dan hierarki visual. Template menjadi titik awal yang lebih berguna ketika isi utama sudah kamu tentukan.&lt;/p&gt;&lt;h3&gt;Menyiapkan margin dan latar belakang&lt;/h3&gt;&lt;p&gt;Aktifkan &lt;strong&gt;Show margins&lt;/strong&gt; dan, jika diperlukan untuk produksi, &lt;strong&gt;Show print bleed&lt;/strong&gt; melalui menu File. Pada sebagian tampilan, pengaturannya berada di Settings atau Rulers and guides.&lt;/p&gt;&lt;p&gt;Margin membantu menjaga teks dan logo tetap aman di dalam bidang poster. Bleed menambahkan area gambar di luar ukuran jadi, sedangkan crop marks menunjukkan acuan pemotongan.&lt;/p&gt;&lt;p&gt;Perpanjang warna atau foto latar sampai menutupi area bleed. Pertahankan ukuran dokumen A3 ketika memakai fitur bleed bawaan; tambahan ukuran manual hanya diperlukan jika percetakan memberikan instruksi khusus yang berbeda.&lt;/p&gt;&lt;h2&gt;Cara Download Poster A3 di Canva untuk Dicetak&lt;/h2&gt;&lt;p&gt;Unduh poster A3 melalui &lt;strong&gt;Bagikan / Share → Unduh / Download → PDF Print&lt;/strong&gt;, lalu pilih crop marks dan bleed bila diminta percetakan. Format ini lebih sesuai untuk penyerahan file cetak daripada screenshot desain.&lt;/p&gt;&lt;h3&gt;Pengaturan ekspor dan profil warna&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Pilih halaman poster yang akan diunduh.&lt;/li&gt;&lt;li&gt;Tentukan jenis file &lt;strong&gt;PDF Print&lt;/strong&gt;.&lt;/li&gt;&lt;li&gt;Aktifkan &lt;strong&gt;Crop marks and bleed&lt;/strong&gt; sesuai spesifikasi penyedia cetak.&lt;/li&gt;&lt;li&gt;Pilih profil warna sesuai permintaan operator: CMYK atau RGB.&lt;/li&gt;&lt;li&gt;Unduh file, lalu buka PDF hasil ekspor untuk pemeriksaan akhir.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Canva menyediakan pilihan CMYK pada paket yang mendukungnya; ketersediaan opsi dapat bergantung pada akun. Jika opsi tersebut tidak muncul, tanyakan apakah percetakan menerima PDF RGB dan menangani konversinya.&lt;/p&gt;&lt;p&gt;RGB digunakan untuk tampilan berbasis cahaya, sedangkan CMYK untuk reproduksi dengan tinta proses. Warna cerah tertentu di layar bisa berubah ketika dicetak, sehingga cetak contoh membantu menilai hasil warna yang sebenarnya.&lt;/p&gt;&lt;h3&gt;Pemeriksaan file sebelum dikirim&lt;/h3&gt;&lt;p&gt;Jika percetakan meminta bleed 3 mm di setiap sisi, secara geometri bidang gambar menjadi &lt;strong&gt;303 × 426 mm&lt;/strong&gt;, sementara ukuran jadi tetap &lt;strong&gt;297 × 420 mm&lt;/strong&gt;. Ukuran halaman PDF bisa lebih besar lagi jika menyertakan crop marks; pengaturan bawaan Canva perlu dicocokkan dengan kebutuhan operator, bukan diasumsikan selalu tepat 3 mm.&lt;/p&gt;&lt;p&gt;Untuk mencetak PDF ukuran jadi A3 tanpa tambahan tanda produksi, pilih kertas A3 dan periksa skala &lt;strong&gt;Actual size / 100%&lt;/strong&gt;. Opsi Fit dapat mengecilkan desain mengikuti area cetak printer. File dengan bleed dan crop marks biasanya membutuhkan lembar lebih besar serta pemotongan setelah cetak.&lt;/p&gt;&lt;h2&gt;Tips Membuat Poster A3 agar Jelas dan Mudah Dibaca&lt;/h2&gt;&lt;p&gt;Poster A3 lebih mudah dibaca ketika memiliki &lt;strong&gt;satu fokus utama, urutan informasi yang jelas, dan kontras teks yang memadai&lt;/strong&gt;. Gunakan luas kertas untuk memberi ruang pada pesan, bukan mengisi setiap celah dengan ornamen.&lt;/p&gt;&lt;h3&gt;Atur hierarki dan keterbacaan&lt;/h3&gt;&lt;p&gt;Mulailah dari tiga tingkat: judul, informasi pendukung, dan detail tindakan. Misalnya pada poster bazar kampus, nama acara menjadi fokus pertama, tanggal serta lokasi berikutnya, lalu kode QR pendaftaran.&lt;/p&gt;&lt;p&gt;Gunakan &lt;a href=&quot;https://www.fikalmyid.com/2025/03/7-tips-memilih-font-sans-serif-terbaik.html&quot;&gt;tips memilih font untuk desain poster&lt;/a&gt; untuk menilai keterbacaan dan kecocokan karakter huruf. Sebagai titik awal, batasi keluarga font menjadi satu atau dua, kemudian bedakan ukuran dan ketebalannya sesuai fungsi.&lt;/p&gt;&lt;p&gt;Hindari meletakkan teks tipis di atas foto yang ramai. Tambahkan bidang warna yang tenang atau pindahkan teks ke area lebih bersih agar informasi tetap terbaca tanpa perlu memperbesar semua huruf.&lt;/p&gt;&lt;h3&gt;Lakukan uji cetak sebelum produksi&lt;/h3&gt;&lt;p&gt;Cetak sebagian desain pada ukuran sebenarnya untuk memeriksa teks kecil dan detail foto. Jika kamu hanya punya printer A4, uji potongan area poster pada skala 100%; mengecilkan seluruh A3 ke A4 akan mengubah penilaian ukuran huruf.&lt;/p&gt;&lt;p&gt;Periksa ejaan, tanggal, kontak, ruang aman, dan kode QR. Coba pindai kode dari cetakan uji menggunakan ponsel, kemudian lihat poster dari perkiraan jarak baca pengguna.&lt;/p&gt;&lt;p&gt;Sebelum mengirim file, minta percetakan mengonfirmasi ukuran jadi, kebutuhan bleed, profil warna, dan format PDF. Setelah itu, kirim satu file final dengan nama jelas, misalnya &lt;code dir=&quot;ltr&quot;&gt;poster-bazar-a3-final.pdf&lt;/code&gt;, agar operator mengetahui versi yang harus diproduksi.&lt;/p&gt;&lt;/div&gt;</description><link>https://www.fikalmyid.com/2026/10/ukuran-poster-a3-dalam-cm-mm-pixel.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZoe3Ai4Pon7cFPYMODVRjn5Y0UoPurV4lPWjdiyiqBmCgBxWw81MbJCtyahKiWjDDMTFTQZU3UE5d1LACtcwHMC3yl80iRQHE8i7iwNzQD3G2B5gjr340SjyaQry8-lLnsQzC1nml7TDL5vOwBxFPg4bCrDLoEceCDO9GqMZ-hygYMeo1JjrTdaMg-tUL/s72-c/Ukuran%20Poster%20A3%20dalam%20CM,%20MM,%20Pixel%20+%20Setting%20Canva.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-9108190987104095892</guid><pubDate>Thu, 22 Oct 2026 13:53:22 +0000</pubDate><atom:updated>2026-10-22T21:53:55.085+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>7 Jenis Infografis, Contoh, dan Cara Memilihnya</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSn1ULg-h7hJpWjrEqQprMj49iYX1Dd6sduL5W3eA66DvX5jVj3qz56EdldfjAkAmRrB0eSJI8K5TDcIoojqI-0bAO6ow4fwweOxaLChxFjdwMCa6_epWnUeMHlORZDT63Q3U7UEZwfuYXMj5XyZ36gi0vPOFGg9Q0tKo4z9MOJ53hrt9yLcW7V6K-ZjHN/s1200/7%20Jenis%20Infografis,%20Contoh,%20dan%20Cara%20Memilihnya.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;7 Jenis Infografis, Contoh, dan Cara Memilihnya&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSn1ULg-h7hJpWjrEqQprMj49iYX1Dd6sduL5W3eA66DvX5jVj3qz56EdldfjAkAmRrB0eSJI8K5TDcIoojqI-0bAO6ow4fwweOxaLChxFjdwMCa6_epWnUeMHlORZDT63Q3U7UEZwfuYXMj5XyZ36gi0vPOFGg9Q0tKo4z9MOJ53hrt9yLcW7V6K-ZjHN/s1600/7%20Jenis%20Infografis,%20Contoh,%20dan%20Cara%20Memilihnya.webp&quot; title=&quot;7 Jenis Infografis, Contoh, dan Cara Memilihnya&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Jenis-jenis infografis yang bisa kamu gunakan meliputi statistik, informasional, timeline, proses, perbandingan, geografis, dan hierarki. Setiap jenis membantu menjelaskan hubungan informasi yang berbeda, seperti angka, urutan waktu, tahapan, atau tingkatan. Untuk memilihnya, tentukan dahulu pesan utama, bentuk data, dan kebutuhan pembaca, kemudian sesuaikan dengan media tempat desain ditampilkan.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis?&lt;/h2&gt;&lt;p&gt;Infografis adalah penyajian informasi melalui perpaduan teks dan elemen visual agar hubungan, pola, atau urutannya lebih mudah dipahami. Isinya dapat berupa angka, konsep, langkah, lokasi, maupun struktur. Jadi, infografis tidak harus selalu memiliki diagram statistik.&lt;/p&gt;&lt;p&gt;Bayangkan kamu menjelaskan pembagian tugas panitia. Paragraf panjang mungkin menyebut seluruh nama, tetapi bagan membantu pembaca melihat siapa berkoordinasi dengan siapa. Visual tersebut berfungsi menjelaskan hubungan, bukan sekadar menghias tulisan.&lt;/p&gt;&lt;p&gt;Tujuh jenis yang dibahas di sini merupakan pilihan kategori berdasarkan fungsi penyajian informasi, bukan klasifikasi tunggal yang mencakup semuanya. Panduan Venngage, misalnya, juga memasukkan kategori daftar dan resume. Sebuah desain pun bisa menggabungkan beberapa pendekatan selama pesan utamanya tetap jelas.&amp;nbsp;&lt;/p&gt;&lt;h2&gt;1. Infografis Statistik untuk Menampilkan Data Angka&lt;/h2&gt;&lt;p&gt;Infografis statistik menempatkan data numerik sebagai pusat penjelasan. Kamu bisa memakainya untuk merangkum hasil survei, jumlah peserta, atau perubahan suatu indikator. Grafik dan label membantu pembaca memahami angka dalam konteks.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Contoh rancangan:&lt;/strong&gt; “Pilihan Transportasi 40 Peserta Workshop”. Untuk latihan, gunakan data ilustrasi: 20 peserta naik motor, 12 menggunakan angkutan umum, dan 8 berjalan kaki. Diagram batang akan memperlihatkan perbedaan jumlah antarkategori.&lt;/p&gt;&lt;p&gt;Cantumkan label “data ilustrasi untuk latihan”, bukan menampilkannya sebagai survei nyata. Bila memakai data asli, tulis sumber, periode, satuan, dan jumlah respondennya.&lt;/p&gt;&lt;p&gt;Mulai sumbu diagram batang dari nol agar panjang batang tidak melebih-lebihkan perbedaan. Pedoman Office for National Statistics juga menekankan prinsip ini. Hindari efek tiga dimensi yang membuat pembacaan nilai terasa rancu.&amp;nbsp;&lt;/p&gt;&lt;h2&gt;2. Infografis Informasional untuk Menjelaskan Suatu Topik&lt;/h2&gt;&lt;p&gt;Infografis informasional cocok untuk memberikan gambaran suatu konsep melalui bagian-bagian pendek. Fokusnya menjawab “apa yang perlu diketahui?”, bukan selalu “langkah mana yang harus dikerjakan dahulu?”. Judul kecil dan ikon membantu memisahkan gagasan.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Contoh rancangan:&lt;/strong&gt; “Empat Unsur Dasar Identitas Visual”. Buat empat kartu berisi logo, warna, tipografi, dan gaya gambar. Setiap kartu memiliki satu penjelasan serta contoh penerapan sederhana, misalnya pasangan font judul dan teks isi.&lt;/p&gt;&lt;p&gt;Gunakan istilah yang akrab bagi pembaca. Jika menyebut tipografi, jelaskan sebagai pengaturan huruf agar tulisan terbaca dan memiliki karakter.&lt;/p&gt;&lt;p&gt;Sebagai pilihan awal, batasi isi setiap kartu pada satu gagasan utama. Jika keterangannya terus memanjang, pindahkan rincian ke teks pendamping. Dengan begitu, pembaca tetap mendapat gambaran utuh tanpa menghadapi halaman yang sesak.&lt;/p&gt;&lt;h2&gt;3. Infografis Timeline untuk Menunjukkan Urutan Waktu&lt;/h2&gt;&lt;p&gt;Timeline menampilkan informasi berdasarkan waktu, seperti tanggal, tahun, atau periode kegiatan. Jenis ini membantu menjawab “kapan sesuatu terjadi?” dan “apa yang terjadi setelahnya?”. Contohnya mencakup perjalanan organisasi atau jadwal proyek.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Contoh rancangan:&lt;/strong&gt; “Persiapan Pameran Karya Kelas”. Gunakan jadwal simulasi: H-14 menentukan tema, H-7 memeriksa karya, H-1 menata ruang, dan hari H melaksanakan pameran. Beri penjelasan bahwa H-14 berarti 14 hari sebelum acara.&lt;/p&gt;&lt;p&gt;Untuk layar ponsel, kamu bisa mencoba susunan vertikal agar label waktu tidak berhimpitan. Letakkan keterangan dekat titik peristiwa yang sesuai.&lt;/p&gt;&lt;p&gt;Jika jarak antarpenanda dibuat sama meskipun selang waktunya berbeda, beri catatan bahwa garis waktu bersifat skematis. Pembaca perlu tahu apakah jarak visual mewakili durasi sebenarnya atau hanya menunjukkan urutan.&lt;/p&gt;&lt;h2&gt;4. Infografis Proses untuk Menjelaskan Tahapan&lt;/h2&gt;&lt;p&gt;Infografis proses menerangkan cara kerja atau langkah melakukan sesuatu. Ciri utamanya adalah hubungan antartahap, yang dapat ditunjukkan melalui nomor, garis, dan panah. Berbeda dari timeline, proses tidak wajib memiliki tanggal.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Contoh rancangan:&lt;/strong&gt; “Alur Mengirim Tugas Desain”. Susun tahap membaca brief, membuat sketsa, mengerjakan desain, memeriksa hasil, lalu mengirim berkas. Mulai setiap tahap dengan kata kerja agar tindakannya langsung dipahami.&lt;/p&gt;&lt;p&gt;Untuk materi pelajaran, diagram siklus air dapat menjadi inspirasi penyajian proses. Kamu dapat mempelajari &lt;a href=&quot;https://www.fikalmyid.com/2026/10/5-contoh-infografis-pendidikan-yang.html&quot;&gt;contoh infografis pendidikan&lt;/a&gt; untuk melihat bagaimana tahapan dan hubungan informasi dijelaskan melalui visual.&lt;/p&gt;&lt;p&gt;Periksa arah setiap panah. Jika alurnya memiliki pilihan, misalnya desain diterima atau perlu direvisi, tunjukkan percabangannya. Jangan menggambarkan semua pekerjaan sebagai jalur lurus ketika proses sebenarnya memungkinkan pengulangan.&lt;/p&gt;&lt;h2&gt;5. Infografis Perbandingan untuk Melihat Persamaan dan Perbedaan&lt;/h2&gt;&lt;p&gt;Infografis perbandingan menempatkan dua atau lebih pilihan dalam susunan yang memudahkan pembaca menilai aspek yang sama. Bentuk dua kolom sering menjadi pilihan sederhana. Tujuannya membantu pembaca memahami perbedaan yang relevan.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Contoh rancangan:&lt;/strong&gt; “Belajar Mandiri atau Belajar Kelompok?”. Bandingkan kebutuhan koordinasi, kesempatan berdiskusi, dan cara mengatur waktu. Hindari kesimpulan bahwa satu metode selalu lebih baik untuk semua tugas.&lt;/p&gt;&lt;p&gt;Tulis aspek dalam urutan yang sama di setiap kolom. Jangan membandingkan biaya pada satu sisi dengan kenyamanan pada sisi lain karena pembaca kehilangan dasar penilaian.&lt;/p&gt;&lt;p&gt;Sebagai rekomendasi desain, beri kedua pilihan ruang yang seimbang. Warna dapat membedakan kolom, tetapi label tetap harus jelas. Hindari menambahkan banyak centang pada satu pilihan jika keunggulannya sebenarnya bergantung pada situasi.&lt;/p&gt;&lt;h2&gt;6. Infografis Geografis untuk Menampilkan Informasi Wilayah&lt;/h2&gt;&lt;p&gt;Infografis geografis menghubungkan informasi dengan lokasi. Peta menjadi elemen penting ketika pembaca perlu melihat persebaran atau perbedaan antarwilayah. Legenda dan sumber membantu menjelaskan makna penanda pada peta.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Contoh rancangan:&lt;/strong&gt; “Lokasi Perpustakaan di Sebuah Kota”. Tempatkan penanda pada lokasi fasilitas, lalu tambahkan nama dan kategori layanan. Gunakan lokasi nyata hanya setelah alamat serta sumbernya diperiksa.&lt;/p&gt;&lt;p&gt;Pilih simbol sesuai pesan. Penanda lokasi menunjukkan tempat; pewarnaan area dapat dipakai untuk memperlihatkan nilai suatu wilayah. Jangan membiarkan pembaca menebak makna warna atau ukuran lingkaran.&lt;/p&gt;&lt;p&gt;Sebelum membandingkan wilayah, periksa apakah kamu membutuhkan jumlah total atau rasio terhadap penduduk. Sebagai contoh matematis, 10 fasilitas untuk 100.000 penduduk berarti satu per 10.000 orang, sedangkan 10 fasilitas untuk 20.000 penduduk berarti satu per 2.000 orang. Angka tersebut hanya ilustrasi.&lt;/p&gt;&lt;h2&gt;7. Infografis Hierarki untuk Menunjukkan Tingkatan&lt;/h2&gt;&lt;p&gt;Infografis hierarki menjelaskan susunan bertingkat atau hubungan induk dan bagian. Bentuknya dapat berupa bagan organisasi, pohon kategori, atau piramida. Pilih bentuk sesuai hubungan yang ingin terlihat.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Contoh rancangan:&lt;/strong&gt; “Struktur Panitia Pameran”. Letakkan ketua di tingkat koordinasi utama, lalu hubungkan dengan koordinator acara, publikasi, dan perlengkapan. Anggota ditempatkan pada divisi masing-masing.&lt;/p&gt;&lt;p&gt;Garis penghubung harus memiliki arti yang konsisten. Jika garis menunjukkan koordinasi, jangan memakai garis serupa untuk menandai urutan waktu tanpa penjelasan.&lt;/p&gt;&lt;p&gt;Hindari piramida apabila isinya hanya daftar yang setara. Bentuk bertingkat dapat membuat pembaca mengira bagian atas selalu lebih penting. Gunakan posisi dan ukuran untuk menjelaskan struktur yang memang ada, bukan menciptakan tingkatan baru.&lt;/p&gt;&lt;h2&gt;Apa Perbedaan Infografis Statis, Animasi, dan Interaktif?&lt;/h2&gt;&lt;p&gt;Tujuh kategori sebelumnya membahas fungsi informasi. Sementara itu, statis, animasi, dan interaktif membahas cara informasi disajikan kepada pembaca. Keduanya dapat digabungkan: infografis statistik, misalnya, dapat dibuat statis atau interaktif.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Format&lt;/th&gt;
&lt;th&gt;Ciri utama&lt;/th&gt;
&lt;th&gt;Contoh rancangan&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;Statis&lt;/td&gt;
&lt;td&gt;Informasi disajikan tanpa gerakan atau kontrol pengguna&lt;/td&gt;
&lt;td&gt;Gambar perbandingan dua metode belajar&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Animasi&lt;/td&gt;
&lt;td&gt;Elemen bergerak atau muncul mengikuti waktu&lt;/td&gt;
&lt;td&gt;Video penjelasan tahapan pengerjaan desain&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Interaktif&lt;/td&gt;
&lt;td&gt;Tampilan merespons tindakan pengguna&lt;/td&gt;
&lt;td&gt;Peta yang menampilkan rincian saat wilayah dipilih&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Gerakan tidak otomatis berarti interaktif. Video yang berjalan dari awal hingga akhir tetap berbeda dari visual yang memungkinkan pembaca memilih data. Piktochart juga membahas interaktivitas sebagai cara melibatkan tindakan pengguna dalam penjelajahan informasi.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Pilih format sesuai kebutuhan akses. Untuk lembar cetak, rancangan statis menjadi titik awal yang praktis. Jika membuat versi interaktif, sediakan penjelasan inti yang tetap bisa dipahami tanpa mengandalkan interaksi saja.&lt;/p&gt;&lt;h2&gt;Cara Memilih Jenis Infografis Sesuai Tujuan dan Audiens&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span&gt;Mulai dengan kalimat: “Setelah melihat desain ini, pembaca bisa ...”. Lanjutannya akan membantu kamu memilih jenis-jenis infografis yang paling sesuai. Jika jawabannya “mengikuti langkah pendaftaran”, format proses lebih masuk akal daripada peta.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Kebutuhan utama pembaca&lt;/th&gt;
&lt;th&gt;Pilihan awal&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;Memahami angka atau hasil survei&lt;/td&gt;
&lt;td&gt;Statistik&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Mengenal sebuah konsep&lt;/td&gt;
&lt;td&gt;Informasional&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Melihat urutan kejadian menurut waktu&lt;/td&gt;
&lt;td&gt;Timeline&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Mengikuti tahapan pekerjaan&lt;/td&gt;
&lt;td&gt;Proses&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Menilai beberapa pilihan&lt;/td&gt;
&lt;td&gt;Perbandingan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Melihat persebaran lokasi&lt;/td&gt;
&lt;td&gt;Geografis&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Memahami tingkatan atau struktur&lt;/td&gt;
&lt;td&gt;Hierarki&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Berikutnya, periksa pengetahuan awal audiens. Pembaca umum mungkin membutuhkan penjelasan istilah, sedangkan pembaca yang sudah akrab dengan topik dapat menerima label lebih ringkas.&lt;/p&gt;&lt;p&gt;Sesuaikan juga komposisi dengan media. Sebagai pilihan editorial, gambar pendamping blog berasio 3:2 dapat menggunakan kanvas 1500 × 1000 piksel. Ukuran ini bukan standar wajib; pecah desain menjadi beberapa gambar jika teks terlalu kecil.&lt;/p&gt;&lt;p&gt;Setelah jenisnya dipilih, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/9-tips-perancangan-infografis-yang-baik.html&quot;&gt;tips perancangan infografis yang baik&lt;/a&gt; untuk menata isi, warna, dan alur baca. Uji hasilnya dengan meminta seseorang menjelaskan pesan utama tanpa bantuanmu.&lt;/p&gt;&lt;h2&gt;Langkah Awal Membuat Infografis di Canva&lt;/h2&gt;&lt;p&gt;Canva menyediakan template infografis serta elemen untuk menyesuaikan teks, grafik, dan tampilan. Halaman resminya juga mencantumkan pilihan ekspor seperti JPG, PNG, dan PDF. Informasi ini diperiksa pada &lt;strong&gt;22 Oktober 2026&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Gunakan alur berikut sebagai titik awal:&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Tentukan pesan.&lt;/strong&gt; Pilih satu kebutuhan pembaca dari tabel sebelumnya.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Siapkan isi dan sumber.&lt;/strong&gt; Ringkas materi sebelum membuka template. Pisahkan data asli dari contoh ilustrasi.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Pilih template yang strukturnya sesuai.&lt;/strong&gt; Untuk perbandingan, cari susunan berdampingan; untuk proses, utamakan alur yang jelas.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Ganti seluruh isi contoh.&lt;/strong&gt; Periksa angka, label, ikon, serta teks bawaan agar tidak ikut terpublikasi tanpa sengaja.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Rapikan desain.&lt;/strong&gt; Bedakan ukuran judul dan keterangan, samakan gaya ikon, jaga kontras, dan sisakan ruang kosong. Gunakan label selain warna.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Periksa dan ekspor.&lt;/strong&gt; Buka hasil pada ukuran tampil sebenarnya. Pilih PNG atau JPG untuk gambar, atau PDF bila perlu dibagikan sebagai dokumen; periksa hasil ekspornya.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk rincian ukuran dan penyesuaian template, ikuti panduan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/infografis-canva-ukuran-template-dan.html&quot;&gt;cara membuat infografis di Canva&lt;/a&gt;. Pastikan template, aset, dan opsi unduhan yang dipilih tersedia pada akunmu.&lt;/p&gt;&lt;p&gt;Sebelum membuat desain berikutnya, coba ubah satu materi pendek menjadi dua sketsa berbeda. Bandingkan mana yang paling cepat menjawab kebutuhan pembaca. Latihan ini membantu kamu memilih jenis-jenis infografis berdasarkan kegunaannya, lalu memakai dekorasi secukupnya untuk memperjelas pesan.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/7-jenis-infografis-contoh-dan-cara.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSn1ULg-h7hJpWjrEqQprMj49iYX1Dd6sduL5W3eA66DvX5jVj3qz56EdldfjAkAmRrB0eSJI8K5TDcIoojqI-0bAO6ow4fwweOxaLChxFjdwMCa6_epWnUeMHlORZDT63Q3U7UEZwfuYXMj5XyZ36gi0vPOFGg9Q0tKo4z9MOJ53hrt9yLcW7V6K-ZjHN/s72-c/7%20Jenis%20Infografis,%20Contoh,%20dan%20Cara%20Memilihnya.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-71841652898717702</guid><pubDate>Tue, 20 Oct 2026 12:26:18 +0000</pubDate><atom:updated>2026-10-20T20:26:18.165+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Perbedaan Infografis dan Poster: Fungsi hingga Contoh</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgdMk_2IBAX1YwFXHaNaREdp4hz5rfrkQuZSML-j2hx8mCnUise7OkRJixSS9y4OT6mDRNLEK5n138ACAVMQFTBK-degA8029DE3lYkkMpDqnNhV2qN5ZqyF0LNuB4yLO_pqVBwgcupaIq4GYuY3y-Z15udP01PvQ6bDWWTK8nE0QLyUCM0NAkhPPI94ZD/s1200/Perbedaan%20Infografis%20dan%20Poster_%20Fungsi%20hingga%20Contoh.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Perbedaan Infografis dan Poster: Fungsi hingga Contoh&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgdMk_2IBAX1YwFXHaNaREdp4hz5rfrkQuZSML-j2hx8mCnUise7OkRJixSS9y4OT6mDRNLEK5n138ACAVMQFTBK-degA8029DE3lYkkMpDqnNhV2qN5ZqyF0LNuB4yLO_pqVBwgcupaIq4GYuY3y-Z15udP01PvQ6bDWWTK8nE0QLyUCM0NAkhPPI94ZD/s1600/Perbedaan%20Infografis%20dan%20Poster_%20Fungsi%20hingga%20Contoh.webp&quot; title=&quot;Perbedaan Infografis dan Poster: Fungsi hingga Contoh&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Perbedaan infografis dan poster terletak pada cara menyampaikan pesan. Infografis menata informasi, data, atau proses menjadi visual yang membantu pembaca memahami hubungan antarbagiannya. Poster mengutamakan penyampaian pesan utama melalui komposisi yang menarik perhatian. Keduanya dapat digunakan untuk edukasi maupun promosi, bahkan digabungkan dalam satu desain sesuai kebutuhan komunikasi.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Perbedaan Infografis dan Poster?&lt;/h2&gt;&lt;p&gt;Bayangkan kamu diminta membuat materi kampanye hemat air. Kamu bisa mengajak orang menutup keran melalui satu kalimat besar. Kamu juga bisa menjelaskan bagian rumah yang perlu diperiksa dan tindakan penghematan di setiap bagian. Tema keduanya sama, tetapi kebutuhan informasinya berbeda.&lt;/p&gt;&lt;p&gt;Tabel berikut merangkum kecenderungan penggunaannya. Anggap sebagai panduan awal, sebab poster ilmiah, poster edukasi, dan desain gabungan dapat memiliki karakter yang lebih beragam.&lt;/p&gt;&lt;p&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Aspek&lt;/th&gt;
&lt;th&gt;Infografis&lt;/th&gt;
&lt;th&gt;Poster&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;Fokus&lt;/td&gt;
&lt;td&gt;Membantu memahami informasi dan hubungannya&lt;/td&gt;
&lt;td&gt;Menonjolkan pesan utama agar mudah ditangkap&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Isi&lt;/td&gt;
&lt;td&gt;Data, tahapan, kategori, perbandingan, atau penjelasan&lt;/td&gt;
&lt;td&gt;Pengumuman, ajakan, informasi, edukasi, atau ekspresi visual&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Susunan&lt;/td&gt;
&lt;td&gt;Mengikuti logika informasi&lt;/td&gt;
&lt;td&gt;Mengikuti prioritas pesan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Visual&lt;/td&gt;
&lt;td&gt;Diagram, ikon, peta, ilustrasi, atau grafik&lt;/td&gt;
&lt;td&gt;Tipografi, foto, ilustrasi, dan elemen pendukung&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Cara membaca&lt;/td&gt;
&lt;td&gt;Mengikuti hubungan atau urutan antarelemen&lt;/td&gt;
&lt;td&gt;Menangkap fokus utama, kemudian detail&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Bentuk&lt;/td&gt;
&lt;td&gt;Dapat berupa satu bidang atau beberapa panel&lt;/td&gt;
&lt;td&gt;Umumnya satu bidang, untuk cetak maupun digital&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Pembedanya bukan sekadar ukuran atau jumlah tulisan. Desain panjang belum tentu infografis, dan poster tidak harus berisi promosi. Untuk menilainya, perhatikan pekerjaan yang dilakukan visual: apakah menjelaskan hubungan informasi, menonjolkan pesan, atau menjalankan keduanya?&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis dan Bagaimana Ciri-Cirinya?&lt;/h2&gt;&lt;p&gt;Infografis adalah penyajian informasi melalui perpaduan teks dan elemen visual yang disusun agar suatu topik lebih mudah dipahami. Materinya dapat berupa angka, konsep, urutan kegiatan, atau perbandingan. Adobe Express menyediakan contoh penerapannya untuk memvisualkan konsep serta membagikannya melalui media digital dan cetak.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Misalnya, penjelasan alur pendaftaran kegiatan dapat dibuat menjadi lima tahap dengan nomor dan panah. Pembaca tidak hanya melihat gambar formulir, tetapi juga memahami apa yang harus dilakukan terlebih dahulu dan apa tahap berikutnya.&lt;/p&gt;&lt;p&gt;Beberapa ciri yang bisa kamu gunakan untuk mengenalinya:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Topiknya terarah.&lt;/strong&gt; Informasi dipilih untuk menjawab satu kebutuhan yang jelas.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Ada hubungan antarelemen.&lt;/strong&gt; Bentuknya bisa berupa urutan, kategori, pola, atau perbandingan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Visual ikut menjelaskan.&lt;/strong&gt; Diagram dan ilustrasi membantu menyampaikan makna.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Teksnya mendukung visual.&lt;/strong&gt; Label dan keterangan memberi konteks yang dibutuhkan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Data dapat ditelusuri.&lt;/strong&gt; Jika memakai angka atau temuan, sumber dan konteksnya perlu jelas.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Infografis tidak wajib mempunyai grafik batang atau persentase. Penjelasan proses membuat kompos, misalnya, bisa disusun sebagai tahapan bergambar tanpa statistik. Pilihan visual sebaiknya mengikuti jenis informasi yang ingin dijelaskan.&lt;/p&gt;&lt;p&gt;Canva menekankan pengorganisasian informasi, keseimbangan teks dan ilustrasi, serta alur visual dalam infografis. Sebagai pemeriksaan awal, coba hilangkan sebagian dekorasinya. Jika urutan atau hubungan informasi tetap terbaca, struktur dasarnya sudah lebih mudah dikenali.&lt;/p&gt;&lt;h2&gt;Apa Itu Poster dan Bagaimana Ciri-Cirinya?&lt;/h2&gt;&lt;p&gt;Poster adalah media komunikasi visual yang menyusun tulisan dan elemen grafis dalam satu bidang untuk menyampaikan pesan kepada audiens. Menurut panduan Adobe, desain poster mencakup penataan headline, gambar, warna, tipografi, dan informasi pendukung agar pesan cepat dipahami.&lt;/p&gt;&lt;p&gt;Kamu bisa menemukannya pada pengumuman acara, kampanye lingkungan, promosi produk, atau materi edukasi. Poster juga dapat mengandalkan tipografi tanpa foto. Keberadaan gambar besar bukan syarat yang menentukan apakah suatu desain termasuk poster.&lt;/p&gt;&lt;p&gt;Karakter yang biasanya mudah dikenali antara lain:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Pesan utama menonjol&lt;/strong&gt;, misalnya nama acara atau ajakan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Urutan informasi jelas&lt;/strong&gt;, sehingga pembaca menemukan detail penting setelah melihat judul.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tulisan terbaca&lt;/strong&gt; pada ukuran dan jarak penggunaan yang direncanakan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Elemen pendukung relevan&lt;/strong&gt;, baik berupa foto, ilustrasi, maupun bentuk.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Respons yang diharapkan terarah&lt;/strong&gt;, seperti mengingat informasi atau mengikuti kegiatan.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Kalau ingin memahami jenis dan fungsinya lebih jauh, pembahasan &lt;a href=&quot;https://www.fikalmyid.com/2025/02/pengertian-poster-fungsi-ciri-ciri-dan.html&quot;&gt;pengertian poster dan ciri-cirinya&lt;/a&gt; dapat membantu kamu mengenali variasi penggunaannya sebelum menentukan konsep desain.&lt;/p&gt;&lt;p&gt;Perhatikan juga konteksnya. Poster penelitian bisa membawa informasi lebih padat daripada poster konser. Karena itu, aturan seperti “poster harus sangat sedikit tulisan” sebaiknya diperlakukan sebagai pertimbangan desain sesuai kebutuhan, bukan definisi mutlak.&lt;/p&gt;&lt;h2&gt;Perbedaan Infografis dan Poster Berdasarkan Tujuan, Isi, dan Desain&lt;/h2&gt;&lt;h3&gt;Tujuan komunikasi dan respons pembaca&lt;/h3&gt;&lt;p&gt;Saat membuat infografis, kamu dapat memulai dari pertanyaan: “Apa yang perlu dipahami pembaca?” Contohnya, bagaimana alur pendaftaran, apa perbedaan dua pilihan, atau bagaimana suatu kondisi berubah.&lt;/p&gt;&lt;p&gt;Untuk poster kampanye atau acara, pertanyaannya bisa berupa: “Pesan apa yang perlu segera tertangkap?” Contohnya, ajakan membawa botol minum sendiri atau informasi bahwa pendaftaran seminar sudah dibuka.&lt;/p&gt;&lt;p&gt;Kedua tujuan tersebut dapat bertemu. Infografis boleh mengajak orang bertindak, sementara poster bisa memberi penjelasan. Perbandingan ini membantu menetapkan prioritas, bukan membatasi fungsi masing-masing secara kaku.&lt;/p&gt;&lt;h3&gt;Isi dan hubungan antarinformasi&lt;/h3&gt;&lt;p&gt;Pada infografis, hubungan informasi menjadi bagian penting dari isi. Panah menunjukkan perpindahan tahap, dua kolom membantu membandingkan pilihan, dan garis waktu menunjukkan urutan kejadian. Mengubah susunan tanpa memahami hubungan tersebut dapat mengubah maknanya.&lt;/p&gt;&lt;p&gt;Pada poster acara, informasi biasanya dipilih berdasarkan kebutuhan kehadiran: nama kegiatan, jadwal, tempat, dan cara mendaftar. Setiap detail mendukung satu pesan utama. Menambahkan banyak penjelasan yang tidak membantu keputusan pembaca justru membuat fokusnya sulit ditemukan.&lt;/p&gt;&lt;p&gt;Untuk latihan, tulis semua informasi di kertas. Tandai mana yang berupa hubungan atau tahapan, lalu tandai mana yang berupa pesan inti dan detail pendukung. Pemisahan sederhana ini membantu menentukan struktur sebelum memilih template.&lt;/p&gt;&lt;h3&gt;Desain dan cara membaca&lt;/h3&gt;&lt;p&gt;Hierarki visual mengatur elemen berdasarkan tingkat kepentingannya agar mata mengikuti urutan yang direncanakan. Nielsen Norman Group menjelaskan peran kontras, skala, dan pengelompokan dalam membangun hierarki tersebut.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Dalam infografis proses, kamu bisa menonjolkan judul, nomor tahap, lalu penjelasan. Dalam poster acara, prioritasnya bisa berupa nama kegiatan, tanggal, lalu informasi pendaftaran. Susunan ini merupakan contoh penerapan, bukan satu-satunya pola yang benar.&lt;/p&gt;&lt;p&gt;Tipografi, warna, dan komposisi sebaiknya mendukung urutan tersebut. Gunakan perbedaan ukuran huruf untuk membedakan judul dan isi. Sisakan jarak antarkelompok, serta tambahkan label agar makna tidak hanya bergantung pada warna.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Orientasi kanvas juga tidak menentukan kategorinya. Pilih bidang vertikal, horizontal, atau persegi berdasarkan materi dan tempat tampilnya. Jangan memanjangkan desain hanya supaya tampak seperti infografis.&lt;/p&gt;&lt;h2&gt;Contoh Infografis dan Poster dengan Tema yang Sama&lt;/h2&gt;&lt;p&gt;Gunakan tema &lt;strong&gt;penghematan air di rumah&lt;/strong&gt;. Dua rancangan berikut merupakan ilustrasi untuk latihan, bukan laporan hasil kampanye atau penelitian.&lt;/p&gt;&lt;h3&gt;Rancangan infografis penghematan air&lt;/h3&gt;&lt;p&gt;Judulnya bisa berupa &lt;strong&gt;“Periksa Penggunaan Air di Tiga Area Rumah”&lt;/strong&gt;. Bagi bidang desain menjadi tiga kelompok:&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Kamar mandi:&lt;/strong&gt; periksa keran dan tutup aliran ketika tidak diperlukan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Dapur:&lt;/strong&gt; kelompokkan peralatan sebelum mencuci dan atur penggunaan air sesuai kebutuhan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Halaman:&lt;/strong&gt; perhatikan kebutuhan penyiraman dan hindari membiarkan selang mengalir tanpa digunakan.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Gunakan ilustrasi rumah agar pembaca mengenali lokasi setiap tindakan. Tambahkan ikon keran dan keterangan singkat di masing-masing area. Nilai informasinya terletak pada hubungan antara lokasi, kebiasaan, dan tindakan yang dapat diperiksa.&lt;/p&gt;&lt;p&gt;Tidak perlu menambahkan klaim penghematan sekian liter jika kamu belum memiliki sumber yang sesuai. Untuk variasi struktur lain, kumpulan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/15-contoh-infografis-simple-dan-mudah.html&quot;&gt;contoh infografis simple&lt;/a&gt; dapat menjadi referensi bentuk proses, timeline, dan perbandingan.&lt;/p&gt;&lt;h3&gt;Rancangan poster penghematan air&lt;/h3&gt;&lt;p&gt;Untuk poster, kamu bisa memilih judul &lt;strong&gt;“Selesai Pakai? Tutup Kerannya.”&lt;/strong&gt; Gunakan satu ilustrasi keran sebagai fokus, kemudian tambahkan kalimat pendukung: “Periksa kembali sebelum meninggalkan wastafel.”&lt;/p&gt;&lt;p&gt;Jika ditempel di dekat wastafel, pesan dan penempatannya saling mendukung. Pembaca tidak perlu mempelajari seluruh kebiasaan penggunaan air untuk memahami tindakan yang diminta. Kamu cukup memastikan judul terbaca dan ilustrasinya tidak mengganggu pesan.&lt;/p&gt;&lt;p&gt;Bandingkan dua rancangan tadi dengan menanyakan apa yang dibawa pulang pembaca. Pada infografis, mereka mendapat beberapa tindakan berdasarkan area rumah. Pada poster, mereka mendapat satu pengingat yang langsung berkaitan dengan situasinya.&lt;/p&gt;&lt;p&gt;Kamu juga bisa menggabungkannya: tempatkan ajakan sebagai headline poster, lalu tambahkan tiga langkah bergambar di bawahnya. Sebut sebagai poster dengan unsur infografis bila perlu; yang utama adalah kejelasan fungsi setiap bagian.&lt;/p&gt;&lt;h2&gt;Kapan Sebaiknya Menggunakan Infografis atau Poster?&lt;/h2&gt;&lt;p&gt;Gunakan infografis ketika pembaca perlu memahami tahapan, membandingkan pilihan, melihat kategori, atau membaca ringkasan data. Gunakan poster ketika kebutuhan utamanya adalah menangkap pengumuman, ajakan, atau pesan yang diprioritaskan.&lt;/p&gt;&lt;p&gt;Sebagai contoh, promosi seminar dapat memakai poster berisi topik, jadwal, dan pendaftaran. Penjelasan alur mengikuti seminar dapat memakai infografis proses. Satu kegiatan bisa membutuhkan keduanya pada tahap komunikasi yang berbeda.&lt;/p&gt;&lt;p&gt;Untuk tugas sekolah atau lomba, baca ketentuan terlebih dahulu. Jika penyelenggara menentukan ukuran, sumber data, atau unsur wajib, ikuti ketentuan tersebut. Jangan mengganti format hanya karena template lain terlihat lebih menarik.&lt;/p&gt;&lt;h3&gt;Langkah singkat sebelum mulai mendesain&lt;/h3&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Tulis tujuan satu kalimat.&lt;/strong&gt; Tentukan apa yang perlu dipahami atau dilakukan pembaca.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Pilih informasi inti.&lt;/strong&gt; Pisahkan pesan utama, penjelasan, dan sumber.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Buat sketsa.&lt;/strong&gt; Tentukan fokus serta urutan membaca sebelum menambahkan dekorasi.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Susun di alat desain.&lt;/strong&gt; Canva atau Adobe Express dapat digunakan untuk mengolah template infografis.&amp;nbsp;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Periksa hasil pada media tujuan.&lt;/strong&gt; Lihat keterbacaan di ponsel atau lakukan uji cetak jika desain akan dicetak.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk mulai menyusun alur informasi dari template, kamu bisa mengikuti panduan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/infografis-canva-ukuran-template-dan.html&quot;&gt;cara membuat infografis di Canva&lt;/a&gt;. Sesuaikan strukturnya dengan materi yang kamu punya, bukan mengisi setiap elemen template secara terpaksa.&lt;/p&gt;&lt;p&gt;Saat mengekspor, sesuaikan format file dengan kanal tujuan dan permintaan penerima. Ukuran kanvas, kualitas aset, serta keterbacaan tetap perlu diperiksa. Nama format file saja tidak menentukan kualitas komunikasi sebuah desain.&lt;/p&gt;&lt;h2&gt;Kesimpulan&lt;/h2&gt;&lt;p&gt;Untuk menerapkan perbedaan infografis dan poster, mulai dari kebutuhan pembaca sebelum membuka aplikasi. Tulis pesanmu, lalu periksa apakah pembaca perlu melihat hubungan informasi atau cukup menangkap satu pesan yang diprioritaskan.&lt;/p&gt;&lt;p&gt;Coba buat dua sketsa kecil dari materi yang sama. Pilih rancangan yang paling membantu tujuan komunikasimu. Jika tujuan membutuhkan ajakan sekaligus penjelasan, gabungkan keduanya dengan hierarki yang jelas dan informasi yang dapat dipertanggungjawabkan.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/perbedaan-infografis-dan-poster-fungsi.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgdMk_2IBAX1YwFXHaNaREdp4hz5rfrkQuZSML-j2hx8mCnUise7OkRJixSS9y4OT6mDRNLEK5n138ACAVMQFTBK-degA8029DE3lYkkMpDqnNhV2qN5ZqyF0LNuB4yLO_pqVBwgcupaIq4GYuY3y-Z15udP01PvQ6bDWWTK8nE0QLyUCM0NAkhPPI94ZD/s72-c/Perbedaan%20Infografis%20dan%20Poster_%20Fungsi%20hingga%20Contoh.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-7403623588658238410</guid><pubDate>Sun, 18 Oct 2026 05:05:26 +0000</pubDate><atom:updated>2026-10-18T13:15:59.466+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Brand Visual Identity: Pengertian, Elemen, dan Contoh</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_k717C7zyv6XPjqFRmzJGvpvXzVnztmCJ6qmfASk0ZKs-x6Y2q6MHH5I597IkAt8XfsOfVvtykGZTSOAfWN2Z2RUNkqB5vdwraopnDkGHjQ_-sciWA_uD9e_cQ3x_iewLZe6G2fbc7X_0hKK7iVom3rvkyQONDcAyChmuDRCCj94aIrsM9zfKDlMPnpiz/s1200/Brand%20Visual%20Identity_%20Pengertian,%20Elemen,%20dan%20Contoh.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Brand Visual Identity: Pengertian, Elemen, dan Contoh&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_k717C7zyv6XPjqFRmzJGvpvXzVnztmCJ6qmfASk0ZKs-x6Y2q6MHH5I597IkAt8XfsOfVvtykGZTSOAfWN2Z2RUNkqB5vdwraopnDkGHjQ_-sciWA_uD9e_cQ3x_iewLZe6G2fbc7X_0hKK7iVom3rvkyQONDcAyChmuDRCCj94aIrsM9zfKDlMPnpiz/s1600/Brand%20Visual%20Identity_%20Pengertian,%20Elemen,%20dan%20Contoh.webp&quot; title=&quot;Brand Visual Identity: Pengertian, Elemen, dan Contoh&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Brand visual identity adalah sistem elemen visual yang membuat sebuah brand mudah dikenali, mulai dari logo, warna, tipografi, foto, ilustrasi, ikon, hingga gaya layout. Identitas visual bukan sekadar membuat desain terlihat menarik. Semua elemen tersebut perlu bekerja sebagai satu kesatuan agar tampilan brand konsisten di berbagai media.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Brand Visual Identity?&lt;/h2&gt;&lt;p&gt;Brand visual identity atau identitas visual brand adalah cara sebuah brand menampilkan dirinya melalui elemen yang bisa dilihat. Saat kamu melihat warna, bentuk logo, pilihan font, ilustrasi, atau gaya foto tertentu lalu langsung teringat pada sebuah brand, identitas visual sedang bekerja.&lt;/p&gt;&lt;p&gt;Visual identity tidak sama dengan logo. Logo memang menjadi salah satu bagian paling mudah dikenali, tetapi sebuah brand masih membutuhkan warna, tipografi, komposisi, ikon, foto, dan aturan visual lainnya agar semua materi komunikasinya terasa berasal dari sumber yang sama.&lt;/p&gt;&lt;p&gt;Frontify mendefinisikan visual identity sebagai kumpulan elemen seperti logo, warna, font, gambar, ikon, dan ilustrasi yang mengomunikasikan kepribadian serta nilai sebuah brand. Sistem tersebut juga membutuhkan dokumentasi agar penerapannya konsisten di berbagai channel.&lt;/p&gt;&lt;p&gt;Bayangkan sebuah kedai kopi menggunakan logo berwarna hijau tua pada papan toko. Namun, feed Instagram-nya memakai neon pink, kemasannya menggunakan font futuristik, sementara menu menggunakan ilustrasi kartun yang sama sekali berbeda. Masing-masing desain mungkin bagus jika berdiri sendiri, tetapi secara keseluruhan brand akan terasa tidak memiliki karakter yang jelas.&lt;/p&gt;&lt;p&gt;Karena itulah visual identity sebaiknya dipandang sebagai sistem, bukan kumpulan desain terpisah.&lt;/p&gt;&lt;h2&gt;Mengapa Brand Visual Identity Penting untuk Sebuah Brand?&lt;/h2&gt;&lt;p&gt;Manusia banyak berinteraksi dengan brand melalui tampilan visual. Logo muncul di kemasan, warna terlihat di media sosial, tipografi digunakan pada website, sedangkan gaya foto dapat muncul berulang di iklan.&lt;/p&gt;&lt;p&gt;Konsistensi membuat berbagai titik kontak tersebut terasa saling berhubungan. Ketika seseorang berpindah dari Instagram ke website atau melihat kemasan produk, ia tetap mendapatkan “rasa” visual yang serupa.&lt;/p&gt;&lt;p&gt;Brand visual identity juga membantu diferensiasi. Dua bisnis dapat menjual produk sejenis, tetapi memiliki karakter visual yang sangat berbeda. Satu kedai kopi bisa tampil hangat dengan warna earthy dan ilustrasi handmade, sedangkan kedai lainnya menggunakan warna monokrom serta tipografi geometris untuk membangun kesan modern.&lt;/p&gt;&lt;p&gt;Canva menjelaskan bahwa brand identity meliputi unsur visual dan simbolis seperti nama, logo, warna, tipografi, dan elemen desain yang bersama-sama membentuk citra brand yang dapat dikenali.&lt;/p&gt;&lt;p&gt;Secara praktis, identitas visual yang jelas membantu:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;membuat materi desain terasa konsisten;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;mempercepat proses pembuatan konten;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;membantu audiens mengenali brand;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;memberikan arahan bagi desainer atau tim konten;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;mencegah penggunaan warna, font, dan logo secara sembarangan.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Tujuannya bukan membuat setiap desain terlihat persis sama. Yang dibutuhkan adalah kesamaan karakter.&lt;/p&gt;&lt;h2&gt;Perbedaan Brand Visual Identity, Brand Identity, dan Visual Branding&lt;/h2&gt;&lt;p&gt;Ketiga istilah ini sering digunakan dalam pembahasan branding, tetapi fokusnya berbeda.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0nulTaTn_WqwaVYCUhwW6Ek66xheRoQpPH5GJPVTaYsfYhYbUsB3i52zxhah3PBX9Xp9GbztemdkApoRZ3F0QwuMjY7cSc8A9f9PZOipL8nJBtt86KcXkHDF4e0FqTckVT31jdib49oIAdfgH3StkQxz2YyIBn6B_lJWJnX4sPiyr2q4mEic96rhRUL2n/s1200/Perbedaan%20Brand%20Visual%20Identity,%20Brand%20Identity,%20dan%20Visual%20Branding.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Perbedaan Brand Visual Identity, Brand Identity, dan Visual Branding&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0nulTaTn_WqwaVYCUhwW6Ek66xheRoQpPH5GJPVTaYsfYhYbUsB3i52zxhah3PBX9Xp9GbztemdkApoRZ3F0QwuMjY7cSc8A9f9PZOipL8nJBtt86KcXkHDF4e0FqTckVT31jdib49oIAdfgH3StkQxz2YyIBn6B_lJWJnX4sPiyr2q4mEic96rhRUL2n/s1600/Perbedaan%20Brand%20Visual%20Identity,%20Brand%20Identity,%20dan%20Visual%20Branding.webp&quot; title=&quot;Perbedaan Brand Visual Identity, Brand Identity, dan Visual Branding&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Brand visual identity&lt;/strong&gt; berfokus pada apa yang dapat dilihat. Frontify membedakan visual identity dari brand identity dengan menjelaskan bahwa brand identity lebih luas karena juga mencakup bagaimana sebuah brand terdengar dan terasa, termasuk nilai, pesan, serta brand voice.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Brand identity&lt;/strong&gt; adalah payung yang lebih besar. Selain tampilan visual, di dalamnya terdapat personality, nilai, tone of voice, positioning, dan cara brand berkomunikasi.&lt;/p&gt;&lt;p&gt;Sementara itu, &lt;strong&gt;visual branding&lt;/strong&gt; lebih mudah dipahami sebagai proses menggunakan sistem visual tersebut pada berbagai media untuk membangun persepsi brand. Istilah ini dapat digunakan secara agak berbeda oleh praktisi, sehingga konteks penggunaannya perlu diperhatikan.&lt;/p&gt;&lt;p&gt;Contohnya, pemilihan warna biru dan font sans serif termasuk pengembangan visual identity. Ketika sistem tersebut diterapkan pada billboard, Instagram, kemasan, banner website, atau presentasi, kita sedang melihat implementasi visual branding.&lt;/p&gt;&lt;h2&gt;Elemen Utama dalam Brand Visual Identity&lt;/h2&gt;&lt;p&gt;Visual identity yang kuat biasanya terbentuk dari beberapa elemen yang digunakan sebagai satu sistem.&lt;/p&gt;&lt;h3&gt;Logo&lt;/h3&gt;&lt;p&gt;Logo adalah tanda pengenal utama. Sebaiknya brand memiliki versi logo yang dapat digunakan pada berbagai kondisi, misalnya versi horizontal, vertikal, simbol, monokrom, atau reversed.&lt;/p&gt;&lt;p&gt;Logo juga membutuhkan aturan minimum size dan clear space agar tetap terbaca.&lt;/p&gt;&lt;h3&gt;Warna&lt;/h3&gt;&lt;p&gt;Color palette menentukan kumpulan warna yang menjadi identitas brand. Biasanya ada primary color dan secondary color, lalu dapat ditambahkan warna pendukung jika memang dibutuhkan.&lt;/p&gt;&lt;p&gt;Warna sebaiknya tidak dipilih karena “bagus” saja. Pertimbangkan juga kontras, keterbacaan, penggunaan digital, dan karakter yang ingin dibangun.&lt;/p&gt;&lt;h3&gt;Tipografi&lt;/h3&gt;&lt;p&gt;Tipografi mencakup pemilihan typeface, ukuran, berat huruf, hierarchy, dan cara teks digunakan.&lt;/p&gt;&lt;p&gt;Sebuah brand biasanya tidak membutuhkan terlalu banyak jenis font. Kamu bisa menentukan font utama untuk headline dan font pendamping untuk body text. Jika masih menentukan pilihan, daftar &lt;a href=&quot;https://www.fikalmyid.com/2025/03/7-font-terbaik-untuk-logo-brand-yang.html&quot;&gt;font untuk logo brand&lt;/a&gt; dapat membantu melihat karakter tipografi yang cocok digunakan dalam konteks branding.&lt;/p&gt;&lt;p&gt;Canva juga menempatkan typography sebagai salah satu elemen penting identitas brand karena pilihan serta pengaturan huruf memengaruhi tampilan dan tone komunikasi.&lt;/p&gt;&lt;h3&gt;Imagery dan Fotografi&lt;/h3&gt;&lt;p&gt;Tentukan karakter foto yang digunakan. Apakah brand menggunakan foto terang dan natural, editorial, vintage, clean, atau memiliki treatment warna tertentu?&lt;/p&gt;&lt;p&gt;Aturan yang sama berlaku untuk ilustrasi. Jangan menggunakan ilustrasi flat pada satu desain, kemudian menggantinya dengan ilustrasi 3D realistis di desain berikutnya tanpa alasan yang jelas.&lt;/p&gt;&lt;h3&gt;Ikon dan Elemen Grafis&lt;/h3&gt;&lt;p&gt;Ikon, pattern, shape, garis, frame, atau elemen dekoratif dapat memperkuat karakter visual.&lt;/p&gt;&lt;p&gt;Brand yang konsisten biasanya menggunakan gaya ikon yang seragam. Misalnya semua menggunakan outline dengan ketebalan garis tertentu, bukan mencampurkan outline, filled icon, dan ilustrasi 3D secara acak.&lt;/p&gt;&lt;h3&gt;Layout dan Hierarki Visual&lt;/h3&gt;&lt;p&gt;Identitas visual juga terlihat melalui cara informasi disusun.&lt;/p&gt;&lt;p&gt;Penggunaan grid, spacing, ukuran headline, posisi logo, dan proporsi gambar dapat menjadi ciri khas. Dengan sistem layout yang jelas, bahkan materi yang dibuat oleh orang berbeda tetap bisa terlihat seperti berasal dari brand yang sama.&lt;/p&gt;&lt;h2&gt;Cara Membuat Brand Visual Identity yang Konsisten&lt;/h2&gt;&lt;p&gt;Membuat visual identity sebaiknya dimulai dari strategi, bukan langsung membuka aplikasi desain.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1. Tentukan karakter brand.&lt;/strong&gt;&lt;br /&gt;Tuliskan beberapa kata yang ingin mewakili brand, misalnya profesional, sederhana, energik, ramah, premium, atau playful. Kata tersebut akan menjadi filter saat menentukan elemen visual.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2. Kenali target audiens.&lt;/strong&gt;&lt;br /&gt;Desain untuk brand produk anak-anak tentu membutuhkan pendekatan berbeda dari firma konsultan bisnis. Pahami siapa yang akan melihat dan menggunakan produk tersebut.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3. Cari referensi tanpa menyalin.&lt;/strong&gt;&lt;br /&gt;Kumpulkan referensi warna, tipografi, fotografi, ilustrasi, layout, dan logo melalui moodboard. Tujuannya untuk menemukan arah visual, bukan menduplikasi identitas pesaing.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4. Tentukan sistem utama.&lt;/strong&gt;&lt;br /&gt;Pilih logo, color palette, typography, imagery, iconography, dan aturan komposisi yang saling mendukung.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5. Uji pada media nyata.&lt;/strong&gt;&lt;br /&gt;Jangan berhenti pada logo di artboard. Coba identitas visual pada feed Instagram, profile picture, website, kemasan, poster, kartu nama, atau materi yang memang digunakan brand.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;6. Dokumentasikan aturannya.&lt;/strong&gt;&lt;br /&gt;Setelah sistem stabil, dokumentasikan cara penggunaan setiap aset. Dokumentasi yang lebih teknis dapat disusun melalui &lt;a href=&quot;https://www.fikalmyid.com/2025/03/apa-itu-graphic-standard-manual.html&quot;&gt;Graphic Standard Manual&lt;/a&gt;, terutama jika kamu perlu menjelaskan aturan logo, warna, tipografi, grid, serta contoh penggunaan secara terstruktur.&lt;/p&gt;&lt;p&gt;Langkah terakhir sering dilewatkan. Padahal tanpa dokumentasi, orang yang membuat desain berikutnya hanya akan menebak-nebak.&lt;/p&gt;&lt;h2&gt;Contoh Brand Visual Identity yang Baik&lt;/h2&gt;&lt;p&gt;Contoh yang mudah diamati adalah Apple. Canva menyoroti konsistensi pengalaman visual Apple pada perangkat, iklan, website, toko, dan kemasannya. Pendekatan yang sederhana dan konsisten membuat berbagai touchpoint terasa berada dalam satu sistem.&lt;/p&gt;&lt;p&gt;Coca-Cola juga menjadi contoh karena penggunaan warna merah-putih serta bentuk logonya sangat konsisten dalam jangka panjang. Canva mencatat bahwa karakter visual tersebut menjadi salah satu elemen kuat dalam identitas Coca-Cola.&lt;/p&gt;&lt;p&gt;Namun kamu tidak membutuhkan skala perusahaan global untuk menerapkan prinsip yang sama.&lt;/p&gt;&lt;p&gt;Misalnya sebuah usaha dessert rumahan menentukan:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;warna utama cream dan cokelat;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;serif font untuk headline;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;sans serif sederhana untuk teks;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;foto produk dengan cahaya natural;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;ilustrasi garis tipis;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;layout dengan banyak ruang kosong.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Selanjutnya sistem yang sama digunakan pada packaging, Instagram Story, daftar harga, stiker, menu, dan kartu ucapan.&lt;/p&gt;&lt;p&gt;Inilah contoh sederhana visual identity yang bekerja. Bukan karena desainnya rumit, tetapi karena ada pola yang mudah dikenali dan bisa digunakan berulang.&lt;/p&gt;&lt;h2&gt;Cara Menjaga Konsistensi Brand Visual Identity&lt;/h2&gt;&lt;p&gt;Tantangan sebenarnya biasanya muncul setelah desain utama selesai. Semakin banyak orang yang mengerjakan konten, semakin besar kemungkinan elemen visual berubah.&lt;/p&gt;&lt;p&gt;Karena itu, buat &lt;a href=&quot;https://www.fikalmyid.com/2026/08/brand-guideline-pengertian-elemen-dan.html&quot;&gt;brand guideline&lt;/a&gt; yang menjelaskan elemen apa yang boleh digunakan, bagaimana cara menggunakannya, serta contoh penerapan yang benar dan salah.&lt;/p&gt;&lt;p&gt;Frontify juga menekankan pentingnya dokumentasi karena visual identity yang baik bukan hanya terdiri dari aset desain, melainkan aturan dan proses untuk memastikan penerapannya tetap konsisten.&lt;/p&gt;&lt;p&gt;Beberapa hal yang dapat dilakukan antara lain:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;simpan file logo resmi dalam folder khusus;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;catat kode warna RGB, HEX, CMYK, atau format lain sesuai kebutuhan;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;tentukan font dan hierarchy yang digunakan;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;buat template untuk konten yang sering diproduksi;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;siapkan library ikon dan elemen grafis;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;dokumentasikan contoh penggunaan logo yang salah;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;lakukan audit visual secara berkala.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Template sangat membantu untuk konten berulang seperti Instagram Post, Story, proposal, presentasi, atau banner.&lt;/p&gt;&lt;p&gt;Konsistensi bukan berarti identitas visual tidak boleh berkembang. Sistem dapat diperbarui ketika kebutuhan brand berubah, tetapi perubahan sebaiknya dilakukan secara terencana sehingga tidak membuat tampilan brand terasa acak.&lt;/p&gt;&lt;h2&gt;Kesalahan yang Harus Dihindari dalam Membuat Visual Identity&lt;/h2&gt;&lt;p&gt;Kesalahan pertama adalah &lt;strong&gt;menganggap logo sebagai seluruh identitas visual&lt;/strong&gt;. Logo yang bagus tetap akan kehilangan kekuatannya jika warna, font, foto, dan layout selalu berubah.&lt;/p&gt;&lt;p&gt;Kesalahan kedua adalah memakai terlalu banyak elemen. Banyak warna, banyak font, berbagai gaya ilustrasi, dan terlalu banyak efek dapat membuat komunikasi visual kehilangan fokus.&lt;/p&gt;&lt;p&gt;Ketiga, jangan sekadar mengikuti tren desain. Tren bisa menjadi inspirasi, tetapi identitas visual sebaiknya tetap berangkat dari karakter dan kebutuhan brand.&lt;/p&gt;&lt;p&gt;Keempat adalah melupakan keterbacaan. Font yang menarik belum tentu nyaman dibaca. Warna yang cantik di monitor belum tentu memiliki kontras yang baik ketika digunakan sebagai teks.&lt;/p&gt;&lt;p&gt;Kelima, hindari membuat aturan yang terlalu kaku. Visual identity perlu konsisten tetapi juga harus cukup fleksibel untuk diterapkan pada berbagai ukuran dan media.&lt;/p&gt;&lt;p&gt;Terakhir, jangan membuat desain hanya demi mesin pencari atau mengejar tren tanpa memberi nilai pada audiens. Prinsip serupa juga berlaku pada konten website. Google menganjurkan pembuatan konten yang benar-benar membantu pengguna dan memberikan informasi orisinal serta bermanfaat, bukan sekadar dibuat untuk menarik trafik pencarian.&lt;/p&gt;&lt;p&gt;Brand visual identity yang efektif pada akhirnya bukan yang paling ramai atau paling mengikuti tren. Sistem terbaik adalah yang mencerminkan karakter brand, mudah diterapkan, konsisten, dan cukup khas sehingga audiens dapat mengenalinya dari berbagai touchpoint.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/brand-visual-identity-pengertian-elemen.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_k717C7zyv6XPjqFRmzJGvpvXzVnztmCJ6qmfASk0ZKs-x6Y2q6MHH5I597IkAt8XfsOfVvtykGZTSOAfWN2Z2RUNkqB5vdwraopnDkGHjQ_-sciWA_uD9e_cQ3x_iewLZe6G2fbc7X_0hKK7iVom3rvkyQONDcAyChmuDRCCj94aIrsM9zfKDlMPnpiz/s72-c/Brand%20Visual%20Identity_%20Pengertian,%20Elemen,%20dan%20Contoh.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-6272074960778312305</guid><pubDate>Sat, 17 Oct 2026 02:25:48 +0000</pubDate><atom:updated>2026-10-17T10:25:48.976+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>Ukuran Feed Instagram 6 Kotak Terbaru di Canva</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXiTAk4vDkKZF7E1IhnYU2llHdATg4r2Wmsg_e9xLS2M-DhxvW-53oVHAOifBpgSp1hR9lNRETuSAzzEIq7y4SjDDvezZGfVvhJbh6_BCA9A2oudRU4KgSV2Oc3z1QerClxx7nRhQ_bnvnT_zctnUZ4314YUCb9ryxmXpCbBoV9qJwf9-0EyNa3miKeM4/s1200/Ukuran%20Feed%20Instagram%206%20Kotak%20Terbaru%20di%20Canva.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Feed Instagram 6 Kotak Terbaru di Canva&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXiTAk4vDkKZF7E1IhnYU2llHdATg4r2Wmsg_e9xLS2M-DhxvW-53oVHAOifBpgSp1hR9lNRETuSAzzEIq7y4SjDDvezZGfVvhJbh6_BCA9A2oudRU4KgSV2Oc3z1QerClxx7nRhQ_bnvnT_zctnUZ4314YUCb9ryxmXpCbBoV9qJwf9-0EyNa3miKeM4/s1600/Ukuran%20Feed%20Instagram%206%20Kotak%20Terbaru%20di%20Canva.webp&quot; title=&quot;Ukuran Feed Instagram 6 Kotak Terbaru di Canva&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p data-pm-slice=&quot;1 1 []&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Ukuran feed Instagram 6 kotak yang praktis untuk tampilan vertikal adalah 3240 × 2880 px, lalu dibagi menjadi enam gambar berukuran 1080 × 1440 px dengan rasio 3:4. Jika kamu menggunakan format 4:5 berukuran 1080 × 1350 px per posting, ukuran kanvas keseluruhannya adalah 3240 × 2700 px.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Berapa Ukuran Feed Instagram 6 Kotak?&lt;/h2&gt;&lt;p&gt;Feed Instagram 6 kotak biasanya dibuat dengan sistem grid &lt;strong&gt;3 kolom × 2 baris&lt;/strong&gt;. Satu desain besar dipotong menjadi enam gambar, kemudian masing-masing bagian diunggah sebagai postingan terpisah.&lt;/p&gt;&lt;p&gt;Dulu, tutorial puzzle Instagram hampir selalu memakai ukuran square 1080 × 1080 px. Namun, tampilan profil Instagram mulai berubah menjadi vertikal pada 2025. Instagram kemudian menambahkan dukungan foto 3:4 untuk single post dan carousel.&lt;/p&gt;&lt;p&gt;Karena itu, untuk desain baru pada 2026 kamu tidak harus terpaku pada ukuran 1:1.&lt;/p&gt;&lt;p&gt;Berikut perbandingannya:&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2PXWaTnjaI6Oc0eUsOjlQxtWMGYcPQP_T05nZJvcAmzFbsTZQ1rOWzWCxAKhuwWdNtmhXZPQN4GxkW1M5xN79mJmMJGCe2EcgYLiEbDGiVLxOXCz4R1xhu-tBeoZLeUyuIsEvbHUGdf-rZioBEn7YYPosBBWM7aTvXHWfdOFUZr64Bvya2izUQzPt9jdZ/s1200/Berapa%20Ukuran%20Feed%20Instagram%206%20Kotak.webp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Berapa Ukuran Feed Instagram 6 Kotak&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2PXWaTnjaI6Oc0eUsOjlQxtWMGYcPQP_T05nZJvcAmzFbsTZQ1rOWzWCxAKhuwWdNtmhXZPQN4GxkW1M5xN79mJmMJGCe2EcgYLiEbDGiVLxOXCz4R1xhu-tBeoZLeUyuIsEvbHUGdf-rZioBEn7YYPosBBWM7aTvXHWfdOFUZr64Bvya2izUQzPt9jdZ/s1600/Berapa%20Ukuran%20Feed%20Instagram%206%20Kotak.webp&quot; title=&quot;Berapa Ukuran Feed Instagram 6 Kotak&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;Format &lt;strong&gt;3:4&lt;/strong&gt; menjadi pilihan menarik untuk puzzle profil karena Instagram sudah mendukung foto dengan rasio tersebut secara native. Artinya, gambar 3:4 dapat ditampilkan sesuai komposisi aslinya pada posting foto yang didukung.&lt;/p&gt;&lt;p&gt;Sementara itu, ukuran &lt;strong&gt;1080 × 1350 px atau 4:5&lt;/strong&gt; masih banyak digunakan untuk posting vertikal. Canva juga mencantumkannya sebagai ukuran portrait Instagram yang direkomendasikan.&lt;/p&gt;&lt;p&gt;Kalau kamu mengikuti tutorial lama yang menggunakan 1080 × 1080 px, desain tersebut tetap dapat digunakan. Hanya saja, tampilan profil Instagram sekarang lebih berorientasi vertikal sehingga hasil visualnya dapat berbeda dari grid persegi Instagram versi lama.&lt;/p&gt;&lt;h2&gt;Ukuran Feed Instagram 6 Kotak di Canva&lt;/h2&gt;&lt;p&gt;Untuk membuatnya di Canva, kamu sebaiknya memulai dari satu kanvas besar, bukan membuat enam desain secara terpisah.&lt;/p&gt;&lt;p&gt;Jika memilih pendekatan &lt;strong&gt;3:4&lt;/strong&gt;, masukkan custom size:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Lebar: 3240 px&lt;/strong&gt;&lt;br /&gt;&lt;strong&gt;Tinggi: 2880 px&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Kanvas tersebut kemudian dibagi menjadi tiga bagian secara horizontal dan dua bagian secara vertikal. Setiap potongan akhirnya berukuran &lt;strong&gt;1080 × 1440 px&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Kalau kamu lebih nyaman menggunakan ukuran portrait 4:5 yang umum pada template Instagram Canva, gunakan:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Lebar: 3240 px&lt;/strong&gt;&lt;br /&gt;&lt;strong&gt;Tinggi: 2700 px&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Setiap bagiannya akan menjadi &lt;strong&gt;1080 × 1350 px&lt;/strong&gt;. Canva saat ini masih mencantumkan 1080 × 1350 px sebagai salah satu ukuran gambar Instagram portrait.&lt;/p&gt;&lt;p&gt;Jangan menyamakan ukuran feed dengan Story karena bentuk kanvasnya berbeda. Jika kamu juga mendesain konten vertikal layar penuh, panduan &lt;a href=&quot;https://www.fikalmyid.com/2026/10/ukuran-story-instagram-terbaru-2026.html&quot;&gt;Ukuran Story Instagram Terbaru&lt;/a&gt; bisa digunakan untuk membedakan ukuran feed dan Story.&lt;/p&gt;&lt;p&gt;Setelah kanvas dibuat, aktifkan ruler atau guides bila tersedia pada editor Canva yang kamu gunakan. Tujuannya agar titik potong setiap posting terlihat jelas selama proses desain.&lt;/p&gt;&lt;h2&gt;Cara Membuat Feed Instagram 6 Kotak di Canva&lt;/h2&gt;&lt;p&gt;Pertama, buka Canva dan pilih opsi membuat desain dengan ukuran khusus. Masukkan ukuran kanvas sesuai format yang kamu pilih, misalnya 3240 × 2880 px untuk pendekatan 3:4.&lt;/p&gt;&lt;p&gt;Selanjutnya, bayangkan kanvas sebagai enam area:&lt;/p&gt;&lt;pre&gt;&lt;code class=&quot;language-text&quot;&gt;[ 1 ] [ 2 ] [ 3 ]
[ 4 ] [ 5 ] [ 6 ]&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Buat garis bantu pada batas setiap 1080 px secara horizontal. Untuk desain 3:4, buat juga pembagian vertikal setelah 1440 px.&lt;/p&gt;&lt;p&gt;Prinsip dasarnya sama seperti menyusun beberapa kolom dan baris dalam sebuah desain. Kalau kamu masih bingung menentukan susunan objek, memahami &lt;a href=&quot;https://www.fikalmyid.com/2026/06/apa-itu-layout-dan-5-prinsip-dasarnya.html&quot;&gt;apa itu layout&lt;/a&gt; akan membantu kamu mengatur hubungan antara gambar, teks, ruang kosong, dan titik fokus.&lt;/p&gt;&lt;p&gt;Setelah grid siap, mulailah memasukkan foto, warna, ilustrasi, dan teks.&lt;/p&gt;&lt;p&gt;Jangan mendesain setiap kotak seperti enam poster yang berdiri sendiri jika tujuanmu memang membuat puzzle. Gunakan elemen yang melewati garis antar-kotak, misalnya background, bentuk geometris, atau foto.&lt;/p&gt;&lt;p&gt;Contohnya, sebuah objek lingkaran bisa berada setengah di kotak pertama dan setengah di kotak kedua. Ketika keenam posting terlihat bersamaan di profil, elemen tersebut akan menyatu.&lt;/p&gt;&lt;p&gt;Meski begitu, hindari menempatkan informasi utama tepat di garis pemisah. Nama brand, headline, harga, atau CTA sebaiknya berada cukup jauh dari titik sambungan.&lt;/p&gt;&lt;p&gt;Alasannya sederhana: tampilan crop Instagram dapat berubah dan pengguna juga dapat melihat posting secara individual. Sebuah desain sebaiknya tetap masuk akal meskipun satu kotaknya dibuka sendiri.&lt;/p&gt;&lt;h2&gt;Cara Memotong Desain Menjadi 6 Kotak&lt;/h2&gt;&lt;p&gt;Setelah desain selesai, tahap berikutnya adalah membaginya menjadi enam file dengan ukuran yang sama.&lt;/p&gt;&lt;p&gt;Untuk kanvas 3240 × 2880 px, pembagiannya adalah:&lt;/p&gt;&lt;pre&gt;&lt;code class=&quot;language-text&quot;&gt;Kotak 1 = 1080 × 1440 px
Kotak 2 = 1080 × 1440 px
Kotak 3 = 1080 × 1440 px
Kotak 4 = 1080 × 1440 px
Kotak 5 = 1080 × 1440 px
Kotak 6 = 1080 × 1440 px&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Kamu bisa memotong desain dengan aplikasi image splitter yang mendukung pembagian tiga kolom dan dua baris. Pilihan lainnya adalah membuat enam frame secara manual dan mengekspor setiap bagian.&lt;/p&gt;&lt;p&gt;Gunakan &lt;strong&gt;PNG&lt;/strong&gt; jika desain banyak berisi teks, ikon, ilustrasi, atau elemen grafis dengan tepi tajam. Format ini biasanya mempertahankan detail visual dengan baik.&lt;/p&gt;&lt;p&gt;JPG bisa digunakan jika desain didominasi foto dan kamu ingin ukuran file lebih ringan. Canva sendiri menyediakan pilihan ekspor PNG dan JPG pada desain yang relevan.&lt;/p&gt;&lt;p&gt;Sebelum memotong, periksa kembali apakah seluruh garis pembagi benar-benar tepat. Pergeseran beberapa pixel mungkin terlihat kecil pada satu posting, tetapi dapat membuat garis atau objek tidak menyambung ketika keenam gambar tampil bersama.&lt;/p&gt;&lt;p&gt;Beri nama file secara berurutan, misalnya:&lt;/p&gt;&lt;p&gt;&lt;code dir=&quot;ltr&quot;&gt;01-top-left&lt;/code&gt;&lt;br /&gt;&lt;code dir=&quot;ltr&quot;&gt;02-top-center&lt;/code&gt;&lt;br /&gt;&lt;code dir=&quot;ltr&quot;&gt;03-top-right&lt;/code&gt;&lt;br /&gt;&lt;code dir=&quot;ltr&quot;&gt;04-bottom-left&lt;/code&gt;&lt;br /&gt;&lt;code dir=&quot;ltr&quot;&gt;05-bottom-center&lt;/code&gt;&lt;br /&gt;&lt;code dir=&quot;ltr&quot;&gt;06-bottom-right&lt;/code&gt;&lt;/p&gt;&lt;p&gt;Nama tersebut akan memudahkan kamu menentukan urutan upload.&lt;/p&gt;&lt;h2&gt;Urutan Upload Feed Instagram 6 Kotak Agar Tidak Terbalik&lt;/h2&gt;&lt;p&gt;Kesalahan paling umum saat membuat puzzle Instagram adalah mengunggah gambar mulai dari kotak pertama.&lt;/p&gt;&lt;p&gt;Profil Instagram menampilkan posting terbaru lebih dahulu. Karena itu, susunan upload perlu dibalik agar hasil akhirnya sesuai dengan desain.&lt;/p&gt;&lt;p&gt;Misalkan susunan akhirnya adalah:&lt;/p&gt;&lt;pre&gt;&lt;code class=&quot;language-text&quot;&gt;[ 1 ] [ 2 ] [ 3 ]
[ 4 ] [ 5 ] [ 6 ]&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Maka upload satu per satu dengan urutan:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;6 → 5 → 4 → 3 → 2 → 1&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Artinya, mulai dari &lt;strong&gt;kotak kanan bawah&lt;/strong&gt;, lalu bergerak ke kiri. Setelah itu lanjutkan baris atas dari kanan menuju kiri.&lt;/p&gt;&lt;p&gt;Setelah keenamnya selesai diunggah, posting nomor 1 menjadi yang terbaru sehingga muncul di posisi kiri atas, sedangkan nomor 6 berada di kanan bawah.&lt;/p&gt;&lt;p&gt;Sebelum melakukan semuanya pada akun utama, ada baiknya menyimpan keenam file dalam album terpisah dan memastikan urutannya sudah benar.&lt;/p&gt;&lt;p&gt;Perhatikan juga bahwa menambahkan posting baru setelah puzzle selesai akan menggeser posisi semua gambar. Jadi puzzle feed bukan struktur permanen. Begitu ada posting baru, komposisinya akan berpindah.&lt;/p&gt;&lt;p&gt;Karena alasan itu, teknik enam kotak lebih cocok untuk campaign tertentu, peluncuran brand, pengenalan produk, portofolio visual, atau tampilan profil pada periode tertentu.&lt;/p&gt;&lt;p data-pm-slice=&quot;1 1 []&quot;&gt;Grid enam kotak dan carousel sebenarnya mempunyai tujuan berbeda.&lt;/p&gt;&lt;p&gt;Feed enam kotak berfokus pada &lt;strong&gt;tampilan profil secara keseluruhan&lt;/strong&gt;. Ketika seseorang membuka profilmu, keenam posting menciptakan satu visual besar yang dapat memberikan kesan kuat.&lt;/p&gt;&lt;p&gt;Kekurangannya, pengguna yang melihat salah satu posting di beranda mungkin hanya melihat sebagian dari desain besar tersebut. Grid juga akan bergeser ketika posting baru ditambahkan.&lt;/p&gt;&lt;p&gt;Carousel bekerja sebaliknya. Semua slide tetap berada dalam satu posting sehingga urutannya tidak berubah akibat posting baru.&lt;/p&gt;&lt;p&gt;Karena itu, carousel lebih cocok untuk:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;tutorial;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;edukasi;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;storytelling;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;portofolio;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;before-after;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;daftar produk;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;konten langkah demi langkah.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Jika fokus utama kamu adalah menyampaikan informasi yang dibaca berurutan, panduan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/ukuran-carousel-instagram.html&quot;&gt;ukuran carousel Instagram&lt;/a&gt; lebih relevan daripada membuat enam posting terpisah.&lt;/p&gt;&lt;p&gt;Sementara itu, pilih puzzle enam kotak jika tujuan utamanya adalah menciptakan efek visual saat pengguna membuka profil.&lt;/p&gt;&lt;p&gt;Kamu juga bisa menggabungkan keduanya. Misalnya, grid enam kotak digunakan untuk campaign utama, sedangkan setiap posting mempunyai carousel berisi informasi pendukung. Namun, konsep seperti ini perlu direncanakan dengan baik agar profil tidak terlihat terlalu ramai.&lt;/p&gt;&lt;h2&gt;Tips Membuat Feed Instagram 6 Kotak yang Rapi dan Menarik&lt;/h2&gt;&lt;p&gt;Pertama, gunakan satu sistem warna yang konsisten. Dua atau tiga warna utama biasanya lebih mudah dikendalikan dibanding memasukkan banyak warna tanpa fungsi yang jelas.&lt;/p&gt;&lt;p&gt;Kedua, jaga sambungan antar-kotak. Background, foto, garis, dan bentuk boleh melintasi beberapa posting, tetapi teks penting sebaiknya tidak dipotong di tengah.&lt;/p&gt;&lt;p&gt;Ketiga, berikan ruang kosong. Puzzle feed tidak harus memenuhi setiap sudut dengan elemen. Ruang kosong justru membantu mata memahami kelompok informasi.&lt;/p&gt;&lt;p&gt;Keempat, tentukan titik fokus. Pengunjung seharusnya bisa langsung mengenali bagian yang paling penting saat melihat keseluruhan grid.&lt;/p&gt;&lt;p&gt;Prinsip &lt;a href=&quot;https://www.fikalmyid.com/2026/09/hierarki-visual.html&quot;&gt;hierarki visual&lt;/a&gt; bisa membantu menentukan elemen mana yang harus paling besar, paling kontras, atau ditempatkan lebih dominan.&lt;/p&gt;&lt;p&gt;Kelima, jangan memakai terlalu banyak jenis font. Untuk desain sederhana, satu keluarga font dengan beberapa ketebalan sering kali sudah cukup. Alternatifnya, kombinasikan maksimal dua font yang mempunyai karakter berbeda tetapi tetap harmonis.&lt;/p&gt;&lt;p&gt;Keenam, cek setiap potongan secara individual. Kotak yang bagus saat dilihat dalam puzzle belum tentu bagus saat muncul sendiri di feed pengguna.&lt;/p&gt;&lt;p&gt;Ketujuh, buat area aman untuk informasi utama. Perubahan tampilan grid profil Instagram menunjukkan bahwa platform dapat mengubah cara thumbnail ditampilkan dari waktu ke waktu. Pada 2025 misalnya, Instagram mengganti grid profil berbentuk square menjadi tampilan vertikal.&lt;/p&gt;&lt;p&gt;Karena itu, jangan membuat desain yang hanya bisa berfungsi jika cropping selalu identik.&lt;/p&gt;&lt;p&gt;Terakhir, preview keseluruhan grid sebelum upload. Periksa ejaan, posisi gambar, urutan file, sambungan background, dan kualitas ekspor.&lt;/p&gt;&lt;p&gt;Ukuran feed Instagram 6 kotak hanyalah fondasi teknis. Hasil akhirnya tetap bergantung pada komposisi, konsistensi visual, dan kemampuan setiap bagian untuk terlihat baik sebagai posting mandiri maupun sebagai satu kesatuan di profil.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/ukuran-feed-instagram-6-kotak-terbaru.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXiTAk4vDkKZF7E1IhnYU2llHdATg4r2Wmsg_e9xLS2M-DhxvW-53oVHAOifBpgSp1hR9lNRETuSAzzEIq7y4SjDDvezZGfVvhJbh6_BCA9A2oudRU4KgSV2Oc3z1QerClxx7nRhQ_bnvnT_zctnUZ4314YUCb9ryxmXpCbBoV9qJwf9-0EyNa3miKeM4/s72-c/Ukuran%20Feed%20Instagram%206%20Kotak%20Terbaru%20di%20Canva.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-1025428663365433387</guid><pubDate>Thu, 15 Oct 2026 13:26:01 +0000</pubDate><atom:updated>2026-10-15T21:37:36.204+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Corporate Visual Identity: Pengertian, Elemen &amp; Panduan</title><description>&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgALAptO_f0ZrrJpWaYPLYIm0NIFyUdVUGfeB1s9pArtWpPXyEanuGdkg-yMHZAu3n3YrQrpLndHG35tRcOiG1vq3H-s9t1OwGcCbZYMia1gSZOGvd0B_SwGh-etWeH0SiajVKhL6wXhZh9tayfTbrOC8Iozwq24ArhTnCWXPsY0VJsFYrgk3r1CMCXYJmx/s1200/Corporate%20Visual%20Identity_%20Pengertian,%20Elemen%20&amp;amp;%20Panduan.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Corporate Visual Identity: Pengertian, Elemen &amp;amp; Panduan&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgALAptO_f0ZrrJpWaYPLYIm0NIFyUdVUGfeB1s9pArtWpPXyEanuGdkg-yMHZAu3n3YrQrpLndHG35tRcOiG1vq3H-s9t1OwGcCbZYMia1gSZOGvd0B_SwGh-etWeH0SiajVKhL6wXhZh9tayfTbrOC8Iozwq24ArhTnCWXPsY0VJsFYrgk3r1CMCXYJmx/s1600/Corporate%20Visual%20Identity_%20Pengertian,%20Elemen%20&amp;amp;%20Panduan.webp&quot; title=&quot;Corporate Visual Identity: Pengertian, Elemen &amp;amp; Panduan&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;13&quot;&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;Corporate Visual Identity&lt;/b&gt; adalah sistem elemen visual terstandarisasi—mencakup nama resmi, logo, palet warna, tipografi, slogan, serta elemen grafis pendukung—yang digunakan organisasi untuk menampilkan jati dirinya secara kasatmata kepada publik. Sistem ini berfungsi sebagai benang merah visual agar perusahaan mudah dikenali dan tampil konsisten di seluruh media komunikasi.&lt;p&gt;&lt;/p&gt;&lt;p data-path-to-node=&quot;14&quot;&gt;Pernahkah kamu melihat papan penunjuk jalan dengan latar biru-kuning atau gerai makanan cepat saji dengan lengkungan emas dari kejauhan, lalu langsung tahu nama perusahaannya bahkan sebelum membaca tulisannya? Reaksi instan di kepala kamu itu tidak muncul secara kebetulan. Ada kerja keras tim desain grafis yang merancang sistem visual secara terukur di balik layar.&lt;/p&gt;&lt;p data-path-to-node=&quot;15&quot;&gt;Bagi kamu yang sedang mendalami desain grafis, merintis studio kreatif, atau membangun bisnis sendiri, memahami cara kerja identitas visual korporat akan mengubah cara kamu memandang sebuah desain. Desain tidak lagi sekadar soal estetika &quot;terlihat keren&quot;, melainkan instrumen strategis yang mengikat ribuan titik sentuh (&lt;i data-index-in-node=&quot;321&quot; data-path-to-node=&quot;15&quot;&gt;touchpoints&lt;/i&gt;) perusahaan menjadi satu kesatuan yang utuh.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;16&quot;&gt;Apa Itu Corporate Visual Identity?&lt;/h2&gt;&lt;p data-path-to-node=&quot;17&quot;&gt;Dalam kajian komunikasi korporat dan desain grafis, &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;penelitian Van den Bosch, Elving, dan De Jong di &lt;i data-index-in-node=&quot;101&quot; data-path-to-node=&quot;17&quot;&gt;European Journal of Marketing&lt;/i&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; mendefinisikan &lt;b data-index-in-node=&quot;146&quot; data-path-to-node=&quot;17&quot;&gt;Corporate Visual Identity&lt;/b&gt; (sering disingkat CVI) sebagai aset paling nyata (&lt;i data-index-in-node=&quot;222&quot; data-path-to-node=&quot;17&quot;&gt;tangible&lt;/i&gt;) yang digunakan organisasi untuk mengekspresikan nilai, ambisi, dan karakteristik bisnisnya secara visual kepada pemangku kepentingan internal maupun eksternal. Jika sebuah perusahaan diibaratkan sebagai manusia, maka CVI adalah wajah, gaya berpakaian, dan bahasa tubuh visual yang selalu tampak saat ia bertemu orang lain.&lt;/p&gt;&lt;p data-path-to-node=&quot;18&quot;&gt;Secara historis, praktik menyatukan tampilan visual perusahaan secara sistematis sudah dimulai sejak tahun 1908. Menurut kajian &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;The Extended Corporate Identity Mix di &lt;i data-index-in-node=&quot;167&quot; data-path-to-node=&quot;18&quot;&gt;International Journal of Marketing Studies&lt;/i&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, perusahaan manufaktur kelistrikan asal Jerman, Allgemeine Elektricitäts-Gesellschaft (AEG), menjadi pelopor yang merancang gaya visual terpadu—mulai dari logo, papan nama gedung, seragam, kartu nama, kop surat, hingga tampilan produk—untuk menyatukan lini bisnisnya dan membedakan diri dari kompetitor.&lt;/p&gt;&lt;p data-path-to-node=&quot;19&quot;&gt;Seiring berkembangnya ekosistem media, cakupan sistem visual ini tidak lagi berhenti pada urusan cetak-mencetak di atas kertas. Saat ini, pengaturan identitas visual mencakup bagaimana elemen grafis perusahaan beradaptasi dari ukuran mikro seperti &lt;i data-index-in-node=&quot;248&quot; data-path-to-node=&quot;19&quot;&gt;favicon&lt;/i&gt; berdimensi 16×16 piksel di peramban web hingga ukuran makro seperti fasad gedung perkantoran dan tampilan armada kendaraan operasional.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;20&quot;&gt;Perbedaan Corporate Visual Identity, Corporate Identity, dan Brand Identity&lt;/h2&gt;&lt;p data-path-to-node=&quot;21&quot;&gt;Banyak desainer pemula maupun pemilik bisnis yang masih menggunakan istilah &lt;i data-index-in-node=&quot;76&quot; data-path-to-node=&quot;21&quot;&gt;Corporate Visual Identity&lt;/i&gt;, &lt;i data-index-in-node=&quot;103&quot; data-path-to-node=&quot;21&quot;&gt;Corporate Identity&lt;/i&gt;, dan &lt;i data-index-in-node=&quot;127&quot; data-path-to-node=&quot;21&quot;&gt;Brand Identity&lt;/i&gt; secara bergantian. Padahal, ketiganya memiliki cakupan dan fungsi strategis yang berbeda dalam arsitektur komunikasi sebuah organisasi.&lt;/p&gt;&lt;p data-path-to-node=&quot;22&quot;&gt;Untuk memahami posisi ketiganya, kita bisa merujuk pada model klasik &lt;i data-index-in-node=&quot;69&quot; data-path-to-node=&quot;22&quot;&gt;Corporate Identity Mix&lt;/i&gt; yang diperkenalkan oleh Klaus Birkigt dan Marinus Stadler (1986) sebagaimana diulas dalam &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;literatur &lt;i data-index-in-node=&quot;192&quot; data-path-to-node=&quot;22&quot;&gt;International Journal of Marketing Studies&lt;/i&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;. Model tersebut menjelaskan bahwa kepribadian sebuah korporasi (&lt;i data-index-in-node=&quot;299&quot; data-path-to-node=&quot;22&quot;&gt;Corporate Identity&lt;/i&gt;) diekspresikan melalui tiga instrumen utama: perilaku (&lt;i data-index-in-node=&quot;373&quot; data-path-to-node=&quot;22&quot;&gt;behaviour&lt;/i&gt;), komunikasi (&lt;i data-index-in-node=&quot;397&quot; data-path-to-node=&quot;22&quot;&gt;communication&lt;/i&gt;), dan simbolisme (&lt;i data-index-in-node=&quot;429&quot; data-path-to-node=&quot;22&quot;&gt;symbolism&lt;/i&gt;). Nah, &lt;b data-index-in-node=&quot;446&quot; data-path-to-node=&quot;22&quot;&gt;Corporate Visual Identity&lt;/b&gt; adalah perwujudan spesifik dari pilar simbolisme tersebut.&lt;/p&gt;&lt;p data-path-to-node=&quot;23&quot;&gt;Sementara itu, &lt;i data-index-in-node=&quot;15&quot; data-path-to-node=&quot;23&quot;&gt;Brand Identity&lt;/i&gt; berfokus pada bagaimana sebuah merek—baik itu merek perusahaan secara keseluruhan maupun satu produk spesifik di bawahnya—membangun ikatan emosional, suara komunikasi (&lt;i data-index-in-node=&quot;198&quot; data-path-to-node=&quot;23&quot;&gt;tone of voice&lt;/i&gt;), dan janji nilai di benak konsumen. Sebuah korporasi besar bisa memiliki satu &lt;i data-index-in-node=&quot;291&quot; data-path-to-node=&quot;23&quot;&gt;Corporate Visual Identity&lt;/i&gt; untuk induk perusahaannya, tetapi mengelola puluhan &lt;i data-index-in-node=&quot;369&quot; data-path-to-node=&quot;23&quot;&gt;Brand Identity&lt;/i&gt; yang berbeda untuk tiap produk yang dijualnya di pasar.&lt;/p&gt;&lt;table data-path-to-node=&quot;24&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; color: #1f1f1f; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; font-family: &amp;quot;Google Sans Text&amp;quot;, sans-serif; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 32px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px 0px 32px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;thead style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Aspek Pembanding&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Corporate Visual Identity (CVI)&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Corporate Identity (CI)&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Brand Identity&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,1,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;24,1,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Fokus Utama&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,1,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Ekspresi visual dan sistem desain grafis perusahaan secara kasatmata.&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,1,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Keseluruhan jati diri organisasi (strategi, budaya kerja, perilaku, komunikasi, dan simbol).&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,1,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Karakter, nilai emosional, kepribadian, dan tampilan dari suatu merek atau produk di pasar.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,2,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;24,2,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Cakupan Elemen&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,2,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Nama, logo, palet warna, tipografi, grid tata letak, fotografi, ikonografi, dan arsitektur visual.&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,2,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;i data-index-in-node=&quot;0&quot; data-path-to-node=&quot;24,2,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Symbolism&lt;/i&gt; (CVI), &lt;i data-index-in-node=&quot;17&quot; data-path-to-node=&quot;24,2,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Communication&lt;/i&gt; (PR, iklan korporat), dan &lt;i data-index-in-node=&quot;57&quot; data-path-to-node=&quot;24,2,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Behaviour&lt;/i&gt; (etika kerja &amp;amp; tindakan karyawan).&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,2,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Elemen visual merek ditambah &lt;i data-index-in-node=&quot;29&quot; data-path-to-node=&quot;24,2,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;brand voice&lt;/i&gt;, &lt;i data-index-in-node=&quot;42&quot; data-path-to-node=&quot;24,2,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;brand story&lt;/i&gt;, &lt;i data-index-in-node=&quot;55&quot; data-path-to-node=&quot;24,2,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;positioning&lt;/i&gt;, dan asosiasi emosional konsumen.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,3,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;24,3,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Target Audiens Dominan&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,3,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Seluruh &lt;i data-index-in-node=&quot;8&quot; data-path-to-node=&quot;24,3,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;stakeholder&lt;/i&gt; (publik, investor, mitra B2B, pemerintah, karyawan, dan pelanggan).&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,3,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Internal (karyawan, manajemen) dan eksternal makro (investor, regulator, mitra industri).&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,3,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Spesifik menyasar segmen konsumen atau pengguna akhir dari produk/layanan tersebut.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,4,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;24,4,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Contoh Konteks&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,4,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Standar logo, warna, dan kop surat resmi perusahaan induk seperti Unilever atau GoTo.&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,4,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Budaya inovasi, tata kelola perusahaan, cara layanan pelanggan merespons keluhan, serta komunikasi resmi.&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;24,4,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Identitas khas produk es krim Magnum atau layanan pesan-antar makanan yang punya gaya bahasa tersendiri.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p data-path-to-node=&quot;25&quot;&gt;Memahami batas ketiga konsep ini akan menyelamatkan kamu saat berdiskusi dengan klien atau tim manajemen. Seperti yang ditekankan dalam ulasan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Metabrand mengenai perbedaan Visual Identity dan Brand Identity&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, merancang tampilan visual tanpa fondasi strategi identitas yang jelas sering kali hanya menghasilkan karya yang tampak indah di permukaan, tetapi gagal mendukung tujuan bisnis.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;26&quot;&gt;Mengapa Corporate Visual Identity Penting bagi Perusahaan?&lt;/h2&gt;&lt;p data-path-to-node=&quot;27&quot;&gt;Menginvestasikan waktu dan anggaran untuk merancang sistem visual yang terstruktur bukanlah sekadar proyek mempercantik tampilan luar. Berdasarkan temuan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;studi Van den Bosch dkk. (2006)&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, terdapat empat fungsi strategis utama yang dijalankan oleh CVI dalam menopang keberlangsungan sebuah organisasi.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;28&quot;&gt;Membangun Visibilitas dan Kemudahan Dikenali&lt;/h3&gt;&lt;p data-path-to-node=&quot;29&quot;&gt;Bagi organisasi profit maupun nonprofit, langkah paling mendasar agar bisa bertahan adalah memastikan publik tahu bahwa organisasi tersebut ada dan mengingat bidang bisnis utamanya di saat yang tepat. CVI menyediakan petunjuk visual (&lt;i data-index-in-node=&quot;234&quot; data-path-to-node=&quot;29&quot;&gt;visual cues&lt;/i&gt;) yang mempercepat proses pengenalan tersebut di tengah banjir informasi harian.&lt;/p&gt;&lt;p data-path-to-node=&quot;30&quot;&gt;Ketika sebuah perusahaan menerapkan kombinasi warna, bentuk logo, dan gaya tipografi yang konsisten, otak audiens tidak perlu bekerja keras untuk mengenali siapa pengirim pesan tersebut. Sebaliknya, seperti dijelaskan dalam &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;panduan Brand Kit dari Canva&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, ketidakkonsistenan visual—misalnya menggunakan bentuk logo atau warna yang melenceng pada iklan—dapat membuat audiens mengira materi promosi tersebut palsu, tidak resmi, atau merupakan &lt;i data-index-in-node=&quot;439&quot; data-path-to-node=&quot;30&quot;&gt;spam&lt;/i&gt;.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;31&quot;&gt;Membentuk Citra, Reputasi, dan Struktur Organisasi&lt;/h3&gt;&lt;p data-path-to-node=&quot;32&quot;&gt;Tampilan visual yang rapi dan terkoordinasi mengirimkan sinyal profesionalisme kepada publik, mitra bisnis, dan investor. Dalam literatur komunikasi korporat yang dirujuk oleh &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Van den Bosch dkk. (2006)&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, identitas visual yang lemah dan semrawut sering kali dipersepsikan oleh pihak luar sebagai gejala kelesuan manajemen internal (&lt;i data-index-in-node=&quot;330&quot; data-path-to-node=&quot;32&quot;&gt;corporate malaise&lt;/i&gt;).&lt;/p&gt;&lt;p data-path-to-node=&quot;33&quot;&gt;Selain mendukung reputasi, sistem visual juga bertugas memvisualisasikan struktur arsitektur organisasi—konsep yang dirumuskan oleh pakar identitas korporat Wally Olins (1989) ke dalam tiga struktur:&lt;/p&gt;&lt;ul data-path-to-node=&quot;34&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;34,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;34,0,0&quot;&gt;Monolithic Identity:&lt;/b&gt; Perusahaan menggunakan satu nama dan satu gaya visual yang sama di seluruh lini bisnisnya (contohnya Virgin atau FedEx), sehingga koherensi antardivisi langsung terlihat jelas.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;34,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;34,1,0&quot;&gt;Endorsed Identity:&lt;/b&gt; Anak perusahaan memiliki identitas visual sendiri, tetapi tetap mencantumkan elemen visual perusahaan induk sebagai penjamin kredibilitas.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;34,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;34,2,0&quot;&gt;Branded Identity:&lt;/b&gt; Perusahaan induk membawahi berbagai merek produk yang masing-masing memiliki identitas visual independen tanpa menonjolkan visual korporasi induknya kepada konsumen ritel.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 data-path-to-node=&quot;35&quot;&gt;Menumbuhkan Kebanggaan Internal Karyawan&lt;/h3&gt;&lt;p data-path-to-node=&quot;36&quot;&gt;Fungsi keempat dari CVI bekerja ke arah dalam, yakni membantu karyawan mengidentifikasi diri mereka dengan organisasi tempat mereka bekerja. Atribut visual seperti kartu identitas pegawai (&lt;i data-index-in-node=&quot;189&quot; data-path-to-node=&quot;36&quot;&gt;ID card&lt;/i&gt;), seragam kerja, desain interior kantor, hingga template presentasi internal berperan sebagai simbol pemersatu lintas departemen.&lt;/p&gt;&lt;p data-path-to-node=&quot;37&quot;&gt;Saat perusahaan mengalami perubahan besar seperti &lt;i data-index-in-node=&quot;50&quot; data-path-to-node=&quot;37&quot;&gt;merger&lt;/i&gt;, akuisisi, atau restrukturisasi, pembaruan &lt;b data-index-in-node=&quot;100&quot; data-path-to-node=&quot;37&quot;&gt;Corporate Visual Identity&lt;/b&gt; menjadi salah satu instrumen paling nyata yang dapat dikelola langsung oleh manajemen untuk menandai babak baru dan menyatukan budaya kerja dari entitas yang bergabung.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;38&quot;&gt;Elemen Utama dalam Corporate Visual Identity&lt;/h2&gt;&lt;p data-path-to-node=&quot;39&quot;&gt;Supaya sebuah sistem identitas visual dapat bekerja secara fungsional di tangan desainer grafis, pengembang web, maupun vendor percetakan, elemen-elemen pembentuknya harus dirinci secara teknis. Merujuk pada panduan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Adobe Creative Cloud mengenai penyusunan &lt;i data-index-in-node=&quot;257&quot; data-path-to-node=&quot;39&quot;&gt;brand style guide&lt;/i&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; serta kerangka CVI akademik, ada empat kelompok elemen utama yang wajib kamu siapkan.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;40&quot;&gt;Logo dan Variasi Lockup&lt;/h3&gt;&lt;p data-path-to-node=&quot;41&quot;&gt;Logo adalah jangkar utama dari seluruh sistem identitas visual. Namun, dalam praktik desain profesional, kamu tidak cukup hanya menyerahkan satu file gambar logo kepada klien atau perusahaan. Kamu perlu menyusun sistem &lt;i data-index-in-node=&quot;219&quot; data-path-to-node=&quot;41&quot;&gt;logo lockup&lt;/i&gt; (konfigurasi susunan simbol dan teks nama perusahaan) yang siap menghadapi berbagai keterbatasan ruang media:&lt;/p&gt;&lt;ul data-path-to-node=&quot;42&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,0,0&quot;&gt;Primary Lockup (Logo Utama):&lt;/b&gt; Kombinasi utuh antara &lt;i data-index-in-node=&quot;51&quot; data-path-to-node=&quot;42,0,0&quot;&gt;logomark&lt;/i&gt; (simbol grafis), &lt;i data-index-in-node=&quot;77&quot; data-path-to-node=&quot;42,0,0&quot;&gt;wordmark&lt;/i&gt; (tipografi nama perusahaan), dan &lt;i data-index-in-node=&quot;119&quot; data-path-to-node=&quot;42,0,0&quot;&gt;tagline&lt;/i&gt; bila ada, yang digunakan saat ruang media cukup lega.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,1,0&quot;&gt;Secondary Lockup (Horizontal / Stacked):&lt;/b&gt; Variasi susunan mendatar untuk &lt;i data-index-in-node=&quot;72&quot; data-path-to-node=&quot;42,1,0&quot;&gt;header&lt;/i&gt; situs web atau susunan bertumpuk untuk bidang berbentuk persegi.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,2,0&quot;&gt;Submark / Logomark Only:&lt;/b&gt; Simbol grafis tanpa teks atau inisial ringkas untuk bidang berukuran sangat kecil seperti &lt;i data-index-in-node=&quot;115&quot; data-path-to-node=&quot;42,2,0&quot;&gt;avatar&lt;/i&gt; media sosial, &lt;i data-index-in-node=&quot;136&quot; data-path-to-node=&quot;42,2,0&quot;&gt;favicon&lt;/i&gt;, atau cap kemasan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,3,0&quot;&gt;Variasi Warna Logo:&lt;/b&gt; Versi &lt;i data-index-in-node=&quot;26&quot; data-path-to-node=&quot;42,3,0&quot;&gt;full color&lt;/i&gt; untuk latar terang, versi &lt;i data-index-in-node=&quot;63&quot; data-path-to-node=&quot;42,3,0&quot;&gt;reverse&lt;/i&gt; (terang/putih) untuk latar gelap, serta versi monokrom (hitam pekat atau putih murni) untuk dokumen faks, stempel, atau sablon satu warna.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p data-path-to-node=&quot;43&quot;&gt;Agar proses perancangan simbol, proporsi geometris, hingga pemilihan jenis logo berjalan terarah sejak awal, kamu bisa mempelajari langkah teknisnya melalui &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;a _ngcontent-ng-c3604316791=&quot;&quot; _nghost-ng-c367016355=&quot;&quot; class=&quot;ng-star-inserted&quot; data-hveid=&quot;0&quot; data-ved=&quot;0CAAQ_4QMahgKEwjOodav77uXAxUAAAAAHQAAAAAQtAE&quot; decode-data-ved=&quot;1&quot; externallink=&quot;&quot; href=&quot;https://www.fikalmyid.com/2025/03/panduan-lengkap-desain-grafis-logo.html&quot; jslog=&quot;197247;track:generic_click,impression,attention;BardVeMetadataKey:W1sicl8xYmYwNWE4M2Q5ZmRkNGRkIiwiY180NWI4OWMzZjQzNGJhYjFiIixudWxsLCJyY18wODgwOTE3MWRmYjUwZWQ3IixudWxsLG51bGwsImlkIixudWxsLDEsbnVsbCxudWxsLDEsMV1d&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;panduan desain logo&lt;/a&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; yang mengupas anatomi serta tahapan pembuatan logo secara mendalam.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;44&quot;&gt;Sistem Palet Warna (CMYK, RGB, dan HEX)&lt;/h3&gt;&lt;p data-path-to-node=&quot;45&quot;&gt;Warna memiliki daya pikat visual yang muncul bahkan sebelum audiens sempat membaca teks. Di dalam sistem CVI, warna dibagi ke dalam hierarki penggunaan: warna primer (&lt;i data-index-in-node=&quot;167&quot; data-path-to-node=&quot;45&quot;&gt;primary palette&lt;/i&gt;) sebagai identitas dominan, warna sekunder (&lt;i data-index-in-node=&quot;227&quot; data-path-to-node=&quot;45&quot;&gt;secondary palette&lt;/i&gt;) sebagai aksen pelengkap, dan warna netral untuk latar belakang serta teks isi.&lt;/p&gt;&lt;p data-path-to-node=&quot;46&quot;&gt;Kesalahan fatal yang sering terjadi adalah menentukan warna hanya dengan menyebut &quot;biru tua&quot; atau &quot;merah terang&quot; tanpa mengunci kode spesifikasinya. Sebagaimana dijelaskan dalam &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;panduan identitas merek Adobe&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, setiap warna dalam palet korporat wajib memiliki konversi kode yang presisi untuk tiap medium:&lt;/p&gt;&lt;ul data-path-to-node=&quot;47&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;47,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;47,0,0&quot;&gt;HEX dan RGB:&lt;/b&gt; Digunakan untuk seluruh layar digital (situs web, aplikasi &lt;i data-index-in-node=&quot;72&quot; data-path-to-node=&quot;47,0,0&quot;&gt;mobile&lt;/i&gt;, media sosial, dan televisi) karena layar bekerja dengan memancarkan cahaya merah, hijau, dan biru.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;47,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;47,1,0&quot;&gt;CMYK (Cyan, Magenta, Yellow, Key/Black):&lt;/b&gt; Digunakan untuk proses cetak &lt;i data-index-in-node=&quot;70&quot; data-path-to-node=&quot;47,1,0&quot;&gt;offset&lt;/i&gt; maupun cetak digital empat warna seperti brosur, majalah, dan kemasan kardus.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;47,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;47,2,0&quot;&gt;Sistem Warna Spot / Pantone (PMS):&lt;/b&gt; Digunakan ketika perusahaan membutuhkan akurasi warna tinta cetak yang mutlak sama di seluruh dunia—misalnya pada cetak kartu nama eksekutif atau cat bodi kendaraan—agar tidak terjadi pergeseran warna antarpercetakan.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p data-path-to-node=&quot;48&quot;&gt;Selain akurasi lintas media, kamu juga wajib memverifikasi tingkat keterbacaan palet warna tersebut. Berdasarkan standar aksesibilitas internasional &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;WCAG 2.2 Success Criterion 1.4.3 dari W3C&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, meskipun teks yang menjadi bagian dari logo dikecualikan dari syarat kontras, seluruh teks isi dan antarmuka yang menggunakan warna identitas perusahaan tetap wajib memenuhi rasio kontras minimal &lt;b data-index-in-node=&quot;388&quot; data-path-to-node=&quot;48&quot;&gt;4,5:1&lt;/b&gt; untuk teks ukuran normal dan minimal &lt;b data-index-in-node=&quot;431&quot; data-path-to-node=&quot;48&quot;&gt;3:1&lt;/b&gt; untuk teks berukuran besar (18pt reguler atau 14pt tebal).&lt;/p&gt;&lt;h3 data-path-to-node=&quot;49&quot;&gt;Tipografi dan Hierarki Teks&lt;/h3&gt;&lt;p data-path-to-node=&quot;50&quot;&gt;Tipografi dalam CVI berfungsi sebagai &quot;suara visual&quot; dari teks tertulis perusahaan. Pemilihan karakter huruf (&lt;i data-index-in-node=&quot;110&quot; data-path-to-node=&quot;50&quot;&gt;typeface&lt;/i&gt;) langsung membentuk persepsi audiens—sejarah desain korporat dalam &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;kajian Otubanjo (2013)&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; mencatat bagaimana perusahaan era modernisme menggunakan huruf &lt;i data-index-in-node=&quot;272&quot; data-path-to-node=&quot;50&quot;&gt;sans-serif&lt;/i&gt; seperti Helvetica atau huruf tebal tegas seperti milik IBM untuk memproyeksikan kekuatan, efisiensi, dan stabilitas.&lt;/p&gt;&lt;p data-path-to-node=&quot;51&quot;&gt;Dalam merancang sistem tipografi korporat, batasi pilihan pada dua hingga tiga keluarga huruf (&lt;i data-index-in-node=&quot;95&quot; data-path-to-node=&quot;51&quot;&gt;font family&lt;/i&gt;) saja agar tampilan tidak semrawut:&lt;/p&gt;&lt;ul data-path-to-node=&quot;52&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;52,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;52,0,0&quot;&gt;Primary Typeface (Huruf Utama):&lt;/b&gt; Digunakan untuk judul (&lt;i data-index-in-node=&quot;55&quot; data-path-to-node=&quot;52,0,0&quot;&gt;heading&lt;/i&gt;), sampul laporan, dan materi &lt;i data-index-in-node=&quot;92&quot; data-path-to-node=&quot;52,0,0&quot;&gt;headline&lt;/i&gt; promosi yang menonjolkan karakter khas perusahaan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;52,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;52,1,0&quot;&gt;Secondary / Body Typeface (Huruf Isi):&lt;/b&gt; Dipilih yang memiliki tingkat keterbacaan (&lt;i data-index-in-node=&quot;82&quot; data-path-to-node=&quot;52,1,0&quot;&gt;legibility&lt;/i&gt;) tinggi pada ukuran kecil, baik berjenis &lt;i data-index-in-node=&quot;134&quot; data-path-to-node=&quot;52,1,0&quot;&gt;sans-serif&lt;/i&gt; maupun &lt;i data-index-in-node=&quot;152&quot; data-path-to-node=&quot;52,1,0&quot;&gt;serif&lt;/i&gt;, untuk paragraf panjang, laporan tahunan, dan artikel web.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;52,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;52,2,0&quot;&gt;System / Fallback Font:&lt;/b&gt; Huruf alternatif standar (seperti Arial, Calibri, atau Google Fonts yang tersedia luas) untuk dokumen kerja harian karyawan di Microsoft Word, Excel, atau Google Slides agar tata letak tidak berantakan di komputer yang tidak memasang &lt;i data-index-in-node=&quot;258&quot; data-path-to-node=&quot;52,2,0&quot;&gt;custom font&lt;/i&gt; perusahaan.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p data-path-to-node=&quot;53&quot;&gt;Pastikan kamu juga mengatur aturan skala ukuran (&lt;i data-index-in-node=&quot;49&quot; data-path-to-node=&quot;53&quot;&gt;type scale&lt;/i&gt;), ketebalan (&lt;i data-index-in-node=&quot;73&quot; data-path-to-node=&quot;53&quot;&gt;font weight&lt;/i&gt; seperti Regular, Medium, Bold), jarak antarbaris (&lt;i data-index-in-node=&quot;135&quot; data-path-to-node=&quot;53&quot;&gt;line-height&lt;/i&gt; / &lt;i data-index-in-node=&quot;149&quot; data-path-to-node=&quot;53&quot;&gt;leading&lt;/i&gt;), serta jarak antarhuruf (&lt;i data-index-in-node=&quot;183&quot; data-path-to-node=&quot;53&quot;&gt;tracking&lt;/i&gt; / &lt;i data-index-in-node=&quot;194&quot; data-path-to-node=&quot;53&quot;&gt;kerning&lt;/i&gt;) beserta lisensi penggunaannya (lisensi &lt;i data-index-in-node=&quot;242&quot; data-path-to-node=&quot;53&quot;&gt;Desktop&lt;/i&gt;, &lt;i data-index-in-node=&quot;251&quot; data-path-to-node=&quot;53&quot;&gt;Webfont&lt;/i&gt; berformat &lt;code data-index-in-node=&quot;269&quot; data-path-to-node=&quot;53&quot;&gt;.woff2&lt;/code&gt;, dan &lt;i data-index-in-node=&quot;281&quot; data-path-to-node=&quot;53&quot;&gt;App&lt;/i&gt;).&lt;/p&gt;&lt;h3 data-path-to-node=&quot;54&quot;&gt;Fotografi, Ikonografi, dan Elemen Grafis Pendukung&lt;/h3&gt;&lt;p data-path-to-node=&quot;55&quot;&gt;Sebuah perusahaan tidak bisa hanya mengandalkan logo dan teks kosong di setiap materi komunikasinya. Untuk menciptakan nuansa (&lt;i data-index-in-node=&quot;127&quot; data-path-to-node=&quot;55&quot;&gt;look and feel&lt;/i&gt;) yang utuh, sistem CVI juga merumuskan aturan bagi aset visual pendukung:&lt;/p&gt;&lt;ul data-path-to-node=&quot;56&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;56,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;56,0,0&quot;&gt;Gaya Fotografi (Photography Direction):&lt;/b&gt; Mengatur apakah foto perusahaan harus bergaya &lt;i data-index-in-node=&quot;86&quot; data-path-to-node=&quot;56,0,0&quot;&gt;candid&lt;/i&gt; yang hangat atau pose studio yang formal, bagaimana temperatur warnanya (&lt;i data-index-in-node=&quot;166&quot; data-path-to-node=&quot;56,0,0&quot;&gt;warm&lt;/i&gt; atau &lt;i data-index-in-node=&quot;176&quot; data-path-to-node=&quot;56,0,0&quot;&gt;cool tone&lt;/i&gt;), tingkat kontras pencahayaan, serta komposisi subjeknya.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;56,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;56,1,0&quot;&gt;Sistem Ikonografi:&lt;/b&gt; Menetapkan ketebalan garis (&lt;i data-index-in-node=&quot;47&quot; data-path-to-node=&quot;56,1,0&quot;&gt;stroke weight&lt;/i&gt;, misalnya konsisten 1,5px atau 2px), sudut lengkungan (&lt;i data-index-in-node=&quot;116&quot; data-path-to-node=&quot;56,1,0&quot;&gt;corner radius&lt;/i&gt;), gaya pengisian warna (&lt;i data-index-in-node=&quot;154&quot; data-path-to-node=&quot;56,1,0&quot;&gt;outline&lt;/i&gt;, &lt;i data-index-in-node=&quot;163&quot; data-path-to-node=&quot;56,1,0&quot;&gt;filled&lt;/i&gt;, atau &lt;i data-index-in-node=&quot;176&quot; data-path-to-node=&quot;56,1,0&quot;&gt;duotone&lt;/i&gt;), serta ukuran grid dasar ikon (misalnya 24×24 piksel).&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;56,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;56,2,0&quot;&gt;Supergraphic dan Pattern:&lt;/b&gt; Bentuk geometris, potongan sudut dari anatomi logo, atau pola berulang yang digunakan sebagai elemen dekoratif pengisi bidang kosong pada spanduk, sampul laporan, maupun latar belakang presentasi.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 data-path-to-node=&quot;57&quot;&gt;Cara Membuat Corporate Visual Identity yang Konsisten&lt;/h2&gt;&lt;p data-path-to-node=&quot;58&quot;&gt;Merancang &lt;b data-index-in-node=&quot;10&quot; data-path-to-node=&quot;58&quot;&gt;Corporate Visual Identity&lt;/b&gt; yang tahan uji waktu dan mudah diterapkan oleh banyak orang membutuhkan alur kerja (&lt;i data-index-in-node=&quot;120&quot; data-path-to-node=&quot;58&quot;&gt;workflow&lt;/i&gt;) yang sistematis. Kamu bisa mengikuti enam langkah terstruktur berikut saat menangani proyek perancangan identitas visual perusahaan:&lt;/p&gt;&lt;ol data-path-to-node=&quot;59&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;59,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;59,0,0&quot;&gt;Lakukan Audit Visual dan Riset Karakter Organisasi:&lt;/b&gt; Mulailah dengan memetakan visi, misi, struktur organisasi (apakah &lt;i data-index-in-node=&quot;118&quot; data-path-to-node=&quot;59,0,0&quot;&gt;monolithic&lt;/i&gt;, &lt;i data-index-in-node=&quot;130&quot; data-path-to-node=&quot;59,0,0&quot;&gt;endorsed&lt;/i&gt;, atau &lt;i data-index-in-node=&quot;145&quot; data-path-to-node=&quot;59,0,0&quot;&gt;branded&lt;/i&gt;), target audiens, serta lanskap visual kompetitor. Jika perusahaan sudah berjalan, kumpulkan seluruh materi visual lama untuk melihat titik mana yang paling sering tampil tidak konsisten.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;59,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;59,1,0&quot;&gt;Rumuskan Desain Brief yang Terukur:&lt;/b&gt; Jangan langsung membuka aplikasi desain sebelum menyepakati tujuan strategis dan batasan teknis bersama pemangku kepentingan. Agar seluruh kebutuhan bisnis, profil audiens, dan spesifikasi aset terekam tanpa ada yang terlewat, kamu dapat mempelajari &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;a _ngcontent-ng-c3604316791=&quot;&quot; _nghost-ng-c367016355=&quot;&quot; class=&quot;ng-star-inserted&quot; data-hveid=&quot;0&quot; data-ved=&quot;0CAAQ_4QMahgKEwjOodav77uXAxUAAAAAHQAAAAAQuAE&quot; decode-data-ved=&quot;1&quot; externallink=&quot;&quot; href=&quot;https://www.fikalmyid.com/2026/08/apa-itu-desain-brief-pengertian-fungsi.html&quot; jslog=&quot;197247;track:generic_click,impression,attention;BardVeMetadataKey:W1sicl8xYmYwNWE4M2Q5ZmRkNGRkIiwiY180NWI4OWMzZjQzNGJhYjFiIixudWxsLCJyY18wODgwOTE3MWRmYjUwZWQ3IixudWxsLG51bGwsImlkIixudWxsLDEsbnVsbCxudWxsLDEsMV1d&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;cara menyusun desain brief&lt;/a&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; sebagai fondasi kerja sebelum masuk ke tahap eksplorasi sketsa.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;59,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;59,2,0&quot;&gt;Kembangkan Konsep Visual Inti (Logo, Warna, dan Tipografi):&lt;/b&gt; Rancang simbol dan &lt;i data-index-in-node=&quot;79&quot; data-path-to-node=&quot;59,2,0&quot;&gt;wordmark&lt;/i&gt; dalam format vektor menggunakan perangkat lunak standar industri seperti Adobe Illustrator. Uji draf logo dalam ukuran sangat kecil (misalnya lebar 15 milimeter untuk cetak atau 24 piksel untuk layar) dan dalam warna hitam-putih murni untuk memastikan bentuk dasarnya tetap terbaca jelas tanpa bergantung pada efek gradasi.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;59,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;59,3,0&quot;&gt;Bangun Sistem Grid, Supergraphic, dan Aset Pendukung:&lt;/b&gt; Setelah elemen inti terkunci, buat aturan tata letak (&lt;i data-index-in-node=&quot;108&quot; data-path-to-node=&quot;59,3,0&quot;&gt;grid system&lt;/i&gt;), rasio margin, gaya ikonografi, dan arah fotografi. Uji bagaimana semua elemen tersebut berinteraksi dalam beberapa sampel media nyata (&lt;i data-index-in-node=&quot;257&quot; data-path-to-node=&quot;59,3,0&quot;&gt;mockup&lt;/i&gt; kartu nama, tampilan &lt;i data-index-in-node=&quot;285&quot; data-path-to-node=&quot;59,3,0&quot;&gt;landing page&lt;/i&gt; situs web, dan templat media sosial).&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;59,4,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;59,4,0&quot;&gt;Terjemahkan ke dalam Design Tokens dan Cloud Brand Kit:&lt;/b&gt; Untuk kebutuhan produk digital dan kolaborasi tim modern, ubah nilai warna, tipografi, dan jarak (&lt;i data-index-in-node=&quot;154&quot; data-path-to-node=&quot;59,4,0&quot;&gt;spacing&lt;/i&gt;) menjadi &lt;i data-index-in-node=&quot;171&quot; data-path-to-node=&quot;59,4,0&quot;&gt;design tokens&lt;/i&gt; di &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Figma&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;—mulai dari &lt;i data-index-in-node=&quot;205&quot; data-path-to-node=&quot;59,4,0&quot;&gt;primitive tokens&lt;/i&gt; (kode warna dasar) hingga &lt;i data-index-in-node=&quot;248&quot; data-path-to-node=&quot;59,4,0&quot;&gt;semantic tokens&lt;/i&gt; (seperti warna latar utama atau tombol aksi) yang mendukung mode terang (&lt;i data-index-in-node=&quot;337&quot; data-path-to-node=&quot;59,4,0&quot;&gt;Light Mode&lt;/i&gt;) maupun gelap (&lt;i data-index-in-node=&quot;363&quot; data-path-to-node=&quot;59,4,0&quot;&gt;Dark Mode&lt;/i&gt;). Sementara untuk tim pemasaran non-desainer, unggah aset yang telah disetujui ke dalam fitur &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Canva Brand Kit&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; atau Adobe Express Brand Kit agar mereka bisa langsung memakai warna, font, dan templat resmi tanpa salah pilih.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;59,5,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;59,5,0&quot;&gt;Siapkan Paket File Master dan Sosialisasikan ke Internal:&lt;/b&gt; Ekspor seluruh aset logo dan elemen grafis ke dalam paket folder yang rapi berdasarkan format dan fungsinya: &lt;code data-index-in-node=&quot;167&quot; data-path-to-node=&quot;59,5,0&quot;&gt;.AI&lt;/code&gt;, &lt;code data-index-in-node=&quot;172&quot; data-path-to-node=&quot;59,5,0&quot;&gt;.EPS&lt;/code&gt;, dan &lt;code data-index-in-node=&quot;182&quot; data-path-to-node=&quot;59,5,0&quot;&gt;.PDF&lt;/code&gt; (CMYK) untuk kebutuhan cetak; &lt;code data-index-in-node=&quot;217&quot; data-path-to-node=&quot;59,5,0&quot;&gt;.SVG&lt;/code&gt; dan &lt;code data-index-in-node=&quot;226&quot; data-path-to-node=&quot;59,5,0&quot;&gt;.PNG&lt;/code&gt; berlatar transparan (RGB) untuk kebutuhan web dan digital. Lakukan sesi &lt;i data-index-in-node=&quot;303&quot; data-path-to-node=&quot;59,5,0&quot;&gt;onboarding&lt;/i&gt; atau sosialisasi kepada tim internal, karena &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;penelitian Van den Bosch dkk. (2006)&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; membuktikan bahwa keteladanan manajer dan proses sosialisasi kepada karyawan memiliki dampak langsung yang sangat kuat terhadap konsistensi penerapan CVI di lapangan.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;h2 data-path-to-node=&quot;60&quot;&gt;Contoh Penerapan Corporate Visual Identity pada Berbagai Media&lt;/h2&gt;&lt;p data-path-to-node=&quot;61&quot;&gt;Sistem identitas visual yang matang harus mampu &quot;hidup&quot; di berbagai dimensi dan material tanpa kehilangan karakternya. Dalam praktik desain komunikasi visual, penerapan CVI terbagi ke dalam tiga kelompok media utama.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;62&quot;&gt;Media Cetak, Stationery, dan Kemasan&lt;/h3&gt;&lt;p data-path-to-node=&quot;63&quot;&gt;Kelompok media cetak dan perlengkapan administrasi kantor (&lt;i data-index-in-node=&quot;59&quot; data-path-to-node=&quot;63&quot;&gt;stationery&lt;/i&gt;) sering kali menjadi titik kontak formal pertama dalam hubungan bisnis B2B (&lt;i data-index-in-node=&quot;146&quot; data-path-to-node=&quot;63&quot;&gt;business-to-business&lt;/i&gt;). Penerapannya meliputi:&lt;/p&gt;&lt;ul data-path-to-node=&quot;64&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;64,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;64,0,0&quot;&gt;Stationery Kit:&lt;/b&gt; Kartu nama (&lt;i data-index-in-node=&quot;28&quot; data-path-to-node=&quot;64,0,0&quot;&gt;business card&lt;/i&gt;), kop surat resmi (&lt;i data-index-in-node=&quot;61&quot; data-path-to-node=&quot;64,0,0&quot;&gt;letterhead&lt;/i&gt;), amplop korporat, map dokumen (&lt;i data-index-in-node=&quot;104&quot; data-path-to-node=&quot;64,0,0&quot;&gt;company folder&lt;/i&gt;), stempel, dan kuitansi atau &lt;i data-index-in-node=&quot;148&quot; data-path-to-node=&quot;64,0,0&quot;&gt;invoice&lt;/i&gt;.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;64,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;64,1,0&quot;&gt;Publikasi Korporat:&lt;/b&gt; Sampul dan tata letak halaman dalam laporan tahunan (&lt;i data-index-in-node=&quot;73&quot; data-path-to-node=&quot;64,1,0&quot;&gt;annual report&lt;/i&gt;), profil perusahaan (&lt;i data-index-in-node=&quot;108&quot; data-path-to-node=&quot;64,1,0&quot;&gt;company profile&lt;/i&gt;), katalog produk, brosur, serta &lt;i data-index-in-node=&quot;156&quot; data-path-to-node=&quot;64,1,0&quot;&gt;leaflet&lt;/i&gt;.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;64,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;64,2,0&quot;&gt;Kemasan dan Atribut Fisik:&lt;/b&gt; Kotak kemasan produk, label pengiriman, pita perekat berlogo, hingga tas belanja (&lt;i data-index-in-node=&quot;109&quot; data-path-to-node=&quot;64,2,0&quot;&gt;paper bag&lt;/i&gt;). Pada media cetak ini, desainer wajib memperhatikan karakter kertas (&lt;i data-index-in-node=&quot;189&quot; data-path-to-node=&quot;64,2,0&quot;&gt;coated&lt;/i&gt; seperti &lt;i data-index-in-node=&quot;204&quot; data-path-to-node=&quot;64,2,0&quot;&gt;art paper&lt;/i&gt; vs &lt;i data-index-in-node=&quot;217&quot; data-path-to-node=&quot;64,2,0&quot;&gt;uncoated&lt;/i&gt; seperti HVS) karena daya serap tinta kertas akan memengaruhi kecerahan warna CMYK atau Pantone yang tercetak.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 data-path-to-node=&quot;65&quot;&gt;Ekosistem Digital dan Antarmuka Pengguna (UI)&lt;/h3&gt;&lt;p data-path-to-node=&quot;66&quot;&gt;Pada ranah digital, konsistensi visual diuji oleh keberagaman ukuran layar dan sistem operasi perangkat yang digunakan audiens:&lt;/p&gt;&lt;ul data-path-to-node=&quot;67&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;67,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;67,0,0&quot;&gt;Situs Web dan Aplikasi Mobile:&lt;/b&gt; Penerapan sistem warna, tipografi web, gaya tombol (&lt;i data-index-in-node=&quot;83&quot; data-path-to-node=&quot;67,0,0&quot;&gt;button states&lt;/i&gt;), dan ikonografi yang terintegrasi melalui &lt;i data-index-in-node=&quot;140&quot; data-path-to-node=&quot;67,0,0&quot;&gt;Design System&lt;/i&gt; dan &lt;i data-index-in-node=&quot;158&quot; data-path-to-node=&quot;67,0,0&quot;&gt;Figma Variables&lt;/i&gt;.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;67,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;67,1,0&quot;&gt;Media Sosial dan Konten Video:&lt;/b&gt; &lt;i data-index-in-node=&quot;31&quot; data-path-to-node=&quot;67,1,0&quot;&gt;Avatar&lt;/i&gt; profil yang tetap jelas di dalam bingkai lingkaran, &lt;i data-index-in-node=&quot;90&quot; data-path-to-node=&quot;67,1,0&quot;&gt;header banner&lt;/i&gt;, &lt;i data-index-in-node=&quot;105&quot; data-path-to-node=&quot;67,1,0&quot;&gt;grid&lt;/i&gt; templat unggahan &lt;i data-index-in-node=&quot;127&quot; data-path-to-node=&quot;67,1,0&quot;&gt;feed&lt;/i&gt; dan &lt;i data-index-in-node=&quot;136&quot; data-path-to-node=&quot;67,1,0&quot;&gt;story&lt;/i&gt;, hingga &lt;i data-index-in-node=&quot;150&quot; data-path-to-node=&quot;67,1,0&quot;&gt;lower-third&lt;/i&gt; (grafis nama pembicara) dan &lt;i data-index-in-node=&quot;190&quot; data-path-to-node=&quot;67,1,0&quot;&gt;bumper&lt;/i&gt; animasi logo pada video YouTube atau webinar.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;67,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;67,2,0&quot;&gt;Komunikasi Bisnis Harian:&lt;/b&gt; Templat dek presentasi (PowerPoint atau Google Slides), desain &lt;i data-index-in-node=&quot;89&quot; data-path-to-node=&quot;67,2,0&quot;&gt;newsletter&lt;/i&gt; email, latar belakang rapat virtual (&lt;i data-index-in-node=&quot;137&quot; data-path-to-node=&quot;67,2,0&quot;&gt;virtual background&lt;/i&gt;), serta tanda tangan email (&lt;i data-index-in-node=&quot;184&quot; data-path-to-node=&quot;67,2,0&quot;&gt;email signature&lt;/i&gt;) seragam untuk seluruh karyawan.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 data-path-to-node=&quot;68&quot;&gt;Media Lingkungan Fisik (Environmental Graphic Design) dan Armada&lt;/h3&gt;&lt;p data-path-to-node=&quot;69&quot;&gt;Sebagaimana dicatat dalam &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;a _ngcontent-ng-c3604316791=&quot;&quot; _nghost-ng-c367016355=&quot;&quot; class=&quot;ng-star-inserted&quot; data-hveid=&quot;0&quot; data-ved=&quot;0CAAQ_4QMahgKEwjOodav77uXAxUAAAAAHQAAAAAQvAE&quot; decode-data-ved=&quot;1&quot; externallink=&quot;&quot; href=&quot;https://research.hanze.nl/files/41609546/van_den_Bosch_Elving_de_Jong_impact_of_org_charact_on_CVI.pdf&quot; jslog=&quot;197247;track:generic_click,impression,attention;BardVeMetadataKey:W1sicl8xYmYwNWE4M2Q5ZmRkNGRkIiwiY180NWI4OWMzZjQzNGJhYjFiIixudWxsLCJyY18wODgwOTE3MWRmYjUwZWQ3IixudWxsLG51bGwsImlkIixudWxsLDEsbnVsbCxudWxsLDEsMV1d&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;studi Van den Bosch dkk. (2006)&lt;/a&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, arsitektur dan lingkungan fisik juga memegang peran krusial dalam CVI—seperti yang terlihat jelas pada desain bangunan dan tata ruang ritel IKEA atau McDonald&#39;s. Penerapan pada ruang fisik meliputi:&lt;/p&gt;&lt;ul data-path-to-node=&quot;70&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;70,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;70,0,0&quot;&gt;Signage dan Wayfinding:&lt;/b&gt; Papan nama gedung (&lt;i data-index-in-node=&quot;43&quot; data-path-to-node=&quot;70,0,0&quot;&gt;pylon sign&lt;/i&gt;, &lt;i data-index-in-node=&quot;55&quot; data-path-to-node=&quot;70,0,0&quot;&gt;fascia sign&lt;/i&gt;), penunjuk arah ruangan di dalam gedung perkantoran, serta grafis dinding (&lt;i data-index-in-node=&quot;142&quot; data-path-to-node=&quot;70,0,0&quot;&gt;wall mural&lt;/i&gt;) di area resepsionis.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;70,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;70,1,0&quot;&gt;Corporate Clothing (Seragam dan Atribut):&lt;/b&gt; Kemeja kerja lapangan, jaket operasional, topi, &lt;i data-index-in-node=&quot;90&quot; data-path-to-node=&quot;70,1,0&quot;&gt;lanyard&lt;/i&gt; (tali kartu identitas), dan alat pelindung diri (APD) beridentitas perusahaan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;70,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;70,2,0&quot;&gt;Vehicle Livery (Branding Armada Kendaraan):&lt;/b&gt; Desain stiker pembungkus (&lt;i data-index-in-node=&quot;70&quot; data-path-to-node=&quot;70,2,0&quot;&gt;car wrapping&lt;/i&gt;) pada mobil operasional, truk logistik, hingga armada kurir yang berfungsi sebagai papan reklame berjalan di jalan raya.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 data-path-to-node=&quot;71&quot;&gt;Peran Graphic Standard Manual dalam Menjaga Identitas Visual&lt;/h2&gt;&lt;p data-path-to-node=&quot;72&quot;&gt;Bayangkan sebuah perusahaan memiliki 500 karyawan di berbagai kota, bekerja sama dengan tiga agensi periklanan yang berbeda, dan mencetak suvenir di lima vendor percetakan. Tanpa satu buku aturan yang mengikat, masing-masing pihak akan menafsirkan warna, ukuran logo, dan jenis huruf sesuai selera mereka sendiri. Di sinilah &lt;i data-index-in-node=&quot;325&quot; data-path-to-node=&quot;72&quot;&gt;Graphic Standard Manual&lt;/i&gt; (GSM)—yang juga sering disebut &lt;i data-index-in-node=&quot;380&quot; data-path-to-node=&quot;72&quot;&gt;Brand Guidelines&lt;/i&gt; atau &lt;i data-index-in-node=&quot;402&quot; data-path-to-node=&quot;72&quot;&gt;Corporate Identity Manual&lt;/i&gt;—berperan sebagai &quot;konstitusi visual&quot; perusahaan.&lt;/p&gt;&lt;p data-path-to-node=&quot;73&quot;&gt;Jika kamu ingin mendalami struktur dokumen ini secara lebih terperinci, kamu bisa membaca pembahasan khusus mengenai &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;a _ngcontent-ng-c3604316791=&quot;&quot; _nghost-ng-c367016355=&quot;&quot; class=&quot;ng-star-inserted&quot; data-hveid=&quot;0&quot; data-ved=&quot;0CAAQ_4QMahgKEwjOodav77uXAxUAAAAAHQAAAAAQvQE&quot; decode-data-ved=&quot;1&quot; externallink=&quot;&quot; href=&quot;https://www.fikalmyid.com/2025/03/apa-itu-graphic-standard-manual.html&quot; jslog=&quot;197247;track:generic_click,impression,attention;BardVeMetadataKey:W1sicl8xYmYwNWE4M2Q5ZmRkNGRkIiwiY180NWI4OWMzZjQzNGJhYjFiIixudWxsLCJyY18wODgwOTE3MWRmYjUwZWQ3IixudWxsLG51bGwsImlkIixudWxsLDEsbnVsbCxudWxsLDEsMV1d&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;pengertian Graphic Standard Manual&lt;/a&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; yang menguraikan komponen isi serta fungsinya bagi desainer maupun pemilik bisnis. Secara praktis, dokumen GSM yang biasanya disusun menggunakan Adobe InDesign atau didokumentasikan secara interaktif di platform berbasis cloud ini mengatur batasan teknis yang tidak boleh dilanggar:&lt;/p&gt;&lt;ul data-path-to-node=&quot;74&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;74,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;74,0,0&quot;&gt;Aturan Zona Isolasi (Clear Space / Exclusion Zone):&lt;/b&gt; Menetapkan batas jarak kosong minimum di sekeliling logo (misalnya diukur menggunakan tinggi huruf &quot;X&quot; pada logo) yang harus bebas dari teks, tepi halaman, atau elemen grafis lain agar logo tidak terlihat terjepit.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;74,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;74,1,0&quot;&gt;Ukuran Minimum (Minimum Size):&lt;/b&gt; Menentukan batas ukuran terkecil logo boleh direproduksi dalam satuan milimeter (untuk cetak) dan piksel (untuk layar digital) agar detail grafisnya tidak hancur.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;74,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;74,2,0&quot;&gt;Daftar Larangan Visual (Logo Misuse / Do&#39;s and Don&#39;ts):&lt;/b&gt; Menampilkan contoh visual eksplisit mengenai apa saja yang dilarang keras dilakukan terhadap logo—seperti menarik paksa proporsi logo secara tidak seimbang (&lt;i data-index-in-node=&quot;213&quot; data-path-to-node=&quot;74,2,0&quot;&gt;stretching&lt;/i&gt;), mengubah kemiringan, mengganti warna di luar palet resmi, menambahkan efek bayangan (&lt;i data-index-in-node=&quot;311&quot; data-path-to-node=&quot;74,2,0&quot;&gt;drop shadow&lt;/i&gt;) sembarangan, atau menaruh logo di atas foto yang ramai tanpa latar kontras.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;74,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;74,3,0&quot;&gt;Aturan Komposisi dan Co-Branding:&lt;/b&gt; Mengatur bagaimana logo perusahaan disandingkan bersama logo mitra bisnis atau sponsor acara (ukuran proporsional, garis pemisah, dan keseimbangan optis).&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p data-path-to-node=&quot;75&quot;&gt;Temuan empiris dari &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Van den Bosch dkk. (2004, 2006)&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; menegaskan bahwa memiliki pedoman CVI yang selalu diperbarui (&lt;i data-index-in-node=&quot;114&quot; data-path-to-node=&quot;75&quot;&gt;up-to-date guidelines&lt;/i&gt;) dan mudah diakses oleh karyawan merupakan salah satu dari dua faktor paling efektif dalam menciptakan konsistensi visual organisasi, berdampingan dengan keteladanan para manajer.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;76&quot;&gt;Kesalahan yang Perlu Dihindari dalam Corporate Visual Identity&lt;/h2&gt;&lt;p data-path-to-node=&quot;77&quot;&gt;Meskipun sebuah perusahaan sudah mengeluarkan biaya besar untuk menyewa studio desain, implementasi identitas visual di lapangan masih sering tersandung oleh beberapa kesalahan klasik. Berikut adalah sejumlah jebakan teknis dan strategis yang perlu kamu hindari:&lt;/p&gt;&lt;ul data-path-to-node=&quot;78&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;78,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;78,0,0&quot;&gt;Mengabaikan Skalabilitas untuk Layar Mikro:&lt;/b&gt; Merancang logo dengan ilustrasi yang terlalu rumit, garis-garis tipis, atau gradasi warna halus yang terlihat indah di layar monitor besar, tetapi berubah menjadi bercak buram saat diperkecil menjadi foto profil media sosial atau dibordir pada seragam kerja.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;78,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;78,1,0&quot;&gt;Tidak Menyediakan Konversi Warna Lintas Medium:&lt;/b&gt; Hanya menetapkan warna menggunakan tampilan RGB di layar komputer tanpa menguji hasil cetaknya pada profil CMYK. Akibatnya, warna biru neon atau hijau cerah di layar berubah menjadi kusam dan gelap ketika dicetak di atas kertas kop surat atau kemasan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;78,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;78,2,0&quot;&gt;Mengabaikan Kontras Aksesibilitas Teks:&lt;/b&gt; Memaksakan kombinasi warna korporat—seperti teks putih di atas latar kuning muda atau abu-abu terang—pada materi informasi dan antarmuka situs web sehingga melanggar ambang batas kontras 4,5:1 &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;standar WCAG 2.2&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; dan menyulitkan audiens saat membaca.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;78,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;78,3,0&quot;&gt;Memilih Font Tanpa Memperhitungkan Lisensi dan Ketersediaan:&lt;/b&gt; Menggunakan &lt;i data-index-in-node=&quot;73&quot; data-path-to-node=&quot;78,3,0&quot;&gt;custom font&lt;/i&gt; berbayar yang eksklusif tanpa menyiapkan &lt;i data-index-in-node=&quot;126&quot; data-path-to-node=&quot;78,3,0&quot;&gt;fallback font&lt;/i&gt; untuk kebutuhan dokumen internal. Ketika file presentasi dibuka oleh staf penjualan di laptop lain, huruf otomatis berubah menjadi huruf bawaan yang merusak seluruh tata letak halaman.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;78,4,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;78,4,0&quot;&gt;Menyimpan GSM Sebagai Dokumen Mati:&lt;/b&gt; Sebagaimana disoroti dalam &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c3604316791=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;artikel Canva mengenai pengelolaan Brand Kit&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, banyak perusahaan sudah memiliki dokumen panduan merek, tetapi pedoman tersebut tidak ditegakkan karena file PDF-nya terkubur di dalam folder penyimpanan dan sulit diakses saat tim sedang terburu-buru membuat konten.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;78,5,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;78,5,0&quot;&gt;Terjebak Dogma Konsistensi yang Terlalu Kaku:&lt;/b&gt; Menolak segala bentuk adaptasi kontekstual hingga menghambat kreativitas komunikasi di kanal digital baru. Konsistensi visual yang sehat tetap memberi ruang fleksibilitas terukur—misalnya membedakan &lt;i data-index-in-node=&quot;245&quot; data-path-to-node=&quot;78,5,0&quot;&gt;layout&lt;/i&gt; untuk konten edukasi formal di LinkedIn dengan konten interaktif di Instagram—selama elemen inti seperti logo, palet warna, dan karakter tipografi tetap mengacu pada sistem yang sama.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p data-path-to-node=&quot;79&quot;&gt;Membangun dan merawat &lt;b data-index-in-node=&quot;22&quot; data-path-to-node=&quot;79&quot;&gt;Corporate Visual Identity&lt;/b&gt; pada akhirnya adalah investasi jangka panjang yang menuntut kolaborasi antara ketepatan teknis desain grafis dan kedisiplinan manajemen internal. Mulailah dengan mengaudit seluruh aset visual yang digunakan bisnis atau organisasi kamu saat ini: pastikan file master vektor tersimpan rapi, kode warna dan lisensi tipografi terdokumentasi dengan jelas, serta setiap anggota tim memiliki akses langsung ke templat kerja yang sudah terstandarisasi.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/corporate-visual-identity-pengertian.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgALAptO_f0ZrrJpWaYPLYIm0NIFyUdVUGfeB1s9pArtWpPXyEanuGdkg-yMHZAu3n3YrQrpLndHG35tRcOiG1vq3H-s9t1OwGcCbZYMia1gSZOGvd0B_SwGh-etWeH0SiajVKhL6wXhZh9tayfTbrOC8Iozwq24ArhTnCWXPsY0VJsFYrgk3r1CMCXYJmx/s72-c/Corporate%20Visual%20Identity_%20Pengertian,%20Elemen%20&amp;%20Panduan.webp" height="72" width="72"/><thr:total>4</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-1329330781089570214</guid><pubDate>Wed, 14 Oct 2026 08:10:44 +0000</pubDate><atom:updated>2026-10-14T18:25:08.334+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Ukuran Story Instagram Terbaru 2026: Pixel, Rasio &amp; Canva</title><description>&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGmq3_06FXeTR6BsEQb7lYiSVq4gGRByae8zxmvY9HJKL5AX4CHhDJK7_bRn1uj2horj30NwzM570O8saLRm4cytDnr__SpWeu00WUgu9_rhq2w1XsZ1D5b1hOk-6I4sh4NDUqBl-fKvAVpe_R3V6ydzifU48le0njdcoRrzcWVLTK-WLjq-oBIG7kw53/s1200/Ukuran%20Story%20Instagram%20Terbaru%202026_%20Pixel,%20Rasio%20&amp;amp;%20Canva.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Story Instagram Terbaru 2026: Pixel, Rasio &amp;amp; Canva&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGmq3_06FXeTR6BsEQb7lYiSVq4gGRByae8zxmvY9HJKL5AX4CHhDJK7_bRn1uj2horj30NwzM570O8saLRm4cytDnr__SpWeu00WUgu9_rhq2w1XsZ1D5b1hOk-6I4sh4NDUqBl-fKvAVpe_R3V6ydzifU48le0njdcoRrzcWVLTK-WLjq-oBIG7kw53/s1600/Ukuran%20Story%20Instagram%20Terbaru%202026_%20Pixel,%20Rasio%20&amp;amp;%20Canva.webp&quot; title=&quot;Ukuran Story Instagram Terbaru 2026: Pixel, Rasio &amp;amp; Canva&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;13&quot;&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;Ukuran Story Instagram terbaru&lt;/b&gt; pada tahun 2026 adalah &lt;b data-index-in-node=&quot;54&quot; data-path-to-node=&quot;13&quot;&gt;1080 x 1920 piksel&lt;/b&gt; (lebar 1080 px dan tinggi 1920 px) dengan rasio aspek vertikal &lt;b data-index-in-node=&quot;136&quot; data-path-to-node=&quot;13&quot;&gt;9:16&lt;/b&gt;. Standar dimensi layar penuh ini berlaku untuk unggahan foto maupun video, dengan batas ukuran file maksimal 30 MB untuk foto (JPG/PNG) serta 4 GB untuk video (MP4/MOV).&lt;p&gt;&lt;/p&gt;&lt;p data-path-to-node=&quot;14&quot;&gt;Pernahkah kamu sudah susah payah mendesain poster promo atau mengedit video estetik, tapi begitu diunggah ke Instagram Story hasilnya malah buram dan teks bagian bawahnya tertutup tombol kirim pesan? Masalah klasik ini hampir selalu berakar dari ukuran kanvas yang kurang tepat sejak awal pembuatan desain. Kalau kamu memahami spesifikasi teknis yang diminta oleh algoritma kompresi Instagram, setiap konten visual yang kamu bagikan akan tampil tajam dan proporsional di berbagai layar ponsel.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;15&quot;&gt;Berapa Ukuran Story Instagram Terbaru 2026?&lt;/h2&gt;&lt;p data-path-to-node=&quot;16&quot;&gt;Berdasarkan dokumentasi resmi &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, resolusi yang direkomendasikan untuk &lt;b data-index-in-node=&quot;94&quot; data-path-to-node=&quot;16&quot;&gt;ukuran Story Instagram terbaru&lt;/b&gt; di tahun 2026 tetap mengacu pada dimensi &lt;b data-index-in-node=&quot;166&quot; data-path-to-node=&quot;16&quot;&gt;1080 x 1920 piksel&lt;/b&gt; dengan rasio aspek &lt;b data-index-in-node=&quot;204&quot; data-path-to-node=&quot;16&quot;&gt;9:16&lt;/b&gt;. Angka 1080 piksel menunjukkan lebar horizontal kanvas, sedangkan 1920 piksel menunjukkan tinggi vertikalnya. Standar ini dirancang khusus mengikuti proporsi layar ponsel pintar modern ketika digenggam secara tegak (&lt;i data-index-in-node=&quot;425&quot; data-path-to-node=&quot;16&quot;&gt;portrait&lt;/i&gt;).&lt;/p&gt;&lt;p data-path-to-node=&quot;17&quot;&gt;Jika kamu menggunakan perangkat atau aset gambar dengan resolusi yang lebih rendah, &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; menetapkan batas resolusi minimum pada angka &lt;b data-index-in-node=&quot;155&quot; data-path-to-node=&quot;17&quot;&gt;600 x 1067 piksel&lt;/b&gt;. Di sisi lain, untuk kebutuhan iklan berbayar (&lt;i data-index-in-node=&quot;220&quot; data-path-to-node=&quot;17&quot;&gt;Instagram Stories Ads&lt;/i&gt;) yang menuntut detail ekstra tajam, panduan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Hootsuite&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; mencatat bahwa kamu juga bisa menggunakan resolusi hingga &lt;b data-index-in-node=&quot;354&quot; data-path-to-node=&quot;17&quot;&gt;1440 x 2560 piksel&lt;/b&gt; selama tetap mempertahankan rasio 9:16. Namun, untuk konten harian organik, ukuran 1080 x 1920 piksel sudah menjadi titik paling ideal karena tajam di layar sekaligus ringan saat dimuat oleh audiens.&lt;/p&gt;&lt;p data-path-to-node=&quot;18&quot;&gt;Apa jadinya kalau kamu mengunggah gambar yang ukurannya tidak sesuai dengan rasio 9:16? Aplikasi Instagram sebenarnya menerima rasio dari 1.91:1 hingga 4:5 untuk dimasukkan ke dalam Story, tetapi sistem akan memprosesnya dengan dua kemungkinan. Jika kamu mencubit layar untuk memperbesar foto hingga penuh, bagian kiri dan kanan gambar akan terpotong (&lt;i data-index-in-node=&quot;352&quot; data-path-to-node=&quot;18&quot;&gt;cropped&lt;/i&gt;), sedangkan jika dibiarkan utuh, Instagram akan menambahkan latar belakang warna gradien atau ruang kosong di bagian atas dan bawah gambar.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;19&quot;&gt;Ukuran Instagram Story dalam Pixel, Rasio, dan CM&lt;/h2&gt;&lt;p data-path-to-node=&quot;20&quot;&gt;Saat membuka software desain grafis seperti Adobe Illustrator, CorelDRAW, atau Photoshop, kamu mungkin menemui pengaturan satuan ukuran yang menggunakan sentimeter (cm), milimeter (mm), atau inci (&lt;i data-index-in-node=&quot;197&quot; data-path-to-node=&quot;20&quot;&gt;inches&lt;/i&gt;). Mengingat Instagram adalah platform digital berbasis layar, satuan utamanya selalu menggunakan piksel (&lt;i data-index-in-node=&quot;309&quot; data-path-to-node=&quot;20&quot;&gt;pixel&lt;/i&gt;) dan rasio aspek (&lt;i data-index-in-node=&quot;333&quot; data-path-to-node=&quot;20&quot;&gt;aspect ratio&lt;/i&gt;). Namun, kamu tetap bisa mengonversi dimensi 1080 x 1920 piksel tersebut ke dalam satuan sentimeter secara akurat.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;21&quot;&gt;Mengapa Konversi Pixel ke CM Dipengaruhi oleh DPI?&lt;/h3&gt;&lt;p data-path-to-node=&quot;22&quot;&gt;Dalam prinsip desain grafis, konversi dari satuan piksel ke satuan fisik seperti sentimeter sangat bergantung pada nilai kepadatan piksel atau &lt;i data-index-in-node=&quot;143&quot; data-path-to-node=&quot;22&quot;&gt;Dots Per Inch&lt;/i&gt; (DPI) / &lt;i data-index-in-node=&quot;165&quot; data-path-to-node=&quot;22&quot;&gt;Pixels Per Inch&lt;/i&gt; (PPI) yang kamu atur pada dokumen. Untuk kebutuhan layar digital dan media sosial, standar resolusi yang digunakan adalah &lt;b data-index-in-node=&quot;303&quot; data-path-to-node=&quot;22&quot;&gt;72 DPI&lt;/b&gt; atau &lt;b data-index-in-node=&quot;315&quot; data-path-to-node=&quot;22&quot;&gt;96 DPI&lt;/b&gt;, bukan 300 DPI yang dikhususkan untuk media cetak (&lt;i data-index-in-node=&quot;373&quot; data-path-to-node=&quot;22&quot;&gt;print&lt;/i&gt;).&lt;/p&gt;&lt;p data-path-to-node=&quot;23&quot;&gt;Berdasarkan perhitungan konversi pada &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;CSS Unit Converter&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, ukuran 1080 x 1920 piksel pada kepadatan 300 PPI setara dengan &lt;b data-index-in-node=&quot;121&quot; data-path-to-node=&quot;23&quot;&gt;3,6 x 6,4 inci&lt;/b&gt; atau sekitar &lt;b data-index-in-node=&quot;149&quot; data-path-to-node=&quot;23&quot;&gt;9,14 x 16,26 cm&lt;/b&gt;. Sebaliknya, jika kanvas diatur pada standar layar digital &lt;b data-index-in-node=&quot;224&quot; data-path-to-node=&quot;23&quot;&gt;72 PPI&lt;/b&gt;, ukuran 1080 x 1920 piksel setara dengan &lt;b data-index-in-node=&quot;272&quot; data-path-to-node=&quot;23&quot;&gt;15 x 26,67 inci&lt;/b&gt; atau &lt;b data-index-in-node=&quot;293&quot; data-path-to-node=&quot;23&quot;&gt;38,1 x 67,73 cm&lt;/b&gt;, dan pada &lt;b data-index-in-node=&quot;319&quot; data-path-to-node=&quot;23&quot;&gt;96 PPI&lt;/b&gt; menjadi &lt;b data-index-in-node=&quot;334&quot; data-path-to-node=&quot;23&quot;&gt;28,58 x 50,8 cm&lt;/b&gt;. Karena itu, saat membuat dokumen baru di software desain, sangat disarankan langsung mengubah satuan kanvas ke &lt;b data-index-in-node=&quot;462&quot; data-path-to-node=&quot;23&quot;&gt;Pixels (px)&lt;/b&gt; agar kamu tidak salah menghasilkan file beresolusi terlalu kecil atau membengkak terlalu besar.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;24&quot;&gt;Tabel Konversi Ukuran Instagram Story Lengkap&lt;/h3&gt;&lt;p data-path-to-node=&quot;25&quot;&gt;Agar memudahkan kamu saat mengatur &lt;i data-index-in-node=&quot;35&quot; data-path-to-node=&quot;25&quot;&gt;artboard&lt;/i&gt; di berbagai aplikasi desain, tabel berikut merangkum ukuran standar Instagram Story dalam berbagai satuan:&lt;/p&gt;&lt;table data-path-to-node=&quot;26&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; color: #1f1f1f; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; font-family: &amp;quot;Google Sans Text&amp;quot;, sans-serif; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 32px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px 0px 32px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;thead style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Parameter / Satuan&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Nilai Ukuran&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Keterangan Penggunaan&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,1,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,1,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Resolusi Ideal (Pixel)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,1,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1080 x 1920 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,1,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Standar utama untuk desain digital &amp;amp; semua aplikasi edit&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,2,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,2,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Resolusi Minimum (Pixel)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,2,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;600 x 1067 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,2,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Batas bawah agar gambar tidak ditolak atau buram parah&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,3,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,3,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Resolusi Tinggi / Ads (Pixel)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,3,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1440 x 2560 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,3,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Opsional untuk aset iklan beresolusi tinggi (tetap 9:16)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,4,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,4,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Rasio Aspek (Aspect Ratio)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,4,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;9:16&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,4,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Proporsi vertikal layar penuh (&lt;i data-index-in-node=&quot;31&quot; data-path-to-node=&quot;26,4,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;full-screen portrait&lt;/i&gt;)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,5,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,5,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Ukuran dalam CM (72 DPI)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,5,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;38,1 x 67,73 cm&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,5,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Standar konversi resolusi layar web/digital (72 PPI)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,6,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,6,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Ukuran dalam CM (96 DPI)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,6,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;28,58 x 50,8 cm&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,6,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Standar konversi layar monitor modern (96 PPI)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,7,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,7,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Ukuran dalam CM (300 DPI)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,7,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;9,14 x 16,26 cm&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,7,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Konversi kepadatan cetak (300 PPI)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,8,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;26,8,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Ukuran dalam Inci (300 DPI)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,8,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;3,6 x 6,4 inci&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;26,8,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Satuan inci pada kepadatan 300 PPI&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h2 data-path-to-node=&quot;27&quot;&gt;Ukuran Instagram Story untuk Foto&lt;/h2&gt;&lt;p data-path-to-node=&quot;28&quot;&gt;Untuk konten foto atau desain poster statis, ukuran kanvas yang wajib kamu gunakan adalah &lt;b data-index-in-node=&quot;90&quot; data-path-to-node=&quot;28&quot;&gt;1080 x 1920 piksel&lt;/b&gt; (rasio 9:16). Menurut spesifikasi &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, batas ukuran file (&lt;i data-index-in-node=&quot;189&quot; data-path-to-node=&quot;28&quot;&gt;file size&lt;/i&gt;) maksimal untuk satu foto di Instagram Story adalah &lt;b data-index-in-node=&quot;251&quot; data-path-to-node=&quot;28&quot;&gt;30 MB&lt;/b&gt;. Secara bawaan (&lt;i data-index-in-node=&quot;273&quot; data-path-to-node=&quot;28&quot;&gt;default&lt;/i&gt;), setiap foto statis yang kamu unggah ke Story akan ditampilkan selama &lt;b data-index-in-node=&quot;352&quot; data-path-to-node=&quot;28&quot;&gt;5 detik&lt;/b&gt; sebelum berpindah ke slide berikutnya.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;29&quot;&gt;Pilihan Format File dan Profil Warna Terbaik&lt;/h3&gt;&lt;p data-path-to-node=&quot;30&quot;&gt;Panduan dari &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Buffer&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; dan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; menyebutkan bahwa format foto utama yang didukung oleh Instagram meliputi &lt;b data-index-in-node=&quot;124&quot; data-path-to-node=&quot;30&quot;&gt;JPG (atau JPEG)&lt;/b&gt; dan &lt;b data-index-in-node=&quot;144&quot; data-path-to-node=&quot;30&quot;&gt;PNG&lt;/b&gt;. Keduanya punya fungsi berbeda dalam workflow desain grafis yang sebaiknya kamu sesuaikan dengan jenis visualmu:&lt;/p&gt;&lt;ul data-path-to-node=&quot;31&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;31,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;31,0,0&quot;&gt;Gunakan format PNG&lt;/b&gt; jika desain Story kamu memuat banyak elemen tipografi (teks promosi, daftar harga), logo vektor, ilustrasi &lt;i data-index-in-node=&quot;126&quot; data-path-to-node=&quot;31,0,0&quot;&gt;flat design&lt;/i&gt;, atau gradasi warna yang halus. Format PNG menggunakan kompresi &lt;i data-index-in-node=&quot;202&quot; data-path-to-node=&quot;31,0,0&quot;&gt;lossless&lt;/i&gt; sehingga tepian huruf tetap tajam dan tidak menimbulkan bercak &lt;i data-index-in-node=&quot;274&quot; data-path-to-node=&quot;31,0,0&quot;&gt;artifact&lt;/i&gt; di sekitar teks.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;31,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;31,1,0&quot;&gt;Gunakan format JPG (kualitas 85%–100%)&lt;/b&gt; jika konten Story kamu murni berupa fotografi potret, pemandangan, atau foto produk tanpa tambahan teks desain yang rumit. File JPG memiliki ukuran yang lebih ramping sehingga proses unggah di jaringan seluler berjalan lebih cepat tanpa memicu kompresi agresif dari server Instagram.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;31,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;31,2,0&quot;&gt;Gunakan profil warna sRGB&lt;/b&gt; saat mengekspor file dari software seperti Photoshop, Illustrator, atau Affinity Designer. Jangan pernah menggunakan mode warna CMYK untuk konten Instagram Story, karena warna CMYK akan berubah menjadi pucat atau tampak terlalu neon ketika dibuka di layar ponsel.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 data-path-to-node=&quot;32&quot;&gt;Ukuran Instagram Story untuk Video&lt;/h2&gt;&lt;p data-path-to-node=&quot;33&quot;&gt;Sama seperti foto, dimensi visual untuk video Instagram Story adalah &lt;b data-index-in-node=&quot;69&quot; data-path-to-node=&quot;33&quot;&gt;1080 x 1920 piksel&lt;/b&gt; dengan rasio aspek &lt;b data-index-in-node=&quot;107&quot; data-path-to-node=&quot;33&quot;&gt;9:16&lt;/b&gt;. Berdasarkan panduan resmi &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, format file video yang paling direkomendasikan adalah &lt;b data-index-in-node=&quot;220&quot; data-path-to-node=&quot;33&quot;&gt;MP4&lt;/b&gt; atau &lt;b data-index-in-node=&quot;229&quot; data-path-to-node=&quot;33&quot;&gt;MOV&lt;/b&gt; dengan ukuran file maksimal hingga &lt;b data-index-in-node=&quot;268&quot; data-path-to-node=&quot;33&quot;&gt;4 GB&lt;/b&gt;. Namun, dalam praktik sehari-hari, menjaga ukuran file video di bawah &lt;b data-index-in-node=&quot;343&quot; data-path-to-node=&quot;33&quot;&gt;100 MB hingga 250 MB&lt;/b&gt; untuk klip berdurasi 60 detik akan sangat membantu mencegah penurunan kualitas saat diunggah melalui aplikasi.&lt;/p&gt;&lt;p data-path-to-node=&quot;34&quot;&gt;Terkait durasi, laporan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Moonb&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; mengonfirmasi bahwa batas durasi video untuk satu unggahan Instagram Story organik di tahun 2026 adalah &lt;b data-index-in-node=&quot;134&quot; data-path-to-node=&quot;34&quot;&gt;60 detik&lt;/b&gt; per klip tanpa dipotong lagi menjadi segmen 15 detik seperti versi lama. Sementara itu, khusus untuk penempatan iklan berbayar melalui Meta Ads Manager, dokumentasi &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; menyebutkan dukungan durasi teknis hingga maksimal 60 menit, walaupun durasi 15–30 detik tetap paling efektif untuk mempertahankan perhatian penonton.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;35&quot;&gt;Spesifikasi Teknis Render Video agar Mulus&lt;/h3&gt;&lt;p data-path-to-node=&quot;36&quot;&gt;Bagi kamu yang mengedit video menggunakan CapCut, Adobe Premiere Pro, DaVinci Resolve, atau After Effects, menyamakan ukuran piksel saja belum cukup. Atur parameter ekspor (&lt;i data-index-in-node=&quot;173&quot; data-path-to-node=&quot;36&quot;&gt;render settings&lt;/i&gt;) mengikuti standar codec yang didukung &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; berikut ini:&lt;/p&gt;&lt;ul data-path-to-node=&quot;37&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;37,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;37,0,0&quot;&gt;Video Codec&lt;/b&gt;: Pilih &lt;b data-index-in-node=&quot;19&quot; data-path-to-node=&quot;37,0,0&quot;&gt;H.264&lt;/b&gt; (atau VP8) dengan pengaturan &lt;i data-index-in-node=&quot;54&quot; data-path-to-node=&quot;37,0,0&quot;&gt;High Profile&lt;/i&gt;. Hindari mengunggah file mentah berformat Apple ProRes atau H.265 (HEVC) ber-bitrate ekstrem jika tidak ingin warna video tampak pudar setelah dikompresi ulang oleh aplikasi.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;37,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;37,1,0&quot;&gt;Audio Codec&lt;/b&gt;: Gunakan &lt;b data-index-in-node=&quot;21&quot; data-path-to-node=&quot;37,1,0&quot;&gt;AAC&lt;/b&gt; pada &lt;i data-index-in-node=&quot;30&quot; data-path-to-node=&quot;37,1,0&quot;&gt;sample rate&lt;/i&gt; 44.1 kHz atau 48 kHz (Stereo) dengan bitrate minimal 128 kbps hingga 256 kbps agar suara musik dan &lt;i data-index-in-node=&quot;141&quot; data-path-to-node=&quot;37,1,0&quot;&gt;voice-over&lt;/i&gt; terdengar jernih.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;37,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;37,2,0&quot;&gt;Frame Rate&lt;/b&gt;: Gunakan &lt;b data-index-in-node=&quot;20&quot; data-path-to-node=&quot;37,2,0&quot;&gt;30 fps&lt;/b&gt; (&lt;i data-index-in-node=&quot;28&quot; data-path-to-node=&quot;37,2,0&quot;&gt;frames per second&lt;/i&gt;) untuk standar video paling stabil, atau &lt;b data-index-in-node=&quot;87&quot; data-path-to-node=&quot;37,2,0&quot;&gt;60 fps&lt;/b&gt; jika videomu menampilkan pergerakan cepat seperti olahraga dan transisi sinematik.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;37,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;37,3,0&quot;&gt;Bitrate Video&lt;/b&gt;: Atur menggunakan metode CBR (&lt;i data-index-in-node=&quot;44&quot; data-path-to-node=&quot;37,3,0&quot;&gt;Constant Bitrate&lt;/i&gt;) atau VBR 2-Pass di kisaran &lt;b data-index-in-node=&quot;89&quot; data-path-to-node=&quot;37,3,0&quot;&gt;8 Mbps hingga 15 Mbps&lt;/b&gt; untuk resolusi 1080p. Bitrate yang terlalu tinggi (misalnya 50 Mbps) justru memicu algoritma kompresi Instagram memangkas ukuran file secara drastis.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 data-path-to-node=&quot;38&quot;&gt;Safe Area Instagram Story agar Teks Tidak Terpotong&lt;/h2&gt;&lt;p data-path-to-node=&quot;39&quot;&gt;Pernah melihat Story yang judul utamanya tertutup foto profil akun di pojok kiri atas, atau informasi harga diskonnya terhalang kolom &lt;i data-index-in-node=&quot;134&quot; data-path-to-node=&quot;39&quot;&gt;&quot;Send message&quot;&lt;/i&gt; di bagian bawah? Dalam desain antarmuka (&lt;i data-index-in-node=&quot;190&quot; data-path-to-node=&quot;39&quot;&gt;UI design&lt;/i&gt;), layar Instagram Story tidak sepenuhnya kosong. Sebagaimana dijelaskan dalam panduan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center tentang Safe Zone&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, &lt;i data-index-in-node=&quot;331&quot; data-path-to-node=&quot;39&quot;&gt;safe area&lt;/i&gt; atau &lt;i data-index-in-node=&quot;346&quot; data-path-to-node=&quot;39&quot;&gt;safe zone&lt;/i&gt; adalah zona aman di bagian tengah kanvas tempat elemen penting seperti teks, logo, stiker interaktif, dan wajah subjek tidak akan tertutup oleh antarmuka aplikasi maupun terpotong di layar ponsel yang lebih ramping.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;40&quot;&gt;Batas Pixel Safe Zone Bagian Atas, Bawah, dan Samping&lt;/h3&gt;&lt;p data-path-to-node=&quot;41&quot;&gt;Mengacu pada data ukuran media sosial terbaru dari &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Hootsuite&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; dan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Buffer&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, pada kanvas berukuran 1080 x 1920 piksel, kamu wajib menyisakan ruang kosong (&lt;i data-index-in-node=&quot;151&quot; data-path-to-node=&quot;41&quot;&gt;margin&lt;/i&gt;) di bagian tepi dengan rincian ukuran berikut:&lt;/p&gt;&lt;ul data-path-to-node=&quot;42&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,0,0&quot;&gt;Margin Atas (Top Margin)&lt;/b&gt;: Kosongkan minimal &lt;b data-index-in-node=&quot;44&quot; data-path-to-node=&quot;42,0,0&quot;&gt;250 piksel&lt;/b&gt; (sekitar 14% dari tinggi layar) dari tepi atas. Area ini ditempati oleh &lt;i data-index-in-node=&quot;127&quot; data-path-to-node=&quot;42,0,0&quot;&gt;progress bar&lt;/i&gt; Story, foto profil, nama akun, keterangan waktu, serta tombol menu titik tiga dan tombol tutup (X).&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,1,0&quot;&gt;Margin Bawah (Bottom Margin)&lt;/b&gt;: Kosongkan minimal &lt;b data-index-in-node=&quot;48&quot; data-path-to-node=&quot;42,1,0&quot;&gt;340 piksel&lt;/b&gt; (sekitar 20% dari tinggi layar) dari tepi bawah, terutama jika kontenmu digunakan untuk iklan atau mencantumkan teks penting. Area bawah ini dipenuhi oleh kolom balasan pesan (&lt;i data-index-in-node=&quot;235&quot; data-path-to-node=&quot;42,1,0&quot;&gt;Reply&lt;/i&gt;), ikon &lt;i data-index-in-node=&quot;248&quot; data-path-to-node=&quot;42,1,0&quot;&gt;Like&lt;/i&gt; (hati), tombol &lt;i data-index-in-node=&quot;268&quot; data-path-to-node=&quot;42,1,0&quot;&gt;Share&lt;/i&gt; (pesawat kertas), serta tombol &lt;i data-index-in-node=&quot;305&quot; data-path-to-node=&quot;42,1,0&quot;&gt;Call to Action&lt;/i&gt; (CTA) atau &lt;i data-index-in-node=&quot;331&quot; data-path-to-node=&quot;42,1,0&quot;&gt;Swipe Up/Link&lt;/i&gt; pada iklan.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,2,0&quot;&gt;Margin Samping Kiri &amp;amp; Kanan (Side Margins)&lt;/b&gt;: Kosongkan sekitar &lt;b data-index-in-node=&quot;62&quot; data-path-to-node=&quot;42,2,0&quot;&gt;60 hingga 65 piksel&lt;/b&gt; (sekitar 6% dari lebar layar) di sisi kiri dan kanan. Seperti dijelaskan oleh &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Meta Business Help Center&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, pada layar ponsel modern yang lebih tinggi dan sempit dari rasio 9:16 (misalnya layar rasio 20:9), aplikasi dapat melakukan sedikit &lt;i data-index-in-node=&quot;319&quot; data-path-to-node=&quot;42,2,0&quot;&gt;zoom-in&lt;/i&gt; otomatis sehingga tepi kiri dan kanan terpotong tipis.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;42,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;42,3,0&quot;&gt;Total Ruang Aman (Safe Area Ideal)&lt;/b&gt;: Jika dikurangi margin atas dan bawah, ruang aman utama di bagian tengah kanvas berada di kisaran &lt;b data-index-in-node=&quot;133&quot; data-path-to-node=&quot;42,3,0&quot;&gt;1080 x 1330 piksel&lt;/b&gt; (untuk standar aman organik dan iklan) hingga &lt;b data-index-in-node=&quot;198&quot; data-path-to-node=&quot;42,3,0&quot;&gt;1080 x 1610 piksel&lt;/b&gt; (untuk Story organik dengan margin minimal).&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p data-path-to-node=&quot;43&quot;&gt;Agar pesan visualmu tetap enak dilihat meskipun semua teks dikumpulkan di area tengah, kamu perlu mengatur hierarki tipografi dan ruang kosong (&lt;i data-index-in-node=&quot;144&quot; data-path-to-node=&quot;43&quot;&gt;white space&lt;/i&gt;) dengan bijak. Memahami berbagai &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;a _ngcontent-ng-c667435266=&quot;&quot; _nghost-ng-c2235149849=&quot;&quot; class=&quot;ng-star-inserted&quot; data-hveid=&quot;28&quot; externallink=&quot;&quot; href=&quot;https://www.fikalmyid.com/2026/06/12-jenis-layout-desain-grafis-cara.html&quot; jslog=&quot;197247;track:generic_click,impression,attention;BardVeMetadataKey:W1sicl82MTFjMTQ3ZDBjNThkYTI3IiwiY181NjE4YTUzZWNiYmIxYjk2IixudWxsLCJyY183NDZhMzAyMGQ3Yjk5ZjM5IixudWxsLG51bGwsImlkIixudWxsLDEsbnVsbCxudWxsLDEsMV1d&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;jenis layout desain grafis&lt;/a&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; akan sangat membantumu menyusun keseimbangan antara judul, gambar produk, dan elemen dekoratif di dalam batas &lt;i data-index-in-node=&quot;326&quot; data-path-to-node=&quot;43&quot;&gt;safe zone&lt;/i&gt; tersebut tanpa membuat tampilan Story terasa sumpek.&lt;/p&gt;&lt;h2 data-path-to-node=&quot;44&quot;&gt;Ukuran Instagram Story di Canva&lt;/h2&gt;&lt;p data-path-to-node=&quot;45&quot;&gt;Kalau kamu menginginkan proses desain yang serba praktis tanpa harus menghafal angka piksel setiap saat, &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Canva&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; sudah menyediakan preset kanvas khusus yang langsung mengunci ukuran &lt;b data-index-in-node=&quot;180&quot; data-path-to-node=&quot;45&quot;&gt;1080 x 1920 piksel&lt;/b&gt; (rasio 9:16). Baik versi aplikasi mobile (Android/iOS) maupun versi browser desktop menggunakan standar dimensi yang sama persis. Selain Canva, kamu juga bisa memanfaatkan berbagai &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;a _ngcontent-ng-c667435266=&quot;&quot; _nghost-ng-c2235149849=&quot;&quot; class=&quot;ng-star-inserted&quot; data-hveid=&quot;30&quot; externallink=&quot;&quot; href=&quot;https://www.fikalmyid.com/2025/02/7-aplikasi-desain-grafis-online-gratis.html&quot; jslog=&quot;197247;track:generic_click,impression,attention;BardVeMetadataKey:W1sicl82MTFjMTQ3ZDBjNThkYTI3IiwiY181NjE4YTUzZWNiYmIxYjk2IixudWxsLCJyY183NDZhMzAyMGQ3Yjk5ZjM5IixudWxsLG51bGwsImlkIixudWxsLDEsbnVsbCxudWxsLDEsMV1d&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;aplikasi desain grafis online gratis&lt;/a&gt;&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; lainnya yang menyediakan fitur &lt;i data-index-in-node=&quot;448&quot; data-path-to-node=&quot;45&quot;&gt;preset&lt;/i&gt; ukuran media sosial serupa untuk mempercepat pekerjaan desain harianmu.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;46&quot;&gt;Langkah Membuat Kanvas Story di Canva dari Awal&lt;/h3&gt;&lt;p data-path-to-node=&quot;47&quot;&gt;Supaya desainmu di Canva langsung sesuai standar ukuran Story terbaru dan dilengkapi garis bantu zona aman, ikuti langkah-langkah konkret berikut:&lt;/p&gt;&lt;ol data-path-to-node=&quot;48&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;48,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;48,0,0&quot;&gt;Buka Aplikasi atau Situs Canva&lt;/b&gt;: Masuk ke akun Canva kamu melalui browser laptop atau aplikasi di ponsel, lalu klik tombol &lt;b data-index-in-node=&quot;122&quot; data-path-to-node=&quot;48,0,0&quot;&gt;Create a design&lt;/b&gt; (Buat Desain).&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;48,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;48,1,0&quot;&gt;Pilih Preset atau Custom Size&lt;/b&gt;: Ketik &lt;b data-index-in-node=&quot;37&quot; data-path-to-node=&quot;48,1,0&quot;&gt;&quot;Instagram Story&quot;&lt;/b&gt; pada kolom pencarian hingga muncul opsi berukuran &lt;b data-index-in-node=&quot;105&quot; data-path-to-node=&quot;48,1,0&quot;&gt;1080 x 1920 px&lt;/b&gt;, atau klik tombol &lt;b data-index-in-node=&quot;138&quot; data-path-to-node=&quot;48,1,0&quot;&gt;Custom size&lt;/b&gt; (Ukuran khusus) lalu ketik lebar &lt;code data-index-in-node=&quot;183&quot; data-path-to-node=&quot;48,1,0&quot;&gt;1080&lt;/code&gt;, tinggi &lt;code data-index-in-node=&quot;196&quot; data-path-to-node=&quot;48,1,0&quot;&gt;1920&lt;/code&gt;, dan pastikan satuannya terpilih &lt;b data-index-in-node=&quot;234&quot; data-path-to-node=&quot;48,1,0&quot;&gt;px&lt;/b&gt;.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;48,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;48,2,0&quot;&gt;Aktifkan Penggaris dan Garis Bantu (Rulers &amp;amp; Guides)&lt;/b&gt;: Jika kamu menggunakan Canva di komputer, tekan kombinasi tombol &lt;code data-index-in-node=&quot;118&quot; data-path-to-node=&quot;48,2,0&quot;&gt;Shift + R&lt;/code&gt; atau masuk ke menu &lt;b data-index-in-node=&quot;147&quot; data-path-to-node=&quot;48,2,0&quot;&gt;File &amp;gt; View settings &amp;gt; Show rulers and guides&lt;/b&gt;. Tarik garis bantu dari penggaris atas ke angka &lt;b data-index-in-node=&quot;241&quot; data-path-to-node=&quot;48,2,0&quot;&gt;250 px&lt;/b&gt; dan dari bawah ke angka &lt;b data-index-in-node=&quot;272&quot; data-path-to-node=&quot;48,2,0&quot;&gt;1580 px&lt;/b&gt; (1920 dikurangi 340 px) sebagai pembatas &lt;i data-index-in-node=&quot;321&quot; data-path-to-node=&quot;48,2,0&quot;&gt;safe area&lt;/i&gt;.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;48,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;48,3,0&quot;&gt;Susun Desain dan Aset Media&lt;/b&gt;: Masukkan foto, video, atau elemen grafis. Berdasarkan dokumentasi &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Canva&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, kamu dapat mengunggah foto milikmu sendiri hingga ukuran 50 MB (JPG, PNG, HEIC, WebP) dan klip video hingga 1 GB (MP4, MOV, GIF, WEBM) ke dalam editor.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;48,4,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;48,4,0&quot;&gt;Unduh dengan Format yang Tepat&lt;/b&gt;: Klik tombol &lt;b data-index-in-node=&quot;44&quot; data-path-to-node=&quot;48,4,0&quot;&gt;Share &amp;gt; Download&lt;/b&gt; di pojok kanan atas. Pilih &lt;b data-index-in-node=&quot;88&quot; data-path-to-node=&quot;48,4,0&quot;&gt;PNG&lt;/b&gt; untuk desain poster statis berteks, atau pilih &lt;b data-index-in-node=&quot;139&quot; data-path-to-node=&quot;48,4,0&quot;&gt;MP4 Video (1080p HD)&lt;/b&gt; jika desainmu mengandung video, musik, maupun animasi stiker.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;h2 data-path-to-node=&quot;49&quot;&gt;Tips Membuat Story Instagram agar Tidak Pecah&lt;/h2&gt;&lt;p data-path-to-node=&quot;50&quot;&gt;Sudah menggunakan ukuran 1080 x 1920 piksel secara presisi, tetapi hasil unggahan Story masih terlihat buram atau patah-patah? Masalah ini biasanya terjadi karena fitur penghemat data di aplikasi Instagram aktif secara bawaan, atau cara kamu memasukkan elemen di dalam editor kurang tepat.&lt;/p&gt;&lt;h3 data-path-to-node=&quot;51&quot;&gt;Mengatur Kualitas Unggahan di Aplikasi dan Workflow Desain&lt;/h3&gt;&lt;p data-path-to-node=&quot;52&quot;&gt;Berikut beberapa langkah teknis yang bisa langsung kamu terapkan agar kualitas visual Story tetap jernih:&lt;/p&gt;&lt;ul data-path-to-node=&quot;53&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;53,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;53,0,0&quot;&gt;Aktifkan Fitur &quot;Upload at Highest Quality&quot;&lt;/b&gt;: Buka profil Instagram kamu, ketuk ikon menu garis tiga di pojok kanan atas untuk masuk ke &lt;b data-index-in-node=&quot;134&quot; data-path-to-node=&quot;53,0,0&quot;&gt;Settings and activity&lt;/b&gt; (Pengaturan dan aktivitas), gulir ke bagian &lt;b data-index-in-node=&quot;200&quot; data-path-to-node=&quot;53,0,0&quot;&gt;Your app and media&lt;/b&gt; lalu pilih &lt;b data-index-in-node=&quot;230&quot; data-path-to-node=&quot;53,0,0&quot;&gt;Media quality&lt;/b&gt; (Kualitas media), kemudian nyalakan opsi &lt;b data-index-in-node=&quot;285&quot; data-path-to-node=&quot;53,0,0&quot;&gt;Upload at highest quality&lt;/b&gt; (Unggah dengan kualitas tertinggi). Pengaturan ini menginstruksikan aplikasi untuk mengutamakan ketajaman visual dibanding penghematan kuota data.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;53,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;53,1,0&quot;&gt;Hindari Memperbesar (Pinch-to-Zoom) Foto di Dalam Editor Instagram&lt;/b&gt;: Saat kamu memasukkan foto beresolusi pas-pasan lalu mencubit layar untuk memperbesarnya di editor Story, kamu sedang melakukan &lt;i data-index-in-node=&quot;195&quot; data-path-to-node=&quot;53,1,0&quot;&gt;digital zoom&lt;/i&gt; yang merenggangkan kerapatan piksel. Selalu potong (&lt;i data-index-in-node=&quot;260&quot; data-path-to-node=&quot;53,1,0&quot;&gt;crop&lt;/i&gt;) dan sesuaikan skala foto di aplikasi desain sebelum mengunggahnya.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;53,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;53,2,0&quot;&gt;Jangan Menumpuk Terlalu Banyak GIF dan Musik pada Video&lt;/b&gt;: Jika kamu sudah mengedit video beresolusi 1080p di CapCut atau Canva, usahakan menempelkan teks dan audio langsung saat proses &lt;i data-index-in-node=&quot;184&quot; data-path-to-node=&quot;53,2,0&quot;&gt;render&lt;/i&gt;. Menambahkan banyak stiker GIF bergerak atau fitur lirik lagu bawaan Instagram di atas video berdurasi panjang sering kali memicu sistem melakukan &lt;i data-index-in-node=&quot;338&quot; data-path-to-node=&quot;53,2,0&quot;&gt;re-encoding&lt;/i&gt; (kompresi ulang) dengan bitrate yang lebih rendah.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;53,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;53,3,0&quot;&gt;Gunakan Koneksi Internet yang Stabil Saat Mengunggah&lt;/b&gt;: Meski opsi unggah kualitas tertinggi sudah aktif, koneksi sinyal yang tidak stabil dapat membuat sistem unggahan menurunkan kualitas pratinjau di menit-menit awal publikasi.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;53,4,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;53,4,0&quot;&gt;Hindari Mengirim File Desain Lewat Chat Standar&lt;/b&gt;: Jika kamu mendesain di laptop lalu memindahkan file ke ponsel lewat WhatsApp, gunakan opsi pengiriman sebagai &lt;b data-index-in-node=&quot;159&quot; data-path-to-node=&quot;53,4,0&quot;&gt;Document (Dokumen)&lt;/b&gt; atau pindahkan melalui Google Drive / AirDrop agar resolusi 1080 x 1920 piksel tidak dikompresi sebelum diunggah ke Instagram.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 data-path-to-node=&quot;54&quot;&gt;Perbedaan Ukuran Story, Feed, dan Carousel Instagram&lt;/h2&gt;&lt;p data-path-to-node=&quot;55&quot;&gt;Setiap fitur di Instagram dirancang untuk perilaku layar yang berbeda, sehingga kamu tidak bisa memaksakan satu ukuran desain untuk semua penempatan tanpa mengorbankan estetika visual. Berdasarkan panduan ukuran terbaru dari &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Buffer&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt; dan &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;!----&gt;&lt;!----&gt;Hootsuite&lt;!----&gt;&lt;/link-block&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/response-element&gt;, tampilan &lt;i data-index-in-node=&quot;256&quot; data-path-to-node=&quot;55&quot;&gt;grid&lt;/i&gt; profil Instagram kini menampilkan pratinjau konten dalam proporsi vertikal &lt;b data-index-in-node=&quot;336&quot; data-path-to-node=&quot;55&quot;&gt;3:4&lt;/b&gt; (setara &lt;b data-index-in-node=&quot;348&quot; data-path-to-node=&quot;55&quot;&gt;1080 x 1440 piksel&lt;/b&gt; atau area potong 1012 x 1350 piksel), berdampingan dengan ukuran klasik &lt;b data-index-in-node=&quot;439&quot; data-path-to-node=&quot;55&quot;&gt;4:5&lt;/b&gt; (&lt;b data-index-in-node=&quot;444&quot; data-path-to-node=&quot;55&quot;&gt;1080 x 1350 piksel&lt;/b&gt;).&lt;/p&gt;&lt;p data-path-to-node=&quot;56&quot;&gt;Untuk memahami perbedaan ketiganya secara menyeluruh, perhatikan perbandingan spesifikasi antara Story, Feed, dan Carousel berikut ini:&lt;/p&gt;&lt;table data-path-to-node=&quot;57&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; color: #1f1f1f; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; font-family: &amp;quot;Google Sans Text&amp;quot;, sans-serif; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 32px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px 0px 32px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;thead style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Fitur Instagram&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Format / Orientasi&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Ukuran Pixel Ideal&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Rasio Aspek&lt;/strong&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;strong style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Karakteristik Utama&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,1,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;57,1,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Instagram Story&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,1,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Vertikal Layar Penuh&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,1,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1080 x 1920 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,1,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;9:16&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,1,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Tampil &lt;i data-index-in-node=&quot;7&quot; data-path-to-node=&quot;57,1,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;full-screen&lt;/i&gt; selama 24 jam (kecuali disimpan di &lt;i data-index-in-node=&quot;54&quot; data-path-to-node=&quot;57,1,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Highlight&lt;/i&gt;), sama dengan ukuran Reels.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,2,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;57,2,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Instagram Feed (Portrait)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,2,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Vertikal Standar / Tinggi&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,2,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1080 x 1350 px atau 1080 x 1440 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,2,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;4:5 atau 3:4&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,2,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Paling optimal memenuhi layar &lt;i data-index-in-node=&quot;30&quot; data-path-to-node=&quot;57,2,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;timeline&lt;/i&gt; utama dan selaras dengan pratinjau &lt;i data-index-in-node=&quot;74&quot; data-path-to-node=&quot;57,2,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;grid&lt;/i&gt; profil 3:4.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,3,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;57,3,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Instagram Feed (Square)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,3,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Persegi / Kotak&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,3,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1080 x 1080 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,3,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1:1&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,3,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Proporsi klasik yang seimbang di &lt;i data-index-in-node=&quot;33&quot; data-path-to-node=&quot;57,3,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;timeline&lt;/i&gt;, namun bagian kiri-kanannya akan terpotong menjadi rasio 3:4 saat dilihat di halaman profil.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,4,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;57,4,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Instagram Feed (Landscape)&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,4,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Horizontal / Melebar&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,4,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1080 x 566 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,4,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1.91:1&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,4,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Cocok untuk foto panorama lebar, tetapi mengambil ruang layar paling kecil di &lt;i data-index-in-node=&quot;78&quot; data-path-to-node=&quot;57,4,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;timeline&lt;/i&gt; ponsel.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,5,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;57,5,0,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Instagram Carousel&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,5,1,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Multi-slide (Vertikal / Persegi)&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,5,2,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;1080 x 1350 px, 1080 x 1440 px, atau 1080 x 1080 px&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,5,3,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;4:5, 3:4, atau 1:1&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 1px solid rgb(196, 199, 197); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: 0px; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 8px 12px; page: auto; perspective: none; position: relative; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;&lt;span data-path-to-node=&quot;57,5,4,0&quot; style=&quot;animation: 0s ease 0s 1 normal none running none; appearance: none; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border: 0px none rgb(31, 31, 31); clear: none; clip: auto; columns: auto; contain: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; fill: rgb(0, 0, 0); filter: none; flex-direction: row; flex: 0 1 auto; float: none; gap: normal; hyphens: manual; inset: auto; interactivity: auto; isolation: auto; line-height: 1.15; margin-bottom: 0px; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin: 0px; marker: none; mask-clip: border-box; mask-composite: add; mask-image: none; mask-mode: match-source; mask-origin: border-box; mask-repeat: repeat; mask-size: auto; mask: none; offset: normal; opacity: 1; order: 0; outline: rgb(31, 31, 31) none 0px; overlay: none; padding: 0px; page: auto; perspective: none; position: static; quotes: auto; r: 0px; resize: none; rotate: none; rx: auto; ry: auto; scale: none; speak: normal; stroke: none; transform: none; transition: all; translate: none; visibility: visible; x: 0px; y: 0px; zoom: 1;&quot;&gt;Menggabungkan hingga 20 slide foto/video dalam satu unggahan geser, di mana slide pertama menentukan rasio seluruh slide berikutnya.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;Khusus untuk format konten geser (&lt;i data-index-in-node=&quot;34&quot; data-path-to-node=&quot;58&quot;&gt;swipeable&lt;/i&gt;), kamu perlu memastikan konsistensi dimensi dari slide pertama hingga slide terakhir agar sambungan desainnya tidak terpotong secara janggal. Jika kamu sering membuat konten edukasi bersambung atau katalog produk multi-slide, kamu bisa mempelajari panduan lengkap &lt;response-element class=&quot;no-md&quot; ng-version=&quot;0.0.0-PLACEHOLDER&quot;&gt;&lt;link-block _nghost-ng-c667435266=&quot;&quot; class=&quot;ng-star-inserted&quot;&gt;&lt;a _ngcontent-ng-c667435266=&quot;&quot; _nghost-ng-c2235149849=&quot;&quot; class=&quot;ng-star-inserted&quot; data-hveid=&quot;36&quot; externallink=&quot;&quot; href=&quot;https://www.fikalmyid.com/2026/08/ukuran-carousel-instagram.html&quot; jslog=&quot;197247;track:generic_click,impression,attention;BardVeMetadataKey:W1sicl82MTFjMTQ3ZDBjNThkYTI3IiwiY181NjE4YTUzZWNiYmIxYjk2IixudWxsLCJyY183NDZhMzAyMGQ3Yjk5ZjM5IixudWxsLG51bGwsImlkIixudWxsLDEsbnVsbCxudWxsLDEsMV1d&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;ukuran carousel Instagram terbaru&lt;/a&gt;&lt;/link-block&gt;&lt;/response-element&gt; agar tahu cara menyusun kanvas memanjang yang menyambung mulus antar-slide.&lt;p data-path-to-node=&quot;59&quot;&gt;Menyesuaikan desain dengan &lt;b data-index-in-node=&quot;27&quot; data-path-to-node=&quot;59&quot;&gt;ukuran Story Instagram terbaru&lt;/b&gt; pada resolusi 1080 x 1920 piksel (rasio 9:16) dan mematuhi batas &lt;i data-index-in-node=&quot;123&quot; data-path-to-node=&quot;59&quot;&gt;safe area&lt;/i&gt; adalah langkah paling sederhana untuk meningkatkan kualitas visual akunmu. Sebelum mulai mendesain konten berikutnya, simpan satu &lt;i data-index-in-node=&quot;263&quot; data-path-to-node=&quot;59&quot;&gt;template&lt;/i&gt; kosong berukuran 1080 x 1920 piksel yang sudah diberi garis batas 250 piksel di bagian atas dan 340 piksel di bagian bawah pada aplikasi desain favoritmu, sehingga kamu tinggal memasukkan materi visual tanpa takut ada teks yang terpotong lagi.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/ukuran-story-instagram-terbaru-2026.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGmq3_06FXeTR6BsEQb7lYiSVq4gGRByae8zxmvY9HJKL5AX4CHhDJK7_bRn1uj2horj30NwzM570O8saLRm4cytDnr__SpWeu00WUgu9_rhq2w1XsZ1D5b1hOk-6I4sh4NDUqBl-fKvAVpe_R3V6ydzifU48le0njdcoRrzcWVLTK-WLjq-oBIG7kw53/s72-c/Ukuran%20Story%20Instagram%20Terbaru%202026_%20Pixel,%20Rasio%20&amp;%20Canva.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-4164404868304892099</guid><pubDate>Tue, 13 Oct 2026 23:59:29 +0000</pubDate><atom:updated>2026-10-14T18:25:19.066+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Visual Identity: Pengertian dan Panduan untuk Pemula</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7XNJ6tZBcHhbNuTMnlFO3XBjIYkdN8xE5KqX6tUUmQnGVGcP_V1By44CHLVSpF34b4a9PXp73UYovjHBHylKfDY9i5vamk2uc04vVjnslk4gJx2jc_P6di9upSmud-WlkVoGX8sYNasJICiOKVkXbGe_7p_9ofh6dDw7U6_POplhLz9q3I6W8133FMvR/s1200/Visual%20Identity_%20Pengertian%20dan%20Panduan%20untuk%20Pemula.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Visual Identity: Pengertian dan Panduan untuk Pemula&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7XNJ6tZBcHhbNuTMnlFO3XBjIYkdN8xE5KqX6tUUmQnGVGcP_V1By44CHLVSpF34b4a9PXp73UYovjHBHylKfDY9i5vamk2uc04vVjnslk4gJx2jc_P6di9upSmud-WlkVoGX8sYNasJICiOKVkXbGe_7p_9ofh6dDw7U6_POplhLz9q3I6W8133FMvR/s1600/Visual%20Identity_%20Pengertian%20dan%20Panduan%20untuk%20Pemula.webp&quot; title=&quot;Visual Identity: Pengertian dan Panduan untuk Pemula&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Visual identity adalah kumpulan elemen visual yang membentuk tampilan sebuah merek, seperti logo, warna, tipografi, foto, dan ilustrasi&lt;strong&gt;.&lt;/strong&gt; Elemen tersebut membantu orang mengenali merek di berbagai media. Visual identity merupakan bagian dari brand identity, sedangkan brand identity juga mencakup nilai, kepribadian, dan cara merek berkomunikasi. (Sumber: Adobe.)&lt;p&gt;&lt;/p&gt;&lt;p&gt;Bayangkan kamu melihat kemasan kopi, lalu menemukan akun Instagram kedainya. Warna, huruf, dan gaya fotonya terasa saling terhubung. Kamu bisa mengenali kedai yang sama, meskipun bentuk medianya berbeda.&lt;/p&gt;&lt;p&gt;Hubungan antartampilan itulah yang perlu kamu bangun ketika merancang identitas visual.&lt;/p&gt;&lt;h2&gt;Apa Itu Visual Identity?&lt;/h2&gt;&lt;p&gt;Visual identity dapat dipahami sebagai sistem tampilan merek. Kata “sistem” berarti setiap elemen mempunyai fungsi dan aturan penggunaan, bukan dipilih ulang sesuka hati setiap kali membuat desain.&lt;/p&gt;&lt;p&gt;Misalnya, sebuah usaha memiliki warna utama, pilihan font untuk judul, gaya fotografi, dan posisi logo yang sudah disepakati. Semua keputusan tersebut menjadi pegangan saat membuat brosur, kemasan, atau unggahan promosi.&lt;/p&gt;&lt;p&gt;Identitas visual yang konsisten tetap memberi ruang untuk variasi. Poster diskon bisa lebih ramai daripada kartu nama, asalkan unsur yang menghubungkan keduanya masih terasa.&lt;/p&gt;&lt;p&gt;Cara sederhana untuk memahaminya: lihat tiga materi promosi dari satu usaha. Apakah ketiganya terasa berasal dari merek yang sama? Jika tidak, periksa elemen mana yang terus berubah.&lt;/p&gt;&lt;h2&gt;Apa Perbedaan Visual Identity dan Brand Identity?&lt;/h2&gt;&lt;p&gt;Brand identity memiliki cakupan lebih luas, sedangkan visual identity berfokus pada bagian yang terlihat&lt;strong&gt;.&lt;/strong&gt; Nilai merek dan gaya komunikasi memberi arah bagi keputusan visual. (Sumber: Adobe.)&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Aspek&lt;/th&gt;&lt;th&gt;Visual identity&lt;/th&gt;&lt;th&gt;Brand identity&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Fokus&lt;/td&gt;&lt;td&gt;Tampilan visual merek&lt;/td&gt;&lt;td&gt;Identitas merek secara keseluruhan&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cakupan&lt;/td&gt;&lt;td&gt;Logo, warna, huruf, foto, dan grafis&lt;/td&gt;&lt;td&gt;Nilai, kepribadian, pesan, serta identitas visual&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Contoh keputusan&lt;/td&gt;&lt;td&gt;Memilih warna hijau dan foto bernuansa alami&lt;/td&gt;&lt;td&gt;Menetapkan karakter merek yang dekat dengan alam&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Bentuk penerapan&lt;/td&gt;&lt;td&gt;Kemasan, website, dan materi promosi&lt;/td&gt;&lt;td&gt;Komunikasi serta keputusan yang mencerminkan karakter merek&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div&gt;&lt;p&gt;Dalam perencanaan desain, tentukan dahulu karakter yang ingin kamu sampaikan. Misalnya, usaha perlengkapan belajar ingin terasa praktis dan ramah. Keputusan itu kemudian diterjemahkan menjadi huruf yang jelas, informasi terstruktur, dan ilustrasi sederhana.&lt;/p&gt;&lt;p&gt;Pilihan visual perlu mempunyai alasan yang berhubungan dengan merek dan pembacanya.&lt;/p&gt;&lt;h2&gt;Elemen Utama Visual Identity&lt;/h2&gt;&lt;p&gt;Berikut komponen yang bisa kamu susun sebagai satu kesatuan. Untuk memahami bahan penyusunnya lebih jauh, pelajari &lt;a href=&quot;https://www.fikalmyid.com/2025/02/elemen-elemen-dasar-dalam-desain-grafis.html&quot;&gt;elemen dasar desain grafis&lt;/a&gt;, terutama hubungan bentuk, warna, ruang, dan tipografi.&lt;/p&gt;&lt;h3&gt;Logo&lt;/h3&gt;&lt;p&gt;Logo menjadi salah satu penanda merek. Kamu perlu menentukan versi yang digunakan untuk latar terang, latar gelap, serta bidang berukuran kecil.&lt;/p&gt;&lt;p&gt;Contoh aturan yang konkret terlihat pada pedoman IBM. Perusahaan tersebut menetapkan ruang kosong di sekitar logo, pilihan warna, dan larangan mengubah proporsinya.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Untuk proyekmu, buat pemeriksaan sederhana: apakah nama merek masih terbaca ketika logo diperkecil? Apakah versi satu warnanya tetap jelas?&lt;/p&gt;&lt;h3&gt;Palet warna&lt;/h3&gt;&lt;p&gt;Tentukan warna utama, warna pendukung, serta warna untuk teks dan latar. Catat fungsi masing-masing supaya pilihan warna tidak berhenti pada kumpulan swatch.&lt;/p&gt;&lt;p&gt;Sebagai latihan, kamu bisa memakai satu warna utama, satu aksen, dan warna netral. Jumlah ini merupakan titik awal praktis, bukan aturan wajib untuk semua merek.&lt;/p&gt;&lt;p&gt;Periksa kontras teks terhadap latarnya. Pedoman warna IBM, misalnya, membahas kontras sebagai bagian dari keterbacaan, sehingga pemilihan warna juga perlu memperhatikan penggunaan sebenarnya.&amp;nbsp;&lt;/p&gt;&lt;h3&gt;Tipografi&lt;/h3&gt;&lt;p&gt;Tipografi mencakup pemilihan dan penataan huruf. Dalam proyek sederhana, tetapkan gaya untuk judul, isi, harga, dan informasi tambahan.&lt;/p&gt;&lt;p&gt;Coba satu keluarga font dengan beberapa ketebalan sebelum menambah banyak font lain. Bandingkan hasilnya pada paragraf panjang dan judul pendek.&lt;/p&gt;&lt;p&gt;Identitas tipografi juga bisa menjadi bagian penting dari merek. IBM menggunakan IBM Plex sebagai corporate typeface yang dirancang untuk mencerminkan karakter perusahaan.&amp;nbsp;&lt;/p&gt;&lt;h3&gt;Foto, ilustrasi, dan ikon&lt;/h3&gt;&lt;p&gt;Buat arahan gambar yang cukup spesifik untuk digunakan orang lain. Contohnya: foto produk dari dekat, pencahayaan lembut, latar polos, dan warna yang tidak terlalu pekat.&lt;/p&gt;&lt;p&gt;Jika memakai ikon, tentukan apakah bentuknya berupa garis atau bidang solid. Dalam satu kelompok ikon, periksa ketebalan garis dan tingkat detailnya.&lt;/p&gt;&lt;p&gt;Tuliskan pula contoh gambar yang sesuai dan yang kurang cocok. Cara ini membantu menjelaskan selera visual tanpa bergantung pada kalimat “buat yang estetik”.&lt;/p&gt;&lt;h3&gt;Tata letak dan komposisi&lt;/h3&gt;&lt;p&gt;Tata letak mengatur hubungan antara teks, gambar, logo, dan ruang kosong. Untuk latihan, tetapkan urutan perhatian: judul dahulu, foto produk berikutnya, kemudian harga atau ajakan tindakan.&lt;/p&gt;&lt;p&gt;Kamu bisa memulai dari template sederhana. Atur margin, posisi judul, dan area logo, lalu uji apakah template tersebut tetap bekerja ketika teks bertambah panjang.&lt;/p&gt;&lt;h2&gt;Manfaat Visual Identity bagi Bisnis&lt;/h2&gt;&lt;p&gt;Manfaat identitas visual paling mudah dipahami melalui kebutuhan sehari-hari sebuah usaha.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Membantu pengenalan merek.&lt;/strong&gt; Unsur visual yang berulang memberi petunjuk bahwa materi berasal dari merek yang sama.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Menjaga kesatuan komunikasi.&lt;/strong&gt; Kemasan, website, dan promosi mempunyai tampilan yang saling berkaitan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Menunjukkan karakter.&lt;/strong&gt; Pilihan grafis dapat mendukung kesan yang ingin dibangun.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Memberi pegangan kerja.&lt;/strong&gt; Tim mempunyai keputusan dasar yang bisa digunakan saat membuat materi baru.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Misalnya, penjual makanan membutuhkan desain menu baru setiap bulan. Jika warna, font, dan susunan informasi sudah ditetapkan, pembuat desain tinggal menyesuaikan isi menu.&lt;/p&gt;&lt;p&gt;Untuk menilai manfaatnya, coba minta dua orang membuat poster memakai pedoman yang sama. Bandingkan hasilnya: apakah logo, warna, dan informasi utama tetap selaras?&lt;/p&gt;&lt;p&gt;Identitas visual juga perlu didukung kualitas produk dan pelayanan. Tampilan rapi sebaiknya sejalan dengan pengalaman yang diterima pelanggan.&lt;/p&gt;&lt;h2&gt;Contoh Penerapan Visual Identity&lt;/h2&gt;&lt;h3&gt;Contoh nyata: IBM&lt;/h3&gt;&lt;p&gt;IBM menyediakan pedoman terpisah untuk logo, warna, dan tipografi. Logo 8-bar memiliki aturan penerapan, paletnya menempatkan biru sebagai bagian inti, dan IBM Plex digunakan sebagai corporate typeface.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Dari contoh tersebut, kamu bisa mempelajari cara mendokumentasikan keputusan visual. Logo mempunyai batas penggunaan, warna memiliki fungsi, dan tipografi mendukung karakter yang sama.&lt;/p&gt;&lt;p&gt;Prinsip yang bisa diterapkan adalah membuat aturan yang jelas bagi merekmu sendiri.&lt;/p&gt;&lt;h3&gt;Simulasi: kedai “Ruang Sore”&lt;/h3&gt;&lt;p&gt;“Ruang Sore” berikut adalah &lt;strong&gt;contoh fiktif untuk latihan&lt;/strong&gt;, bukan studi kasus pelanggan nyata. Bayangkan kedai ini ingin menawarkan suasana santai untuk mengobrol setelah beraktivitas.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Komponen&lt;/th&gt;&lt;th&gt;Keputusan desain dalam simulasi&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Logo&lt;/td&gt;&lt;td&gt;Nama kedai dengan bentuk sederhana dan mudah dibaca&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Warna&lt;/td&gt;&lt;td&gt;Cokelat tua, krem, dan hijau sebagai aksen&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Tipografi&lt;/td&gt;&lt;td&gt;Judul cukup tegas; isi menu memakai huruf yang jelas&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Foto&lt;/td&gt;&lt;td&gt;Minuman dan suasana meja dengan pencahayaan lembut&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Grafis&lt;/td&gt;&lt;td&gt;Pola lengkung sederhana sebagai elemen pendukung&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Layout&lt;/td&gt;&lt;td&gt;Judul, gambar, dan harga mempunyai urutan yang jelas&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;Pada gelas, kedai cukup memakai logo dan pola. Pada menu, prioritasnya adalah nama minuman serta harga. Pada media sosial, foto bisa lebih dominan.&lt;/p&gt;&lt;p&gt;Ketiga media tidak harus memiliki susunan identik. Hubungannya tetap dibangun melalui pilihan warna, huruf, dan grafis yang sama.&lt;/p&gt;&lt;h2&gt;Cara Membuat Visual Identity yang Konsiste&lt;/h2&gt;&lt;p&gt;Gunakan alur latihan berikut untuk menghasilkan keputusan yang bisa diuji.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1. Tuliskan brief satu halaman.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Jelaskan produk, pembaca, kebutuhan media, dan tiga karakter merek. Tambahkan batasan nyata, misalnya desain harus terbaca pada stiker kecil atau menu yang dicetak sederhana.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2. Buat dua arah visual untuk dibandingkan.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Susun moodboard berisi referensi warna, bentuk, huruf, dan foto. Beri keterangan alasan setiap pilihan, lalu bandingkan arah mana yang paling sesuai dengan brief.&lt;/p&gt;&lt;p&gt;Gunakan referensi sebagai bahan memahami pendekatan, kemudian buat kombinasi dan desainmu sendiri.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3. Rancang logo dan pembagian peran elemen.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Setelah memilih arah, tentukan bentuk logo, fungsi warna, serta gaya teks. Jika perlu mendalami tahap sketsa hingga pengujian, gunakan &lt;a href=&quot;https://www.fikalmyid.com/2025/03/panduan-lengkap-desain-grafis-logo.html&quot;&gt;panduan desain logo&lt;/a&gt; sebagai bacaan pendukung.&lt;/p&gt;&lt;p&gt;Untuk alur kerja, kamu bisa memakai editor vektor seperti Adobe Illustrator atau Inkscape. Pilih berdasarkan kemampuan, kebutuhan file, dan kenyamanan bekerja.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4. Uji pada tiga media nyata.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Terapkan rancangan pada satu kemasan, satu menu atau brosur, dan satu konten media sosial. Gunakan teks serta foto yang realistis untuk kebutuhan usaha.&lt;/p&gt;&lt;p&gt;Periksa apakah logo terbaca, harga mudah ditemukan, dan latar tidak mengganggu teks. Jika ada masalah, perbaiki aturan dasarnya sebelum membuat banyak template.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5. Dokumentasikan keputusan yang sudah lolos uji.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Tuliskan versi logo, kode warna, aturan huruf, ruang kosong, dan contoh penggunaan. Kamu dapat mengikuti &lt;a href=&quot;https://www.fikalmyid.com/2026/08/brand-guideline-pengertian-elemen-dan.html&quot;&gt;cara membuat brand guideline&lt;/a&gt; untuk menyusun dokumentasi yang mudah digunakan.&lt;/p&gt;&lt;p&gt;Sertakan contoh benar dan salah dari desainmu sendiri. Misalnya, tunjukkan perbedaan antara logo berproporsi asli dan logo yang ditarik melebar.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;6. Rapikan aset dan lakukan uji serah terima.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Pisahkan file sumber yang dapat diedit dari file siap pakai. Untuk logo berbasis bentuk vektor, pertimbangkan SVG, format yang mendukung bentuk grafis, gambar, dan teks.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Simpan juga ekspor sesuai kebutuhan media, seperti gambar transparan untuk penempatan logo. Beri nama file yang jelas, lalu minta orang lain membuat satu materi hanya dengan aset dan pedoman tersebut.&lt;/p&gt;&lt;p&gt;Jika ia masih harus menebak banyak keputusan, lengkapi dokumentasinya.&lt;/p&gt;&lt;h2&gt;Kesalahan yang Perlu Dihindari saat Membuat Visual Identity&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Mengganti gaya setiap membuat konten.&lt;/strong&gt; Bedakan unsur tetap dengan bagian yang boleh berubah. Foto dan isi promosi bisa berbeda, sementara gaya huruf dan palet tetap menjadi pegangan.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Memilih berdasarkan selera pribadi saja.&lt;/strong&gt; Cocokkan keputusan dengan brief. Font dekoratif mungkin menarik bagimu, tetapi perlu diuji pada harga, menu, atau informasi yang harus dibaca cepat.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Menguji desain hanya di kanvas kerja.&lt;/strong&gt; Lihat hasilnya pada ukuran penggunaan sebenarnya. Logo yang tampak jelas ketika diperbesar belum tentu terbaca pada label kecil.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Tidak menyiapkan contoh penerapan.&lt;/strong&gt; Daftar kode warna belum menjelaskan bagaimana warna digunakan. Tambahkan satu contoh layout dan keterangan fungsi setiap elemen.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Mengabaikan batas penggunaan aset.&lt;/strong&gt; Periksa lisensi font, foto, dan ilustrasi sebelum menggunakannya pada proyek komersial. Simpan informasi lisensi bersama aset agar mudah ditemukan.&lt;/p&gt;&lt;p&gt;Langkah pertama setelah memahami visual identity adalah memilih satu merek atau proyek latihan, kemudian membuat tiga materi yang saling terhubung. Gunakan hasilnya untuk menemukan aturan yang masih kabur. Dari sana, kamu bisa membangun identitas visual yang semakin mudah diterapkan.&lt;/p&gt;&lt;/div&gt;</description><link>https://www.fikalmyid.com/2026/10/visual-identity-pengertian-dan-panduan.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7XNJ6tZBcHhbNuTMnlFO3XBjIYkdN8xE5KqX6tUUmQnGVGcP_V1By44CHLVSpF34b4a9PXp73UYovjHBHylKfDY9i5vamk2uc04vVjnslk4gJx2jc_P6di9upSmud-WlkVoGX8sYNasJICiOKVkXbGe_7p_9ofh6dDw7U6_POplhLz9q3I6W8133FMvR/s72-c/Visual%20Identity_%20Pengertian%20dan%20Panduan%20untuk%20Pemula.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-2099511810078432415</guid><pubDate>Thu, 08 Oct 2026 12:28:28 +0000</pubDate><atom:updated>2026-10-09T10:06:45.038+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>5 Contoh Infografis Pendidikan yang Menarik</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITfbUsHq7mZtmybZ46tR7CaddJB7zNxarQkoofgRY3qga5Xaz3OlpRchdm2495B3g4u8TzcwbT9tGReLgEjUUjIjxS10PEEwaUV9sZzf8SQ8z-fw__8EwVY2jphHjA1pZPTpdn5YyGsbLNATHSxX9I9_ot2YH_j-Or284G3WePCkkYtNb6ocVTbM6dJH8/s1200/Contoh%20Infografis%20Pendidikan%20yang%20Menarik.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Contoh Infografis Pendidikan yang Menarik&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITfbUsHq7mZtmybZ46tR7CaddJB7zNxarQkoofgRY3qga5Xaz3OlpRchdm2495B3g4u8TzcwbT9tGReLgEjUUjIjxS10PEEwaUV9sZzf8SQ8z-fw__8EwVY2jphHjA1pZPTpdn5YyGsbLNATHSxX9I9_ot2YH_j-Or284G3WePCkkYtNb6ocVTbM6dJH8/s1600/Contoh%20Infografis%20Pendidikan%20yang%20Menarik.webp&quot; title=&quot;Contoh Infografis Pendidikan yang Menarik&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Contoh infografis pendidikan bisa berupa diagram materi pelajaran, panduan belajar, grafik data sekolah, perbandingan metode belajar, dan timeline kegiatan. Pilih bentuk visual sesuai pesan yang ingin kamu sampaikan. Infografis yang berguna memadukan informasi akurat, teks ringkas, dan susunan visual yang membantu pembaca memahami hubungan antarbagiannya, bukan sekadar menghias halaman dengan ikon.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis Pendidikan?&lt;/h2&gt;&lt;p&gt;Infografis pendidikan adalah penyajian informasi bertema pendidikan melalui perpaduan teks dan elemen visual. Isinya dapat menjelaskan konsep, proses, perbandingan, data, atau urutan kegiatan. Kamu bisa memakainya untuk tugas sekolah, bahan presentasi, maupun pendamping materi pelajaran.&lt;/p&gt;&lt;p&gt;Misalnya, penjelasan siklus air dapat disusun menjadi diagram dengan panah yang menghubungkan penguapan, pembentukan awan, dan hujan. Hubungan antarproses terlihat langsung, sementara keterangan singkat menjelaskan makna setiap tahap.&lt;/p&gt;&lt;p&gt;Bedakan tujuan infografis dengan poster pengumuman. Poster lomba dapat berfokus pada nama acara dan tanggal pendaftaran. Infografis persiapan lomba menjelaskan tahapan, kebutuhan, atau urutan pekerjaan. Keduanya bisa menarik secara visual, tetapi informasi yang ingin disampaikan berbeda.&lt;/p&gt;&lt;p&gt;Angka juga bukan unsur wajib. Infografis dapat berisi langkah atau konsep tanpa statistik. Sebelum mendesain, coba lengkapi kalimat ini: “Setelah melihat infografis, pembaca dapat menjelaskan ...”. Jawabannya membantu kamu menentukan informasi yang benar-benar perlu dimasukkan.&lt;/p&gt;&lt;h2&gt;Contoh Infografis Pendidikan tentang Materi Pelajaran&lt;/h2&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMuGrayjScG1V9Q_JAray5TAx_zTZNKjp_sHYB1A5S63QJkDs7TjXERid7rjXNmp779mCcUaKlnCLcwv_q8kYHDbZHlzqZJTio8IdYQ2Cck4tGKcqxMl09pPAxNgZtwDexStO6cm0vU4Dlmt5lcSvAeXTcjosMQyX9LpLEGlbZA2676MV-OxgSntyQuX1/s1200/Contoh%20Infografis%20Pendidikan%20tentang%20Materi%20Pelajaran.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Contoh Infografis Pendidikan tentang Materi Pelajaran&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMuGrayjScG1V9Q_JAray5TAx_zTZNKjp_sHYB1A5S63QJkDs7TjXERid7rjXNmp779mCcUaKlnCLcwv_q8kYHDbZHlzqZJTio8IdYQ2Cck4tGKcqxMl09pPAxNgZtwDexStO6cm0vU4Dlmt5lcSvAeXTcjosMQyX9LpLEGlbZA2676MV-OxgSntyQuX1/s1600/Contoh%20Infografis%20Pendidikan%20tentang%20Materi%20Pelajaran.webp&quot; title=&quot;Contoh Infografis Pendidikan tentang Materi Pelajaran&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Siklus air cocok dijadikan contoh karena memiliki hubungan proses yang dapat divisualkan. USGS menjelaskan bahwa air berpindah antara atmosfer, permukaan, dan bawah tanah melalui berbagai proses, termasuk penguapan, presipitasi, serta infiltrasi.&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Rancangan judul:&lt;/strong&gt; “Bagaimana Air Bergerak dalam Siklus Air?”&lt;/p&gt;&lt;p&gt;Untuk versi pengantar, kamu bisa menyiapkan lima bagian:&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Penguapan:&lt;/strong&gt; energi matahari membantu air cair berubah menjadi uap air.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Kondensasi:&lt;/strong&gt; uap air mengalami pengembunan dan membentuk tetes air di atmosfer.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Presipitasi:&lt;/strong&gt; air kembali ke permukaan, misalnya sebagai hujan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Aliran permukaan:&lt;/strong&gt; sebagian air bergerak menuju sungai dan tempat penyimpanan air lainnya.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Infiltrasi:&lt;/strong&gt; sebagian air meresap ke dalam tanah.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Gunakan ilustrasi matahari, awan, daratan, dan sungai. Tambahkan panah dengan arah yang jelas. Letakkan keterangan di dekat proses yang dijelaskan supaya pembaca tidak perlu mencari pasangannya.&lt;/p&gt;&lt;p&gt;Rancangan ini merupakan penyederhanaan untuk pengantar, bukan seluruh rincian siklus air. Hindari menggambarkan seolah-olah semua air hujan selalu mengikuti satu jalur yang sama.&lt;/p&gt;&lt;p&gt;Kamu juga dapat menerapkan pendekatan serupa pada daur hidup tumbuhan atau tahapan eksperimen. Tentukan dahulu apakah materi membutuhkan urutan, hubungan sebab-akibat, atau pengelompokan; lalu pilih bentuk visualnya.&lt;/p&gt;&lt;h2&gt;Contoh Infografis Pendidikan tentang Tips Belajar Efektif&lt;/h2&gt;&lt;p&gt;Untuk topik kebiasaan belajar, pilih format kartu bernomor. Setiap kartu memuat satu tindakan, sehingga pembaca mendapatkan arahan yang bisa langsung dilakukan.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Rancangan judul:&lt;/strong&gt; “Belajar dengan Mengingat, Mengecek, dan Mengulang”.&lt;/p&gt;&lt;p&gt;Isi contoh kartunya:&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;Tentukan satu bagian materi yang ingin dipahami.&lt;/li&gt;&lt;li&gt;Pelajari materi, kemudian tutup buku atau catatan.&lt;/li&gt;&lt;li&gt;Tulis kembali hal yang kamu ingat tanpa melihat jawaban.&lt;/li&gt;&lt;li&gt;Cocokkan dengan sumber, lalu perbaiki bagian yang keliru.&lt;/li&gt;&lt;li&gt;Jadwalkan pengulangan pada kesempatan berikutnya.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Langkah mengingat tanpa melihat catatan merupakan bentuk &lt;em&gt;retrieval practice&lt;/em&gt;. The Learning Scientists menjelaskan bahwa latihan mengambil kembali informasi dari ingatan membantu pembelajaran, dan dapat dilakukan melalui pertanyaan latihan atau flashcard.&lt;/p&gt;&lt;p&gt;Sementara itu, &lt;em&gt;spaced practice&lt;/em&gt; membagi kegiatan belajar ke beberapa kesempatan yang terpisah. Kamu dapat menggambarkannya dengan kalender kecil, agar perbedaan dengan belajar sekaligus menjelang ujian terlihat jelas.&lt;/p&gt;&lt;p&gt;Gunakan ikon sederhana, misalnya buku, pensil, tanda periksa, dan kalender. Hindari janji seperti “pasti dapat nilai 100” atau “langsung hafal”. Fokuskan pesan pada tindakan belajar yang dapat dicoba, bukan hasil yang dijamin.&lt;/p&gt;&lt;p&gt;Untuk tugas kelas, tambahkan kotak refleksi: “Bagian mana yang belum bisa aku jelaskan?” Pertanyaan tersebut membuat desain lebih berguna sebagai pendamping belajar, bukan hanya daftar motivasi.&lt;/p&gt;&lt;h2&gt;Contoh Infografis Pendidikan tentang Data Sekolah&lt;/h2&gt;&lt;p&gt;Data sekolah dapat ditampilkan melalui diagram batang, kartu angka, atau tabel ringkas. Pilih satu pertanyaan yang jelas, misalnya: “Bagaimana siswa dalam satu kelas berangkat ke sekolah?”&lt;/p&gt;&lt;p&gt;Berikut &lt;strong&gt;data simulasi dari 30 siswa&lt;/strong&gt;, khusus untuk latihan desain. Angka ini bukan hasil survei sekolah nyata.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Cara berangkat&lt;/th&gt;&lt;th&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;Jumlah siswa&lt;/th&gt;&lt;th&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;Persentase&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Berjalan kaki&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/span&gt;6&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;20%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Bersepeda&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/span&gt;3&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;10%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Diantar keluarga&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;15&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;50%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Angkutan umum&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;6&lt;/td&gt;&lt;td&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;20%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Total&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;30&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;100%&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Untuk rancangan visualnya, gunakan diagram batang horizontal. Tulis nama kategori di sebelah kiri, lalu tampilkan jumlah di ujung setiap batang. Judulnya dapat berbunyi “Cara Berangkat ke Sekolah: Simulasi Satu Kelas”.&lt;/p&gt;&lt;p&gt;Cantumkan catatan “Data ilustrasi untuk latihan” di bagian bawah. Jika nantinya kamu menggunakan survei asli, ganti catatan tersebut dengan sumber, tanggal pengumpulan, jumlah responden, dan cakupan kelasnya.&lt;/p&gt;&lt;p&gt;Jangan memperbesar kesimpulan. Data dari satu kelas tidak otomatis mewakili seluruh sekolah. Pastikan juga setiap responden memilih satu kategori apabila kamu ingin persentasenya berjumlah 100%.&lt;/p&gt;&lt;p&gt;Untuk grafik jumlah, mulai sumbu dari nol agar panjang batang tidak melebih-lebihkan perbedaan. Hindari mencampur angka jumlah dan persentase tanpa label. Pembaca harus tahu apa yang sedang dibandingkan sebelum menafsirkan grafik.&lt;/p&gt;&lt;h2&gt;Contoh Infografis Pendidikan tentang Perbandingan Metode Belajar&lt;/h2&gt;&lt;p&gt;Format dua kolom dapat dipakai untuk membandingkan belajar mandiri dan belajar kelompok. Tujuannya membantu pembaca memilih pendekatan sesuai tugas, bukan menetapkan satu metode sebagai pemenang untuk semua orang.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Rancangan judul:&lt;/strong&gt; “Belajar Mandiri atau Kelompok: Pilih Sesuai Kebutuhan”.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYYZJIAovnc8B138OurCJnfMnxGYwyQJwLBcr2zc3pGr7i4MTMARw7dQnCmJ57FTsFKD6ymw40YwXGMorIaDnIFOz8IXNEy9VIr6hSM0kLD_10fsgl2eNMvSudoZR0nBESKyl_4XANI7cUL9-x9L1K5NC-n1ptxXizh140Gv59YB9f33uFgO3cgauHXmY/s1200/Contoh%20Infografis%20Pendidikan%20tentang%20Perbandingan%20Metode%20Belajar.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Contoh Infografis Pendidikan tentang Perbandingan Metode Belajar&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYYZJIAovnc8B138OurCJnfMnxGYwyQJwLBcr2zc3pGr7i4MTMARw7dQnCmJ57FTsFKD6ymw40YwXGMorIaDnIFOz8IXNEy9VIr6hSM0kLD_10fsgl2eNMvSudoZR0nBESKyl_4XANI7cUL9-x9L1K5NC-n1ptxXizh140Gv59YB9f33uFgO3cgauHXmY/s1600/Contoh%20Infografis%20Pendidikan%20tentang%20Perbandingan%20Metode%20Belajar.webp&quot; title=&quot;Contoh Infografis Pendidikan tentang Perbandingan Metode Belajar&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;Tabel ini merupakan panduan praktis penyusunan isi, bukan hasil penelitian yang membuktikan keunggulan salah satu metode. Kamu boleh mengganti aspek perbandingan sesuai tugas yang diberikan guru atau dosen.&lt;/p&gt;&lt;p&gt;Dalam desain, gunakan lebar kolom yang sama dan urutan aspek yang konsisten. Jangan menampilkan satu sisi dengan banyak centang hijau dan sisi lain dengan silang merah apabila perbandingannya sebenarnya bergantung pada kebutuhan.&lt;/p&gt;&lt;p&gt;Tambahkan pesan tindakan di bawahnya: “Pelajari materi sendiri dahulu, lalu diskusikan bagian yang masih membingungkan.” Hindari pengelompokan siswa secara kaku sebagai tipe visual, auditori, atau kinestetik. Jelaskan aktivitas belajarnya secara konkret agar pembaca tahu apa yang dapat dilakukan.&lt;/p&gt;&lt;h2&gt;Contoh Infografis Pendidikan tentang Timeline Kegiatan Sekolah&lt;/h2&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw0NnDmgOwqzNm-J-ojmWqUAbbxMeLe2O3JwQxH7P0xtS_AVn3RFQPHZA-t4kXN8DpT8v_5WlmvCVoEiWrYCDAD6vSjhSB6cOWjUKzXQkW6V8y1hKyJB2RuHqrTtdGdgHznPGoJoyHx71mpmI5YOAY9asO8fmCnrfrGSyieyULnkXHOBCSw5wRAYQuwIBl/s1200/Contoh%20Infografis%20Pendidikan%20tentang%20Timeline%20Kegiatan%20Sekolah.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Contoh Infografis Pendidikan tentang Timeline Kegiatan Sekolah&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw0NnDmgOwqzNm-J-ojmWqUAbbxMeLe2O3JwQxH7P0xtS_AVn3RFQPHZA-t4kXN8DpT8v_5WlmvCVoEiWrYCDAD6vSjhSB6cOWjUKzXQkW6V8y1hKyJB2RuHqrTtdGdgHznPGoJoyHx71mpmI5YOAY9asO8fmCnrfrGSyieyULnkXHOBCSw5wRAYQuwIBl/s1600/Contoh%20Infografis%20Pendidikan%20tentang%20Timeline%20Kegiatan%20Sekolah.webp&quot; title=&quot;Contoh Infografis Pendidikan tentang Timeline Kegiatan Sekolah&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Timeline berguna ketika informasi perlu dibaca berdasarkan urutan waktu. Contohnya adalah persiapan pameran karya kelas, mulai dari memilih tema sampai evaluasi setelah acara.&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Rancangan judul:&lt;/strong&gt; “Alur Persiapan Pameran Karya Kelas”. Berikut jadwal simulasi yang dapat kamu sesuaikan:&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Waktu relatif&lt;/th&gt;&lt;th&gt;Kegiatan&lt;/th&gt;&lt;th&gt;Hasil yang diharapkan&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;H-14&lt;/td&gt;&lt;td&gt;Menentukan tema dan membagi tugas&lt;/td&gt;&lt;td&gt;Daftar peran serta rencana karya&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;H-10&lt;/td&gt;&lt;td&gt;Menyiapkan bahan dan mulai berkarya&lt;/td&gt;&lt;td&gt;Bahan siap dan proses berjalan&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;H-7&lt;/td&gt;&lt;td&gt;Memeriksa perkembangan&lt;/td&gt;&lt;td&gt;Daftar pekerjaan yang perlu diselesaikan&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;H-3&lt;/td&gt;&lt;td&gt;Menata karya dan menyiapkan label&lt;/td&gt;&lt;td&gt;Susunan pameran serta informasi karya&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Hari H&lt;/td&gt;&lt;td&gt;Melaksanakan pameran&lt;/td&gt;&lt;td&gt;Kegiatan sesuai pembagian peran&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;H+1&lt;/td&gt;&lt;td&gt;Evaluasi dan dokumentasi&lt;/td&gt;&lt;td&gt;Catatan perbaikan untuk acara berikutnya&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Gunakan titik, garis penghubung, dan label waktu yang mudah dikenali. Untuk layar ponsel, timeline vertikal sering lebih praktis sebagai pilihan layout karena tidak membutuhkan baris yang terlalu lebar.&lt;/p&gt;&lt;p&gt;Jelaskan bahwa H-14 berarti 14 hari sebelum acara. Bila jadwal berubah, perbarui label waktunya sebelum dibagikan. Jangan memakai tanggal pasti untuk kegiatan yang belum ditetapkan.&lt;/p&gt;&lt;p&gt;Jika tiap tahap memiliki penanggung jawab, tambahkan nama peran seperti “tim dokumentasi” atau “koordinator karya”. Cukup tampilkan informasi yang diperlukan pembaca agar timeline tetap mudah dipindai.&lt;/p&gt;&lt;h2&gt;Cara Membuat Infografis Pendidikan di Canva&lt;/h2&gt;&lt;p&gt;Canva menyediakan template infografis, editor untuk menyesuaikan desain, serta elemen visual dan grafik. Ketersediaan aset atau fitur tertentu dapat bergantung pada akun dan paket yang digunakan.&lt;/p&gt;&lt;p&gt;Kamu bisa mulai dengan alur berikut:&lt;/p&gt;&lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;Tentukan tujuan.&lt;/strong&gt; Tuliskan satu pesan, misalnya menjelaskan siklus air atau membandingkan dua kegiatan belajar.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Siapkan isi.&lt;/strong&gt; Buat ringkasan dan periksa sumber sebelum memasukkannya ke desain.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Pilih format.&lt;/strong&gt; Cari template infografis di Canva atau mulai dari kanvas kosong. Pilih layout yang sesuai dengan proses, data, perbandingan, atau timeline.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Ganti isi template.&lt;/strong&gt; Sesuaikan judul, keterangan, ikon, dan angka. Jangan membiarkan data bawaan dianggap sebagai data tugasmu.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Rapikan tampilan.&lt;/strong&gt; Samakan gaya ikon, jaga jarak antarelemen, dan buat judul lebih menonjol daripada keterangan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Periksa hasil.&lt;/strong&gt; Pastikan tidak ada teks terpotong, arah panah keliru, atau angka yang berbeda dari sumber.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Unduh sesuai kebutuhan.&lt;/strong&gt; PNG dapat dipilih untuk gambar; PDF Standard untuk dibagikan sebagai dokumen; PDF Print untuk kebutuhan cetak.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk mengenali pilihan alat sebelum mendesain, kamu bisa mempelajari &lt;a href=&quot;https://www.fikalmyid.com/2025/10/fitur-terbaru-canva-web-gratis-dan-pro.html&quot;&gt;fitur Canva untuk membuat infografis&lt;/a&gt;, lalu memilih fitur yang membantu tujuan tugasmu.&lt;/p&gt;&lt;p&gt;Sebagai contoh ukuran kerja, gambar blog berasio 3:2 dapat dibuat pada kanvas 1500 × 1000 piksel. Ini pilihan editorial, bukan standar wajib. Jangan memaksakan semua informasi ke satu gambar jika teksnya menjadi terlalu kecil.&lt;/p&gt;&lt;h2&gt;Tips Membuat Infografis Pendidikan yang Mudah Dipahami&lt;/h2&gt;&lt;h3&gt;Mulai dari isi yang benar&lt;/h3&gt;&lt;p&gt;Periksa definisi, angka, satuan, dan sumber terlebih dahulu. Gambar yang rapi tetap bisa menyesatkan apabila informasi dasarnya keliru. Untuk rancangan yang memakai simulasi, letakkan label ilustrasi pada desainnya, bukan hanya pada paragraf blog.&lt;/p&gt;&lt;p&gt;Gunakan satu pesan utama dan pangkas rincian yang tidak mendukungnya. Pembahasan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/9-tips-perancangan-infografis-yang-baik.html&quot;&gt;tips perancangan infografis yang baik&lt;/a&gt; dapat membantu kamu menilai tujuan, pemilihan informasi, dan kecocokan bentuk visual.&lt;/p&gt;&lt;h3&gt;Atur urutan perhatian&lt;/h3&gt;&lt;p&gt;Hierarki visual menggunakan perbedaan ukuran, kontras, dan pengelompokan untuk mengarahkan perhatian. Judul, informasi utama, dan catatan sumber sebaiknya memiliki tingkat penekanan yang berbeda.&lt;/p&gt;&lt;p&gt;Kamu bisa menerapkan &lt;a href=&quot;https://www.fikalmyid.com/2026/09/hierarki-visual.html&quot;&gt;hierarki visual dalam desain&lt;/a&gt; dengan membesarkan judul, menonjolkan angka utama, dan menempatkan keterangan dekat visual yang dijelaskan.&lt;/p&gt;&lt;p&gt;Sebagai titik awal, pilih satu atau dua keluarga font serta palet warna terbatas. Tambahkan label pada kategori; jangan mengandalkan warna saja untuk menyampaikan perbedaan. Sisakan ruang antarkelompok informasi agar setiap bagian punya batas yang jelas.&lt;/p&gt;&lt;h3&gt;Uji keterbacaan sebelum dibagikan&lt;/h3&gt;&lt;p&gt;Buka hasil ekspor di ponsel dan periksa apakah teks dapat dibaca pada ukuran tampil normal. Minta teman menjelaskan pesan utamanya. Jika jawabannya berbeda dari tujuanmu, perbaiki bagian yang menimbulkan kebingungan.&lt;/p&gt;&lt;p&gt;Saat memasang gambar di blog, tulis teks alternatif yang menjelaskan informasi penting dan sediakan angka atau penjelasannya dalam teks halaman. Dengan begitu, isi tetap tersedia bagi pembaca yang tidak dapat melihat gambar.&lt;/p&gt;&lt;p&gt;Mulailah dari satu contoh infografis pendidikan yang paling sesuai dengan tugasmu. Siapkan isi yang benar, buat rancangan sederhana, lalu perbaiki berdasarkan bagian yang masih sulit dipahami pembaca.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/5-contoh-infografis-pendidikan-yang.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITfbUsHq7mZtmybZ46tR7CaddJB7zNxarQkoofgRY3qga5Xaz3OlpRchdm2495B3g4u8TzcwbT9tGReLgEjUUjIjxS10PEEwaUV9sZzf8SQ8z-fw__8EwVY2jphHjA1pZPTpdn5YyGsbLNATHSxX9I9_ot2YH_j-Or284G3WePCkkYtNb6ocVTbM6dJH8/s72-c/Contoh%20Infografis%20Pendidikan%20yang%20Menarik.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-5978821173456702155</guid><pubDate>Wed, 07 Oct 2026 11:02:49 +0000</pubDate><atom:updated>2026-10-08T10:11:42.399+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tutorial Desain</category><title>Infografis Canva: Ukuran, Template dan Cara Membuatnya</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMllqzY3aksUE7np-w65OJ3WqECtk3wNzuIs7FuJ4dHBbU1NgPneliu7fT-n1Zdj9-p2_zRWRkkh-T1QEIoIJIRNmb6Wv3Z730xWo0pAZLMZQ0gIC3f6EI4Q96HxExJfPZuS7EjmcnYsyPfK46Gt08zFwjIrMgRjNLdHY6Qifvbidi9r0LbpKwKe8Uzypd/s1200/Infografis%20Canva_%20Ukuran,%20Template%20dan%20Cara%20Membuatnya.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Canva: Ukuran, Template dan Cara Membuatnya&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMllqzY3aksUE7np-w65OJ3WqECtk3wNzuIs7FuJ4dHBbU1NgPneliu7fT-n1Zdj9-p2_zRWRkkh-T1QEIoIJIRNmb6Wv3Z730xWo0pAZLMZQ0gIC3f6EI4Q96HxExJfPZuS7EjmcnYsyPfK46Gt08zFwjIrMgRjNLdHY6Qifvbidi9r0LbpKwKe8Uzypd/s1600/Infografis%20Canva_%20Ukuran,%20Template%20dan%20Cara%20Membuatnya.webp&quot; title=&quot;Infografis Canva: Ukuran, Template dan Cara Membuatnya&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Infografis Canva adalah desain visual yang dibuat menggunakan Canva untuk merangkum informasi, data, atau proses agar mudah dipahami. Kamu bisa memulai dari template, mengganti teks, lalu menambahkan ikon dan grafik sesuai kebutuhan. Hasil yang baik membutuhkan pesan yang jelas, data yang benar, tata letak teratur, dan format unduhan yang sesuai.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis Canva?&lt;/h2&gt;&lt;p&gt;Infografis menggabungkan informasi dengan visual untuk membantu pembaca memahami suatu topik. Canva menjadi alat untuk menyusunnya melalui template dan elemen desain yang dapat disesuaikan. Contohnya adalah ringkasan materi kuliah, alur pendaftaran kegiatan, atau perbandingan hasil survei.&lt;/p&gt;&lt;p&gt;Bedakan infografis dengan poster yang hanya menonjolkan satu pengumuman. Pada infografis, hubungan antarinformasi perlu terlihat: ada urutan, kategori, perbandingan, atau pola yang bisa diikuti pembaca.&lt;/p&gt;&lt;p&gt;Bayangkan kamu ingin menjelaskan proses mengerjakan tugas kelompok. Alih-alih menempelkan paragraf panjang, tampilkan tahapan pembagian peran, pengumpulan materi, penyusunan, dan pemeriksaan akhir. Pembaca langsung mendapat gambaran tentang apa yang harus dilakukan.&lt;/p&gt;&lt;p&gt;Tidak semua materi perlu dijadikan grafik. Jika pesan utamanya berupa langkah, gunakan diagram proses. Jika berisi perbandingan angka, pertimbangkan grafik yang sesuai dengan datanya.&lt;/p&gt;&lt;h2&gt;Apa yang Perlu Disiapkan Sebelum Membuat Infografis?&lt;/h2&gt;&lt;p&gt;Mulai dari tujuan komunikasi. Tuliskan satu kalimat tentang hasil yang kamu inginkan, misalnya “Pembaca memahami alur membuat infografis dari awal sampai selesai.” Kalimat ini membantu menyaring informasi yang benar-benar perlu dimasukkan.&lt;/p&gt;&lt;p&gt;Siapkan bahan berikut sebelum membuka editor:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Pembaca sasaran:&lt;/strong&gt; teman sekelas, pengikut media sosial, atau peserta kegiatan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Materi inti:&lt;/strong&gt; judul, penjelasan singkat, serta poin yang paling penting.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Data dan rujukan:&lt;/strong&gt; sumber angka, periode pengamatan, dan satuan yang digunakan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Media penggunaan:&lt;/strong&gt; layar ponsel, halaman blog, presentasi, atau cetakan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Aset visual:&lt;/strong&gt; logo yang berhak kamu gunakan, foto yang sesuai, dan ikon pendukung.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Untuk latihan, gunakan tema “Alur Membuat Infografis” dengan lima tahap: tentukan tujuan, kumpulkan informasi, pilih struktur, susun desain, lalu periksa hasil. Materi ini bisa divisualkan tanpa membuat statistik palsu.&lt;/p&gt;&lt;p&gt;Jika menggunakan angka, catat asal dan konteksnya. Persentase tanpa keterangan tentang siapa yang dihitung dapat membuat pembaca salah memahami pesan.&lt;/p&gt;&lt;h2&gt;Cara Memilih Template Infografis Canva yang Tepat&lt;/h2&gt;&lt;p&gt;Template membantu menyediakan kerangka awal. Canva memiliki koleksi contoh infografis yang dapat kamu edit sesuai kebutuhan. Namun, pilih berdasarkan struktur informasi, bukan hanya warna atau ilustrasi yang menarik.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Gunakan pola berikut sebagai panduan:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Proses:&lt;/strong&gt; tahapan kerja yang harus diikuti berurutan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Timeline:&lt;/strong&gt; kejadian yang disusun berdasarkan waktu.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Perbandingan:&lt;/strong&gt; dua atau lebih pilihan dengan aspek penilaian yang sama.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Statistik:&lt;/strong&gt; angka atau hasil pengukuran yang perlu dijelaskan.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Informasional:&lt;/strong&gt; rangkuman konsep yang dibagi menjadi beberapa bagian.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Untuk latihan lima tahap tadi, pilih template proses dengan lima blok. Hindari template yang memaksamu menyisipkan grafik padahal materinya tidak berisi data numerik.&lt;/p&gt;&lt;p&gt;Jika kesulitan menentukan pola penataan, pelajari &lt;a href=&quot;https://www.fikalmyid.com/2026/06/12-jenis-layout-desain-grafis-cara.html&quot;&gt;jenis layout desain grafis&lt;/a&gt; agar kamu lebih mudah memahami hubungan antara teks, gambar, dan ruang.&lt;/p&gt;&lt;p&gt;Periksa juga status elemen dan template sebelum dipakai. Canva menyediakan pilihan gratis serta konten premium; aksesnya mengikuti akun dan konten yang dipilih. Ganti aset yang tidak tersedia pada akunmu dengan alternatif yang sesuai.&amp;nbsp;&lt;/p&gt;&lt;h2&gt;Cara Membuat Infografis di Canva Langkah demi Langkah&lt;/h2&gt;&lt;h3&gt;1. Buka Canva dan tentukan kanvas&lt;/h3&gt;&lt;p&gt;Masuk ke Canva, lalu cari “infografis” melalui pencarian desain atau template. Pilih ukuran yang sesuai dengan tujuan penggunaan. Nama serta posisi menu dapat berbeda antara versi web dan aplikasi.&lt;/p&gt;&lt;p&gt;Untuk tugas cetak, ukuran A4 potret dapat menjadi pilihan awal jika tidak ada ketentuan lain. Untuk blog atau media sosial, ikuti kebutuhan penempatan dan ketentuan platform. Tidak ada satu ukuran yang cocok untuk semua penggunaan.&lt;/p&gt;&lt;p&gt;Beri nama desain yang mudah dikenali, seperti “Infografis_Alur_Desain”. Ini membantu ketika kamu membuat beberapa versi untuk tugas atau publikasi.&lt;/p&gt;&lt;h3&gt;2. Pilih template dan susun informasi&lt;/h3&gt;&lt;p&gt;Gunakan template proses yang sudah dipilih, kemudian ganti seluruh teks contoh. Letakkan judul di atas, kalimat pengantar singkat di bawahnya, dan lima tahap utama pada blok yang tersedia.&lt;/p&gt;&lt;p&gt;Usahakan setiap blok punya pola konsisten: nomor tahap, nama tahap, lalu satu penjelasan pendek. Contohnya, “Kumpulkan Informasi — Pilih materi dan sumber yang relevan dengan tujuan.”&lt;/p&gt;&lt;p&gt;Jika teks tidak muat, ringkas kalimatnya terlebih dahulu. Mengecilkan semua huruf sering membuat desain tampak penuh dan sulit dibaca.&lt;/p&gt;&lt;h3&gt;3. Tambahkan visual yang mendukung pesan&lt;/h3&gt;&lt;p&gt;Pilih ikon yang membantu mengenali tahap, misalnya target untuk tujuan, dokumen untuk informasi, dan tanda pemeriksaan untuk evaluasi. Gunakan gaya ikon yang serupa agar tampilannya terasa menyatu.&lt;/p&gt;&lt;p&gt;Canva juga menyediakan alat bagan untuk menyajikan data, termasuk grafik batang, garis, dan lingkaran. Gunakan jika materi memang membutuhkan visualisasi angka.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Sebagai contoh latihan, kamu dapat membandingkan tiga kategori memakai grafik batang. Jika angkanya hanya simulasi, beri label “data ilustrasi”, bukan “hasil penelitian”. Jangan mengubah besar batang secara manual hingga tidak lagi sesuai dengan nilainya.&lt;/p&gt;&lt;h3&gt;4. Rapikan dan periksa desain&lt;/h3&gt;&lt;p&gt;Sejajarkan blok, samakan jarak, dan periksa apakah urutan tahap mudah diikuti. Gunakan nomor atau panah bila hubungan antartahap belum jelas.&lt;/p&gt;&lt;p&gt;Lihat desain dalam ukuran kecil, kemudian baca seperti pembaca baru. Apakah judul langsung terlihat? Apakah ada istilah yang belum dijelaskan? Apakah setiap visual punya fungsi?&lt;/p&gt;&lt;p&gt;Sebelum menutup editor, pastikan perubahan tersimpan. Canva menyimpan perubahan secara otomatis, tetapi status penyimpanan tetap perlu diperiksa ketika koneksi internet berubah.&amp;nbsp;&lt;/p&gt;&lt;h2&gt;Cara Mengatur Warna, Font, dan Tata Letak Infografis&lt;/h2&gt;&lt;p&gt;Mulai dengan palet sederhana. Sebagai latihan, gunakan satu warna utama, satu warna aksen, dan latar netral. Ini rekomendasi praktis untuk memudahkan konsistensi, bukan batas wajib bagi semua desain.&lt;/p&gt;&lt;p&gt;Pastikan tulisan terlihat jelas terhadap latarnya. Hindari teks abu-abu sangat muda pada putih atau tulisan gelap di atas foto yang ramai. Untuk membedakan kategori, tambahkan label atau bentuk sehingga pembaca tidak hanya bergantung pada warna.&lt;/p&gt;&lt;p&gt;Pilih font yang nyaman dibaca. Kamu bisa menggunakan satu keluarga font dengan variasi ukuran dan ketebalan untuk judul, subjudul, serta isi. Gunakan huruf dekoratif seperlunya, terutama jika materi memuat banyak penjelasan.&lt;/p&gt;&lt;p&gt;Atur &lt;a href=&quot;https://www.fikalmyid.com/2026/09/hierarki-visual.html&quot;&gt;hierarki visual&lt;/a&gt; agar pembaca mengetahui informasi yang perlu dilihat lebih dahulu, lalu mengikuti detail pendukungnya.&lt;/p&gt;&lt;p&gt;Pada latihan lima tahap, judul menjadi fokus utama, nomor tahap membantu navigasi, dan penjelasan menjadi informasi pendukung. Sisakan ruang kosong antarblok agar setiap kelompok informasi mudah dibedakan.&lt;/p&gt;&lt;h2&gt;5 Contoh Infografis Canva yang Bisa Kamu Buat&lt;/h2&gt;&lt;p&gt;Berikut lima ide latihan. Contoh ini merupakan usulan desain, bukan laporan hasil penelitian atau pengalaman pengguna tertentu.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1. Infografis edukasi: “Mengenal Komponen Infografis”&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVHr5dExqSfayIOT3qT6Wx0tosf40jZLDWaPsNJ3maXr8fjH6YSmrJ3PZ9hVbi_VGQpnIirhb5JG0Wk7SMP31cpHmPRzkhUKzDv4uWwdakMYNC0r3rxmz-7dLuyM4KiFEoKwbyNPc5DxpITDO4Yim1d_n2RZic9yOguimZtFMV93TGooxXmWtyqv46SXLM/s1200/Infografis%20edukasi_%20%E2%80%9CMengenal%20Komponen%20Infografis.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis edukasi: “Mengenal Komponen Infografis&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVHr5dExqSfayIOT3qT6Wx0tosf40jZLDWaPsNJ3maXr8fjH6YSmrJ3PZ9hVbi_VGQpnIirhb5JG0Wk7SMP31cpHmPRzkhUKzDv4uWwdakMYNC0r3rxmz-7dLuyM4KiFEoKwbyNPc5DxpITDO4Yim1d_n2RZic9yOguimZtFMV93TGooxXmWtyqv46SXLM/s1600/Infografis%20edukasi_%20%E2%80%9CMengenal%20Komponen%20Infografis.webp&quot; title=&quot;Infografis edukasi: “Mengenal Komponen Infografis&quot; /&gt;&lt;/a&gt;&lt;/div&gt;Tampilkan judul, informasi inti, visual, dan sumber sebagai empat kelompok. Beri satu contoh fungsi pada setiap komponen. Format ini cocok untuk materi pengantar desain.&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2. Infografis proses: “Alur Membuat Infografis”&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Susun lima tahap latihan secara vertikal. Gunakan nomor dan ikon yang konsisten, lalu tambahkan pemeriksaan akhir di bagian bawah. Pembaca bisa mengikuti alurnya sebagai panduan kerja.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3. Infografis perbandingan: “Belajar Mandiri dan Belajar Kelompok”&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7Hy5RIBBrAsc0jgdtUPpwxDEmznIelVGP5tcIpMXZJ6MdHd7Fo_5lgT8C4bPfkx_136WsTw1A6AzDhjrYLh-zpPJcme6WtKbhAH0c0LUlNv8Inqzfif2Fe1CFmEbcnAYbroxIs-htBYvm4acYThJD4YbmUYt0Y80Gf_48nWtaI6jDP5-EILxmWY9A-RP/s1200/Infografis%20perbandingan_%20%E2%80%9CBelajar%20Mandiri%20dan%20Belajar%20Kelompok.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis perbandingan: “Belajar Mandiri dan Belajar Kelompok&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7Hy5RIBBrAsc0jgdtUPpwxDEmznIelVGP5tcIpMXZJ6MdHd7Fo_5lgT8C4bPfkx_136WsTw1A6AzDhjrYLh-zpPJcme6WtKbhAH0c0LUlNv8Inqzfif2Fe1CFmEbcnAYbroxIs-htBYvm4acYThJD4YbmUYt0Y80Gf_48nWtaI6jDP5-EILxmWY9A-RP/s1600/Infografis%20perbandingan_%20%E2%80%9CBelajar%20Mandiri%20dan%20Belajar%20Kelompok.webp&quot; title=&quot;Infografis perbandingan: “Belajar Mandiri dan Belajar Kelompok&quot; /&gt;&lt;/a&gt;&lt;/div&gt;Gunakan dua kolom dengan aspek yang sama, seperti pengaturan waktu, bentuk diskusi, dan pembagian tugas. Jelaskan kondisi penggunaan masing-masing tanpa menyatakan satu metode selalu lebih baik.&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4. Infografis statistik: “Ringkasan Survei Kelas”&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Gunakan data survei yang benar-benar kamu kumpulkan. Cantumkan jumlah responden, pertanyaan, periode, dan sumber. Untuk latihan tanpa survei nyata, tandai seluruh angka sebagai simulasi.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5. Infografis timeline: “Jadwal Persiapan Acara Kampus”&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg0Le5jsYSw7tPwQFTSbdPXDApCgmrL9CfcnRfDL87Qtja3_FecA21JHB1mvb5cSFNEevuMR7S8IA1kqUN4xg9rqBWL8a_e0X0zAbhDsumgE2FmlIb0xB1IPz16eULvF_rrKw9rQiyhW2MXT1vYGm_letybH3yUttie01GZyqUL6KkN-CcrGsVyRUduuCw/s1200/Infografis%20timeline_%20%E2%80%9CJadwal%20Persiapan%20Acara%20Kampus.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis timeline: “Jadwal Persiapan Acara Kampus&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg0Le5jsYSw7tPwQFTSbdPXDApCgmrL9CfcnRfDL87Qtja3_FecA21JHB1mvb5cSFNEevuMR7S8IA1kqUN4xg9rqBWL8a_e0X0zAbhDsumgE2FmlIb0xB1IPz16eULvF_rrKw9rQiyhW2MXT1vYGm_letybH3yUttie01GZyqUL6KkN-CcrGsVyRUduuCw/s1600/Infografis%20timeline_%20%E2%80%9CJadwal%20Persiapan%20Acara%20Kampus.webp&quot; title=&quot;Infografis timeline: “Jadwal Persiapan Acara Kampus&quot; /&gt;&lt;/a&gt;&lt;/div&gt;Susun tanggal dan kegiatan dari persiapan sampai pelaksanaan. Jika jadwal masih berupa rencana, tulis status tersebut dengan jelas. Jangan membuat pembaca mengira tanggalnya sudah ditetapkan panitia.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Kesalahan Saat Membuat Infografis dan Cara Mengatasinya&lt;/h2&gt;&lt;p&gt;Kesalahan yang sering muncul adalah memasukkan semua materi ke satu kanvas. Pilih pesan utama, ringkas penjelasan, atau pecah materi menjadi beberapa desain jika informasi tetap terlalu padat.&lt;/p&gt;&lt;p&gt;Masalah lainnya adalah visual yang tidak menjelaskan isi. Ikon dekoratif boleh digunakan, tetapi jangan sampai mengalahkan angka, tahapan, atau informasi yang dibutuhkan pembaca.&lt;/p&gt;&lt;p&gt;Untuk grafik, periksa label, satuan, dan skala. Grafik lingkaran perlu menggambarkan bagian dari satu keseluruhan. Jika kategori saling tumpang tindih, pertimbangkan bentuk lain yang lebih sesuai.&lt;/p&gt;&lt;p&gt;Sumber yang tidak dicantumkan juga melemahkan kualitas infografis. Sisakan bagian untuk nama sumber dan tahun atau periode data. Pada artikel pendamping, kamu dapat menjelaskan rujukannya lebih lengkap.&lt;/p&gt;&lt;p&gt;Gunakan &lt;a href=&quot;https://www.fikalmyid.com/2026/08/9-tips-perancangan-infografis-yang-baik.html&quot;&gt;tips perancangan infografis yang baik&lt;/a&gt; sebagai bahan pemeriksaan tambahan untuk menilai kejelasan pesan dan kesesuaian visual sebelum desain dibagikan.&lt;/p&gt;&lt;p&gt;Terakhir, cek ejaan, isi template yang belum diganti, serta keterbacaan di ponsel. Pemeriksaan sederhana ini membantu menemukan masalah sebelum desain terlanjur digunakan.&lt;/p&gt;&lt;h2&gt;Cara Mengunduh Infografis Canva agar Tetap Jelas&lt;/h2&gt;&lt;p&gt;Buka &lt;strong&gt;Bagikan/Share&lt;/strong&gt;, pilih &lt;strong&gt;Unduh/Download&lt;/strong&gt;, lalu tentukan jenis file dan halaman yang ingin disimpan. Format yang tersedia dapat berbeda sesuai jenis desain.&lt;/p&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Format&lt;/th&gt;&lt;th&gt;Kapan digunakan&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;PNG&lt;/td&gt;&lt;td&gt;Infografis digital yang banyak berisi tulisan, garis, dan ikon&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;JPG&lt;/td&gt;&lt;td&gt;Desain yang dominan foto atau membutuhkan file lebih kecil; periksa kembali detail tulisan&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PDF Standard&lt;/td&gt;&lt;td&gt;Dokumen untuk dibaca atau dibagikan secara digital&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PDF Print&lt;/td&gt;&lt;td&gt;Desain untuk dicetak; sesuaikan pengaturan dengan kebutuhan percetakan&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Pilihan format tersebut mengikuti panduan unduhan Canva. Pengaturan tambahan, seperti kualitas, skala, transparansi, atau profil warna tertentu, dapat bergantung pada paket akun.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Jika hasil buram, periksa ukuran kanvas dan kualitas gambar yang diunggah. Mengunduh sebagai PDF Print tidak memperbaiki foto sumber yang sudah berkualitas rendah. Canva juga merekomendasikan PNG untuk desain media sosial yang memuat teks.&amp;nbsp;&lt;/p&gt;&lt;p&gt;Selalu buka file hasil unduhan dan periksa pada ukuran penggunaan sebenarnya. Untuk cetak, lakukan uji cetak bila memungkinkan; untuk layar, cek melalui ponsel.&lt;/p&gt;&lt;p&gt;Mulai praktik dengan satu infografis Canva bertema sederhana, lalu minta seseorang menjelaskan pesan yang ia tangkap. Jika urutannya masih membingungkan, revisi susunan informasi sebelum menambah dekorasi. Simpan desain yang bisa diedit agar perubahan berikutnya lebih mudah.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/infografis-canva-ukuran-template-dan.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMllqzY3aksUE7np-w65OJ3WqECtk3wNzuIs7FuJ4dHBbU1NgPneliu7fT-n1Zdj9-p2_zRWRkkh-T1QEIoIJIRNmb6Wv3Z730xWo0pAZLMZQ0gIC3f6EI4Q96HxExJfPZuS7EjmcnYsyPfK46Gt08zFwjIrMgRjNLdHY6Qifvbidi9r0LbpKwKe8Uzypd/s72-c/Infografis%20Canva_%20Ukuran,%20Template%20dan%20Cara%20Membuatnya.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-1075465439855691266</guid><pubDate>Tue, 06 Oct 2026 11:03:09 +0000</pubDate><atom:updated>2026-10-06T19:04:00.758+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><title>Ukuran Feed Instagram 3 Kotak Terbaru 2026</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89x7HVkVcG_-GWMble9x3_r6XusifdjYxCp2aAA2mhio_jYjfXNiyzpUQEXWFZORATGH1VgmZ7BYClkAChODTfIq0jy18hNmVFGAHHnSiQm0FZR9lcz_EsnWs1tbS5_QBx6CgQe3VjboMHvbdLkyrRWxG9wlsSgIFHvXxfoV0n_8JTjNjn5TZnI_6AJGy/s1200/Ukuran%20Feed%20Instagram%203%20Kotak%20Terbaru%202026.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Feed Instagram 3 Kotak Terbaru 2026&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89x7HVkVcG_-GWMble9x3_r6XusifdjYxCp2aAA2mhio_jYjfXNiyzpUQEXWFZORATGH1VgmZ7BYClkAChODTfIq0jy18hNmVFGAHHnSiQm0FZR9lcz_EsnWs1tbS5_QBx6CgQe3VjboMHvbdLkyrRWxG9wlsSgIFHvXxfoV0n_8JTjNjn5TZnI_6AJGy/s1600/Ukuran%20Feed%20Instagram%203%20Kotak%20Terbaru%202026.webp&quot; title=&quot;Ukuran Feed Instagram 3 Kotak Terbaru 2026&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Untuk membuat &lt;strong&gt;ukuran feed Instagram 3 kotak&lt;/strong&gt; yang mengikuti format vertikal terbaru, kamu bisa memakai kanvas &lt;strong&gt;3240 × 1440 px&lt;/strong&gt; untuk rasio 3:4. Jika tetap menggunakan format populer 4:5, ukurannya &lt;strong&gt;3240 × 1350 px&lt;/strong&gt;, sedangkan format kotak 1:1 menggunakan &lt;strong&gt;3240 × 1080 px&lt;/strong&gt;. Setelah selesai, desain dibagi menjadi tiga gambar selebar 1080 px.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Berapa Ukuran Feed Instagram 3 Kotak Terbaru?&lt;/h2&gt;&lt;p&gt;Jika tujuanmu membuat satu gambar besar yang tersambung menjadi tiga postingan dalam satu baris profil, cara termudah menghitung ukurannya adalah mengalikan lebar satu postingan Instagram dengan tiga.&lt;/p&gt;&lt;p&gt;Instagram telah mendukung foto dengan rasio &lt;strong&gt;3:4&lt;/strong&gt; sejak Mei 2025. Format ini bisa digunakan untuk satu foto maupun carousel dan memungkinkan gambar vertikal 3:4 ditampilkan tanpa perlu dipotong menjadi 4:5.&lt;/p&gt;&lt;p&gt;Dengan lebar 1080 pixel, ukuran 3:4 menjadi &lt;strong&gt;1080 × 1440 px&lt;/strong&gt;. Jadi untuk tiga kotak berjajar:&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXzwoZf4ay8y1qi0JGeZtH709_Oyr6JJAQO1dB8FxeZdNuXVfOC-QtaGmcOemCpThDRI6u6guyXi_2LMxKXaMUctkbgIOSPtLbCrlnAwEdGpA8w7YbBZaNl-F0Ui5ty1MK6kwV-PUXUwyxJptX40WAIklyVddVShSXg2827Cj5sAIqVvxzU3t2Cd0pI8P/s1200/Ukuran%20Feed%20Instagram%203%20Kotak%20Terbaru.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Feed Instagram 3 Kotak Terbaru&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXzwoZf4ay8y1qi0JGeZtH709_Oyr6JJAQO1dB8FxeZdNuXVfOC-QtaGmcOemCpThDRI6u6guyXi_2LMxKXaMUctkbgIOSPtLbCrlnAwEdGpA8w7YbBZaNl-F0Ui5ty1MK6kwV-PUXUwyxJptX40WAIklyVddVShSXg2827Cj5sAIqVvxzU3t2Cd0pI8P/s1600/Ukuran%20Feed%20Instagram%203%20Kotak%20Terbaru.webp&quot; title=&quot;Ukuran Feed Instagram 3 Kotak Terbaru&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;Format 3:4 paling menarik jika fokusmu adalah tampilan vertikal modern. Namun, jangan menganggap 4:5 sudah tidak bisa dipakai. Rasio 4:5 tetap merupakan pilihan praktis dan populer untuk konten portrait.&lt;/p&gt;&lt;p&gt;Hal lain yang perlu dibedakan adalah ukuran gambar asli dengan thumbnail di halaman profil. Instagram mulai mengganti thumbnail persegi pada grid profil dengan tampilan vertikal sejak Januari 2025 karena mayoritas foto dan video yang diunggah sudah berorientasi vertikal.&lt;/p&gt;&lt;p&gt;Artinya, tutorial lama yang hanya menggunakan kanvas 3240 × 1080 px masih bisa digunakan, tetapi tidak selalu menghasilkan komposisi paling ideal untuk tampilan Instagram saat ini.&lt;/p&gt;&lt;h2&gt;Ukuran Feed Instagram 3 Kotak Rasio 4:5&lt;/h2&gt;&lt;p&gt;Rasio 4:5 menggunakan ukuran &lt;strong&gt;1080 × 1350 px&lt;/strong&gt; untuk satu postingan. Jika tiga postingan ingin disusun menjadi satu desain menyambung, buat kanvas awal berukuran:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3240 × 1350 px&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Cara menghitungnya sederhana:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1080 px × 3 = 3240 px&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Tinggi tetap 1350 px karena ketiga bagian berada dalam satu baris horizontal.&lt;/p&gt;&lt;p&gt;Format 4:5 cocok untuk poster promosi, katalog mini, pengumuman, portofolio, atau konten edukasi yang membutuhkan ruang vertikal cukup luas. Dibandingkan ukuran persegi, kamu punya ruang lebih banyak untuk foto, judul, ilustrasi, dan call to action.&lt;/p&gt;&lt;p&gt;Saat menyusun puzzle feed, jangan hanya memikirkan garis sambungan gambar. Perhatikan juga hierarki visual dan hubungan antarbagian. Memahami &lt;a href=&quot;https://www.fikalmyid.com/2026/06/12-jenis-layout-desain-grafis-cara.html&quot;&gt;jenis layout desain grafis&lt;/a&gt; dapat membantu kamu menentukan posisi gambar, teks, dan elemen utama agar tiga postingan tetap menarik ketika dilihat terpisah.&lt;/p&gt;&lt;p&gt;Misalnya, jangan menempatkan satu kata penting tepat pada garis pemisah dua kotak. Saat postingan dilihat satu per satu di feed, teks tersebut akan terlihat seperti terpotong.&lt;/p&gt;&lt;p&gt;Lebih aman membuat setiap bagian tetap memiliki fokus visual sendiri, meskipun ketiganya membentuk satu gambar ketika dilihat dari profil.&lt;/p&gt;&lt;h2&gt;Ukuran Feed Instagram 3 Kotak untuk Rasio 1:1&lt;/h2&gt;&lt;p&gt;Kalau kamu menyukai tampilan klasik, ukuran 1:1 masih dapat digunakan. Satu postingan berukuran &lt;strong&gt;1080 × 1080 px&lt;/strong&gt;, sehingga desain tiga kotak membutuhkan kanvas:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3240 × 1080 px&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Format persegi memiliki kelebihan karena sederhana dan mudah dibuat. Desain lama yang sudah dibuat dalam ukuran square juga tidak perlu diubah hanya karena Instagram mengembangkan tampilan profil vertikal.&lt;/p&gt;&lt;p&gt;Namun, ada satu hal yang perlu diperhatikan. Grid profil Instagram sekarang tidak lagi berfokus pada thumbnail persegi seperti beberapa tahun lalu. Karena preview profil berbentuk lebih vertikal, gambar 1:1 dapat ditampilkan dengan framing yang berbeda dari file aslinya.&lt;/p&gt;&lt;p&gt;Karena itu, jangan meletakkan logo, wajah, headline, atau informasi penting terlalu dekat dengan sisi kanan dan kiri desain.&lt;/p&gt;&lt;p&gt;Anggap bagian tengah gambar sebagai area paling aman. Dengan begitu, desain tetap mudah dipahami meskipun Instagram menggunakan crop berbeda pada thumbnail profil.&lt;/p&gt;&lt;p&gt;Format 1:1 masih cocok untuk desain minimalis, kutipan, logo, produk tunggal, atau akun yang sudah memiliki banyak konten persegi dan ingin menjaga gaya visual yang konsisten.&lt;/p&gt;&lt;h2&gt;Cara Membuat Feed Instagram 3 Kotak di Canva&lt;/h2&gt;&lt;p&gt;Canva bisa digunakan untuk membuat puzzle feed tanpa harus menghitung setiap kotak secara manual. Canva menyediakan guides yang dapat membagi halaman menjadi beberapa kolom, termasuk preset tiga kolom dan grid 3×3.&lt;/p&gt;&lt;h3&gt;Menentukan ukuran kanvas&lt;/h3&gt;&lt;p&gt;Buka Canva kemudian pilih &lt;strong&gt;Custom size&lt;/strong&gt; atau ukuran khusus.&lt;/p&gt;&lt;p&gt;Masukkan salah satu ukuran berikut:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;3240 × 1440 px&lt;/strong&gt; untuk rasio 3:4.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;3240 × 1350 px&lt;/strong&gt; untuk rasio 4:5.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;3240 × 1080 px&lt;/strong&gt; untuk rasio 1:1.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Pastikan satuannya adalah &lt;strong&gt;px&lt;/strong&gt;, bukan cm atau inci.&lt;/p&gt;&lt;p&gt;Setelah kanvas dibuat, susun foto, warna, teks, ilustrasi, dan elemen branding seperti biasa.&lt;/p&gt;&lt;p&gt;Kalau kamu ingin membandingkan Canva dengan tool lain untuk mengerjakan konten serupa, daftar &lt;a href=&quot;https://www.fikalmyid.com/2025/02/7-aplikasi-desain-grafis-online-gratis.html&quot;&gt;aplikasi desain grafis online gratis&lt;/a&gt; dapat menjadi referensi tambahan sebelum menentukan workflow.&lt;/p&gt;&lt;h3&gt;Membagi kanvas menjadi tiga bagian&lt;/h3&gt;&lt;p&gt;Di Canva desktop, buka menu &lt;strong&gt;File&lt;/strong&gt;, kemudian pilih &lt;strong&gt;Rulers and guides&lt;/strong&gt; dan tambahkan guides. Canva menyediakan pilihan tiga kolom atau pengaturan custom.&lt;/p&gt;&lt;p&gt;Untuk kanvas 3240 px, batas masing-masing bagian berada pada:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;Kotak pertama: 0–1080 px&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Kotak kedua: 1080–2160 px&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Kotak ketiga: 2160–3240 px&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Guides tersebut tidak ikut muncul pada file hasil ekspor. Fungsinya hanya membantu kamu melihat batas setiap postingan.&lt;/p&gt;&lt;p&gt;Setelah desain selesai, kamu dapat mengekspor gambar besar kemudian membaginya menjadi tiga bagian sama lebar. Canva juga memiliki fitur Image Splitter untuk membuat beberapa bagian gambar yang dapat digunakan sebagai konten multi-post.&lt;/p&gt;&lt;p&gt;Gunakan PNG jika desain berisi banyak teks, icon, atau grafis tajam. JPG dapat dipilih jika sebagian besar desain berupa foto dan kamu ingin ukuran file lebih ringan.&lt;/p&gt;&lt;h2&gt;Cara Membagi Desain Menjadi 3 Kotak Instagram&lt;/h2&gt;&lt;p&gt;Setelah desain utuh selesai, tahap berikutnya adalah menghasilkan tiga file terpisah.&lt;/p&gt;&lt;p&gt;Misalnya kanvas utamamu berukuran &lt;strong&gt;3240 × 1440 px&lt;/strong&gt;. Setelah dibagi secara vertikal menjadi tiga, hasil akhirnya adalah:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;Gambar kiri: 1080 × 1440 px&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Gambar tengah: 1080 × 1440 px&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Gambar kanan: 1080 × 1440 px&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Pastikan tidak ada jarak tambahan di antara ketiga potongan. Bahkan selisih beberapa pixel dapat membuat garis atau gambar terlihat tidak nyambung.&lt;/p&gt;&lt;p&gt;Kamu juga perlu memperhatikan urutan posting.&lt;/p&gt;&lt;p&gt;Pada sistem grid kronologis lama, desain tiga bagian biasanya diunggah dari &lt;strong&gt;kanan → tengah → kiri&lt;/strong&gt; supaya hasil akhirnya tampil dari kiri ke kanan pada halaman profil.&lt;/p&gt;&lt;p&gt;Namun, Instagram telah meluncurkan fitur &lt;strong&gt;Reorder grid&lt;/strong&gt; secara luas pada Juni 2026. Pengguna dapat menahan postingan di profil, memilih opsi Reorder grid, kemudian menyeret konten ke posisi yang diinginkan. Fitur ini juga dilaporkan sudah tersedia untuk pengguna Android dan iPhone di Indonesia.&lt;/p&gt;&lt;p&gt;Artinya, penyusunan puzzle feed sekarang jauh lebih fleksibel. Jika posisi tiga postingan kurang tepat, kamu dapat mengatur ulang grid tanpa harus menghapus dan mengunggah ulang semua gambar.&lt;/p&gt;&lt;p&gt;Tetap cek hasil akhirnya melalui halaman profil setelah posting. Sambungan yang sempurna di file desain belum tentu terlihat identik ketika masuk ke antarmuka Instagram karena terdapat jarak kecil antar-thumbnail.&lt;/p&gt;&lt;h2&gt;Ukuran Feed Instagram 3 Kotak Horizontal atau Landscape&lt;/h2&gt;&lt;p&gt;Istilah “feed tiga kotak horizontal” biasanya memiliki dua arti.&lt;/p&gt;&lt;p&gt;Pertama, satu desain lebar dibagi menjadi tiga postingan portrait atau square. Inilah format puzzle feed yang paling umum. Dalam kondisi ini, kanvas 3240 × 1440 px, 3240 × 1350 px, atau 3240 × 1080 px dapat digunakan sesuai rasio masing-masing postingan.&lt;/p&gt;&lt;p&gt;Kedua, setiap postingan memang dibuat dalam orientasi landscape.&lt;/p&gt;&lt;p&gt;Instagram mendukung foto landscape hingga rasio sekitar &lt;strong&gt;1.91:1&lt;/strong&gt;. Dengan lebar 1080 px, ukuran praktisnya sekitar &lt;strong&gt;1080 × 566 px&lt;/strong&gt;. Untuk tiga file berjajar, kanvas gabungannya menjadi sekitar &lt;strong&gt;3240 × 566 px&lt;/strong&gt;. Panduan ukuran Instagram yang diperbarui pada 2026 masih menempatkan 1.91:1 sebagai batas landscape pada rentang foto feed yang didukung.&lt;/p&gt;&lt;p&gt;Walaupun memungkinkan, format ini kurang ideal untuk puzzle profil karena thumbnail grid Instagram sekarang berbentuk vertikal. Bagian kiri dan kanan gambar landscape bisa kehilangan banyak konteks ketika tampil sebagai thumbnail.&lt;/p&gt;&lt;p&gt;Jika tujuan utamamu adalah membuat profil terlihat menyambung, gunakan orientasi portrait 3:4 atau 4:5. Landscape lebih cocok apabila prioritasmu adalah tampilan gambar ketika postingan dibuka, bukan estetika grid profil.&lt;/p&gt;&lt;h2&gt;Tips Agar Feed Instagram 3 Kotak Tidak Terpotong&lt;/h2&gt;&lt;p&gt;Masalah paling umum pada puzzle feed bukan ukuran kanvas, melainkan penempatan elemen.&lt;/p&gt;&lt;p&gt;Foto bisa memiliki ukuran yang benar tetapi tetap terlihat aneh karena wajah, teks, atau logo berada terlalu dekat dengan batas potongan.&lt;/p&gt;&lt;p&gt;Gunakan beberapa tips berikut:&lt;/p&gt;&lt;ol data-spread=&quot;true&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Letakkan informasi penting di area tengah.&lt;/strong&gt;&lt;br /&gt;Hindari menempatkan judul utama, harga, logo, atau wajah tepat di sisi luar gambar.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Gunakan guides sebelum mulai mendesain.&lt;/strong&gt;&lt;br /&gt;Buat garis pada posisi 1080 px dan 2160 px agar kamu selalu mengetahui batas masing-masing kotak.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Jangan memotong teks di antara dua postingan.&lt;/strong&gt;&lt;br /&gt;Gambar boleh melintasi batas, tetapi teks sebaiknya tetap berada dalam satu kotak agar masih bisa dibaca ketika postingan muncul sendiri di feed.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Perhatikan komposisi setiap kotak.&lt;/strong&gt;&lt;br /&gt;Puzzle yang bagus tetap terlihat masuk akal saat setiap gambar dilihat secara terpisah. Dasar seperti kontras, keseimbangan, alignment, dan hierarki pada &lt;a href=&quot;https://www.fikalmyid.com/2025/02/7-prinsip-desain-grafis-yang-harus.html&quot;&gt;prinsip desain grafis&lt;/a&gt; sangat membantu untuk menjaga hasilnya tetap rapi.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Gunakan file beresolusi cukup.&lt;/strong&gt;&lt;br /&gt;Hindari memperbesar gambar kecil hingga pecah. Untuk desain yang memakai lebar 1080 px per kotak, gunakan aset foto yang cukup tajam sejak awal.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Preview sebelum mengunggah.&lt;/strong&gt;&lt;br /&gt;Periksa ketiga potongan berdampingan dan secara individual. Pastikan tidak ada garis putih, bagian hilang, atau posisi objek yang bergeser.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Manfaatkan pengaturan grid Instagram.&lt;/strong&gt;&lt;br /&gt;Pada Instagram versi terbaru, Reorder grid memberi kamu kontrol lebih besar terhadap posisi konten di halaman profil.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk &lt;strong&gt;ukuran feed Instagram 3 kotak&lt;/strong&gt; saat ini, pilihan yang paling sesuai dengan arah tampilan vertikal Instagram adalah &lt;strong&gt;3240 × 1440 px untuk rasio 3:4&lt;/strong&gt;. Rasio 4:5 dan 1:1 tetap valid jika lebih sesuai dengan desainmu. Yang paling penting adalah memilih satu rasio sejak awal, menjaga area penting tetap aman, dan membagi kanvas menjadi tiga bagian selebar 1080 px secara presisi.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/ukuran-feed-instagram-3-kotak-terbaru.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89x7HVkVcG_-GWMble9x3_r6XusifdjYxCp2aAA2mhio_jYjfXNiyzpUQEXWFZORATGH1VgmZ7BYClkAChODTfIq0jy18hNmVFGAHHnSiQm0FZR9lcz_EsnWs1tbS5_QBx6CgQe3VjboMHvbdLkyrRWxG9wlsSgIFHvXxfoV0n_8JTjNjn5TZnI_6AJGy/s72-c/Ukuran%20Feed%20Instagram%203%20Kotak%20Terbaru%202026.webp" height="72" width="72"/><thr:total>3</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-7463708929169180331</guid><pubDate>Mon, 05 Oct 2026 09:07:00 +0000</pubDate><atom:updated>2026-10-05T17:28:00.229+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Software Desain</category><title>Mockup Jersey Free: Template PSD Gratis untuk Desain</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis0QaY4_PpaHRt3dSHc6BiUfiiSAGs3_OlO-dsKxv18Hi5Mg5_OTTmV3SVG527_15HqvQ8aEvp8n_sATrmvRbNGG-Toppaxp-Ia8Egl8mc624TAzMZ__3X-ob_xWTFJvRWB8l2CTnXKdXuHMxhiSXIPh0qN41D7ss1AOCck16ulqrONWqk-19pM49wi-Ik/s1200/Mockup%20Jersey%20Free_%20Template%20PSD%20Gratis%20untuk%20Desain.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Mockup Jersey Free: Template PSD Gratis untuk Desain&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis0QaY4_PpaHRt3dSHc6BiUfiiSAGs3_OlO-dsKxv18Hi5Mg5_OTTmV3SVG527_15HqvQ8aEvp8n_sATrmvRbNGG-Toppaxp-Ia8Egl8mc624TAzMZ__3X-ob_xWTFJvRWB8l2CTnXKdXuHMxhiSXIPh0qN41D7ss1AOCck16ulqrONWqk-19pM49wi-Ik/s1600/Mockup%20Jersey%20Free_%20Template%20PSD%20Gratis%20untuk%20Desain.webp&quot; title=&quot;Mockup Jersey Free: Template PSD Gratis untuk Desain&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Mockup jersey free adalah template visual gratis yang digunakan untuk menampilkan desain jersey dalam bentuk lebih realistis sebelum dicetak atau diproduksi. File biasanya tersedia dalam format PSD dengan layer dan Smart Object, meskipun sekarang ada juga pilihan editor online. Sebelum menggunakan sebuah mockup, periksa format, resolusi, dan lisensinya.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Mockup Jersey dan Apa Fungsinya?&lt;/h2&gt;&lt;p&gt;Mockup jersey merupakan visual simulasi yang menunjukkan bagaimana desain akan terlihat ketika diterapkan pada pakaian olahraga. Jadi, gambar logo, warna, pola, nomor pemain, hingga sponsor tidak hanya terlihat sebagai desain datar, tetapi seolah sudah berada pada jersey sungguhan.&lt;/p&gt;&lt;p&gt;Bagi desainer, mockup sangat berguna untuk mempresentasikan konsep sebelum desain masuk ke tahap produksi. Klien atau anggota tim bisa melihat bentuk yang lebih mendekati hasil akhir sehingga lebih mudah memberikan masukan.&lt;/p&gt;&lt;p&gt;Mockup juga berbeda dari template desain jersey. Template biasanya menjadi area kerja untuk menyusun pola, warna, nomor, dan elemen grafis, sedangkan mockup lebih fokus pada presentasi visual.&lt;/p&gt;&lt;p&gt;Kalau kamu masih belum familier dengan konsep tersebut, pembahasan mengenai &lt;a href=&quot;https://www.fikalmyid.com/2026/08/apa-itu-mockup-dan-cara-menggunakannya.html&quot;&gt;apa itu mockup dan cara menggunakannya&lt;/a&gt; bisa membantu memahami fungsi mockup sebelum mulai mengedit template jersey.&lt;/p&gt;&lt;p&gt;Dalam workflow desain, mockup biasanya digunakan setelah desain utama selesai. Kamu membuat desain jersey terlebih dahulu, lalu memasukkannya ke file mockup untuk mengecek keseimbangan warna, ukuran logo, posisi sponsor, dan kesan keseluruhan.&lt;/p&gt;&lt;h2&gt;Mockup Jersey Free yang Bisa Kamu Download&lt;/h2&gt;&lt;div&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;#&lt;/th&gt;
&lt;th&gt;Mockup&lt;/th&gt;
&lt;th&gt;Format / resolusi&lt;/th&gt;
&lt;th&gt;Lisensi yang tercantum&lt;/th&gt;
&lt;th&gt;Sumber resmi&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Soccer Jersey Mockup – Front &amp;amp; Back Views&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, 8635×5940 px, Smart Object&lt;/td&gt;
&lt;td&gt;Personal &amp;amp; commercial use menurut ketentuan Free-Mockup&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://www.free-mockup.com/mockups/soccer-jersey-mockup-front-back-views/&quot;&gt;Download / lihat sumber&lt;/a&gt; (&lt;a href=&quot;https://www.free-mockup.com/mockups/soccer-jersey-mockup-front-back-views/&quot; title=&quot;Soccer Jersey Mockup – Front &amp;amp; Back Views&quot;&gt;The Free Mockup&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;2&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Football Kit PSD Free Mockup&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, 8000×5000 px, Smart Layers&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://www.free-mockup.com/mockups/football-kit-psd-free-mockup/&quot;&gt;Download dari Free-Mockup&lt;/a&gt; (&lt;a href=&quot;https://www.free-mockup.com/mockups/football-kit-psd-free-mockup/&quot; title=&quot;Football Kit PSD Free Mockup&quot;&gt;The Free Mockup&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Soccer Kit Mockup Free&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, 3715×5570 px&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://www.free-mockup.com/mockups/soccer-kit-mockup-free/&quot;&gt;Download dari Free-Mockup&lt;/a&gt; (&lt;a href=&quot;https://www.free-mockup.com/mockups/soccer-kit-mockup-free/&quot; title=&quot;Soccer Kit Mockup Free&quot;&gt;The Free Mockup&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;4&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Mockup Jersey Templates by Trout&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, Smart Object, free demo 800×800 px, front/back&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Personal &amp;amp; Commercial Use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://troutgraph.gumroad.com/l/jerseyv2&quot;&gt;Download versi $0&lt;/a&gt; (&lt;a href=&quot;https://troutgraph.gumroad.com/l/jerseyv2&quot; title=&quot;Mockup Jersey Templates by Trout&quot;&gt;Gumroad&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;5&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Generic Jersey Mockups by Trout V1&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, free version 2000×2000 px, front/back/side&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Personal &amp;amp; Commercial Use&lt;/strong&gt;; resale dilarang&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://troutgraph.gumroad.com/l/jerseymockupsv1&quot;&gt;Download versi gratis&lt;/a&gt; (&lt;a href=&quot;https://troutgraph.gumroad.com/l/jerseymockupsv1&quot; title=&quot;Jersey Mockups by Trout (OUTDATED)&quot;&gt;Gumroad&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;6&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free Soccer / Football Jersey Mockup Template&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, 3000×2000 px, Smart Layer&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://psfiles.com/free-soccer-football-jersey-mockup-template-psd/&quot;&gt;Download dari PsFiles&lt;/a&gt; (&lt;a href=&quot;https://psfiles.com/free-soccer-football-jersey-mockup-template-psd/&quot; title=&quot;Free Soccer / Football Jersey Mockup Template PSD - PsFiles&quot;&gt;PsFiles&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;7&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Round Neck Football Jersey Mockup Set&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, 3000×3000 px, Smart Object&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://psfiles.com/new-round-neck-jersey-mockup-psd-set-2/&quot;&gt;Download Round Neck Jersey&lt;/a&gt; (&lt;a href=&quot;https://psfiles.com/new-round-neck-jersey-mockup-psd-set-2/&quot; title=&quot;Free Round Neck Football Jersey Mockup PSD — World Cup 2026 Design | PsFiles&quot;&gt;PsFiles&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;8&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Football Jersey Mockup Template PSD&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, 4000×3000 px, Smart Layer&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://psfiles.com/free-football-jersey-mockup-template-psd/&quot;&gt;Download Football Jersey PSD&lt;/a&gt; (&lt;a href=&quot;https://psfiles.com/free-football-jersey-mockup-template-psd/&quot; title=&quot;Free Football Jersey Mockup Template PSD - PsFiles&quot;&gt;PsFiles&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;9&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Half Sleeves Front &amp;amp; Back Jersey Mockup&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;2 PSD, 4000×3200 px&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://psfiles.com/free-half-sleeves-front-and-back-jersey-mockup-psd/?utm_source=chatgpt.com&quot;&gt;Download Front &amp;amp; Back Mockup&lt;/a&gt; (&lt;a href=&quot;https://psfiles.com/free-half-sleeves-front-and-back-jersey-mockup-psd/&quot; title=&quot;Free Half Sleeves Front and Back Jersey Mockup PSD - PsFiles&quot;&gt;PsFiles&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Football/Soccer Jersey Mockup – 3 Views&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;PSD, 5000×5000 px, front/back/side&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://psfiles.com/new-free-football-soccer-jersey-mockups-psd-set/&quot;&gt;Download 3-View Jersey Mockup&lt;/a&gt; (&lt;a href=&quot;https://psfiles.com/new-free-football-soccer-jersey-mockups-psd-set/&quot; title=&quot;New Free Football Soccer Jersey Mockups PSD set - PsFiles&quot;&gt;PsFiles&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;11&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Soccer Jersey Costume Mockup&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;2 PSD, 3000×2250 px, Smart Object&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://psfiles.com/free-soccer-jersey-costume-mockup-psd/&quot;&gt;Download Soccer Costume Mockup&lt;/a&gt; (&lt;a href=&quot;https://psfiles.com/free-soccer-jersey-costume-mockup-psd/&quot; title=&quot;Free Soccer Jersey Costume Mockup PSD - PsFiles&quot;&gt;PsFiles&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Basketball Jersey Mockup PSD Set&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;3 PSD, 4000×3200 px, front/side/back&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Free for personal and commercial use&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://goodmockups.com/free-basketball-jersey-mockup-psd-set/&quot;&gt;Download Basketball Jersey Mockup&lt;/a&gt; (&lt;a href=&quot;https://goodmockups.com/free-basketball-jersey-mockup-psd-set/&quot; title=&quot;Free Basketball Jersey Mockup PSD Set - Good Mockups&quot;&gt;Good Mockups&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;Ada cukup banyak mockup jersey gratis di internet, tetapi kualitas file dan kemudahan editing berbeda-beda. Karena itu, jangan memilih hanya berdasarkan gambar preview. Perhatikan juga resolusi, format, layer, sudut tampilan, dan ketentuan penggunaan.&lt;/p&gt;&lt;p&gt;Berikut beberapa contoh yang masih dapat ditemukan saat sumber diverifikasi pada Oktober 2026:&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4tlKzkhaIXjs0TvZDFo_Ba9go1v1_IVBPr4xKKQpAEyxLFIBd7AtltRyMEWthIwWu2yD4xvaXAUi1Sxtx3wZicSBVhWqC6S1BhQO2UjsgmE1_7MjrOzZASwZu4uOCRWbDkUy0sBGZO_ANs26tU6LpMCmXoI4CdAjcxWs5ygDgQoIN7oIcpYD7q53y3lyz/s1200/Mockup%20Jersey%20Free%20yang%20Bisa%20Kamu%20Download.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Mockup Jersey Free yang Bisa Kamu Download&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4tlKzkhaIXjs0TvZDFo_Ba9go1v1_IVBPr4xKKQpAEyxLFIBd7AtltRyMEWthIwWu2yD4xvaXAUi1Sxtx3wZicSBVhWqC6S1BhQO2UjsgmE1_7MjrOzZASwZu4uOCRWbDkUy0sBGZO_ANs26tU6LpMCmXoI4CdAjcxWs5ygDgQoIN7oIcpYD7q53y3lyz/s1600/Mockup%20Jersey%20Free%20yang%20Bisa%20Kamu%20Download.webp&quot; title=&quot;Mockup Jersey Free yang Bisa Kamu Download&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;Spesifikasi tersebut berasal dari halaman sumber yang tersedia ketika riset dilakukan. Beberapa di antaranya secara eksplisit menyediakan PSD gratis dan Smart Object, tetapi kondisi download dan ketentuan lisensi dapat berubah.&lt;/p&gt;&lt;p&gt;Kalau tujuanmu untuk desain portofolio, mockup front view sederhana sering sudah cukup. Namun, untuk presentasi kepada klien atau klub olahraga, kombinasi tampilan depan dan belakang biasanya lebih informatif karena nomor pemain dan nama sering berada di sisi belakang.&lt;/p&gt;&lt;p&gt;Mockup lengkap yang mencakup jersey, celana, dan kaus kaki juga berguna jika kamu sedang mengembangkan satu set identitas tim. Salah satu contoh yang ditemukan saat riset adalah complete soccer kit PSD dengan beberapa bagian yang dapat diubah melalui layer.&lt;/p&gt;&lt;p&gt;Jangan langsung menganggap semua file berlabel “free” bebas dipakai untuk merchandise berbayar. Cek bagian license, terms, readme, atau informasi dari kreator pada halaman sumber.&lt;/p&gt;&lt;h2&gt;Mockup Jersey PSD Free untuk Photoshop&lt;/h2&gt;&lt;p&gt;PSD masih menjadi format yang sangat umum untuk mockup jersey karena mampu menyimpan banyak layer dalam satu dokumen. Dalam file yang disusun dengan baik, bagian desain, warna jersey, bayangan, highlight, background, dan logo dapat dipisahkan sehingga proses editing lebih fleksibel.&lt;/p&gt;&lt;p&gt;Fitur yang paling sering digunakan adalah &lt;strong&gt;Smart Object&lt;/strong&gt;. Adobe menjelaskan bahwa Smart Object memungkinkan elemen diedit tanpa langsung merusak data gambar aslinya. Pada mockup, fitur ini biasanya dimanfaatkan agar kamu cukup membuka layer tertentu, mengganti artwork, menyimpan perubahan, lalu tampilan jersey diperbarui secara otomatis.&lt;/p&gt;&lt;p&gt;Workflow sederhananya seperti ini:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;Buka file PSD mockup di Photoshop.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Cari layer yang bertanda Smart Object.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Klik dua kali thumbnail Smart Object.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Masukkan desain jersey kamu.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Sesuaikan ukuran dan posisinya.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Simpan dokumen Smart Object.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Kembali ke file mockup utama.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Periksa warna, bayangan, logo, dan komposisinya.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Export hasil akhir menjadi PNG atau JPEG sesuai kebutuhan.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Tidak semua PSD memiliki struktur yang sama. Ada file yang menyediakan Smart Object terpisah untuk badan jersey, lengan, logo, dan sponsor, sementara file sederhana mungkin hanya menyediakan satu area artwork.&lt;/p&gt;&lt;p&gt;Karena itu, lihat panel Layers terlebih dahulu sebelum mengedit. Jangan langsung mengubah layer shadow atau highlight karena elemen tersebut biasanya berfungsi memberikan efek volume pada kain.&lt;/p&gt;&lt;h2&gt;Mockup Jersey Free untuk Canva dan Editor Online&lt;/h2&gt;&lt;p&gt;Photoshop menawarkan kontrol yang lebih detail, tetapi bukan satu-satunya cara membuat presentasi jersey.&lt;/p&gt;&lt;p&gt;Canva saat ini memiliki fitur &lt;strong&gt;Mockups&lt;/strong&gt; di editor. Dokumentasi resminya menjelaskan bahwa pengguna dapat memilih kategori Mockups lalu memasukkan gambar ke mockup yang tersedia. Fitur tersebut tersedia melalui editor desktop maupun mobile. Ketersediaan model jersey tertentu dapat berubah, jadi cari kategori pakaian atau sportswear yang tersedia saat kamu mengedit.&lt;/p&gt;&lt;p&gt;Untuk pengguna pemula, pendekatan Canva bisa lebih sederhana. Kamu dapat membuat artwork jersey, logo tim, pola, atau sponsor terlebih dahulu, kemudian mencoba memasukkannya ke mockup pakaian yang tersedia.&lt;/p&gt;&lt;p&gt;Kalau kamu masih mencari alat untuk menyusun desain dasar sebelum dimasukkan ke mockup, daftar &lt;a href=&quot;https://www.fikalmyid.com/2025/11/rekomendasi-8-aplikasi-desain-jersey.html&quot;&gt;aplikasi desain jersey gratis&lt;/a&gt; dapat menjadi referensi untuk membandingkan beberapa pilihan.&lt;/p&gt;&lt;p&gt;Ada juga situs mockup yang memungkinkan editing langsung dari browser. Saat riset dilakukan, Mockupnest misalnya menyediakan sejumlah mockup jersey yang bisa dikustomisasi online selain opsi download PSD.&lt;/p&gt;&lt;p&gt;Editor online cocok untuk proses cepat. Namun, jika kamu membutuhkan kontrol rinci terhadap tekstur, layer, pencahayaan, atau distorsi desain, file PSD biasanya memberikan fleksibilitas yang lebih besar.&lt;/p&gt;&lt;h2&gt;Cara Menggunakan Mockup Jersey Free&lt;/h2&gt;&lt;p&gt;Sebelum mulai, siapkan desain jersey dalam resolusi yang memadai. Jika memungkinkan, pisahkan logo, nomor pemain, sponsor, dan pola agar mudah disesuaikan.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1. Pilih mockup sesuai kebutuhan&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Tentukan terlebih dahulu apakah kamu membutuhkan tampilan depan, belakang, perspektif 3D, jersey lengan panjang, atau satu set kit.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2. Cek format file&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Jika memakai Photoshop, cari file PSD dengan layer yang tertata dan Smart Object. Kalau tidak memiliki Photoshop, cari template yang mendukung editor online atau workflow berbasis gambar.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3. Baca informasi lisensi&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Periksa apakah file hanya untuk penggunaan pribadi atau juga memperbolehkan penggunaan komersial. Simpan halaman lisensi atau catatan penggunaan jika aset akan dipakai untuk proyek klien.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4. Masukkan desain&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Pada PSD, buka Smart Object yang disediakan. Tempelkan artwork jersey dengan ukuran yang sesuai area kerja.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5. Sesuaikan warna&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Pastikan warna dasar jersey sesuai dengan desain. Jika tersedia adjustment layer atau color layer, gunakan bagian tersebut daripada menimpa shadow dan highlight.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;6. Periksa posisi logo dan sponsor&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Logo klub, sponsor, nomor, dan elemen lain sebaiknya tidak terlalu dekat dengan jahitan, kerah, atau lipatan yang membuatnya sulit dibaca.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;7. Tinjau pada ukuran kecil&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Perkecil tampilan mockup. Cara sederhana ini membantu melihat apakah desain masih memiliki hierarki yang jelas ketika dilihat seperti pengguna biasa.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;8. Export hasil akhir&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;PNG cocok ketika kamu membutuhkan kualitas visual atau transparansi. JPEG lebih praktis untuk preview ringan, presentasi, atau posting biasa ketika transparansi tidak diperlukan.&lt;/p&gt;&lt;p&gt;Simpan juga file kerja sebelum export supaya desain masih bisa direvisi jika ada perubahan warna, nomor, atau sponsor.&lt;/p&gt;&lt;h2&gt;Tips Membuat Mockup Jersey Terlihat Realistis&lt;/h2&gt;&lt;p&gt;Mockup berkualitas tinggi belum tentu terlihat bagus jika artwork ditempatkan sembarangan. Realisme sangat dipengaruhi oleh cara desain mengikuti bentuk objek.&lt;/p&gt;&lt;p&gt;Pertama, jangan menghilangkan bayangan dan highlight bawaan mockup. Dua elemen ini membantu menciptakan kesan volume dan tekstur kain.&lt;/p&gt;&lt;p&gt;Kedua, perhatikan &lt;strong&gt;skala logo&lt;/strong&gt;. Logo yang terlalu besar akan membuat desain terlihat seperti ditempel di atas gambar, bukan menjadi bagian dari jersey.&lt;/p&gt;&lt;p&gt;Ketiga, gunakan kombinasi warna dengan kontras yang cukup. Nomor pemain, nama, logo sponsor, dan badge harus tetap terbaca terhadap warna dasar jersey.&lt;/p&gt;&lt;p&gt;Keempat, jangan memenuhi semua bagian dengan ornamen. Sisakan area visual yang lebih tenang agar elemen penting memiliki ruang. Desain jersey dengan terlalu banyak pola, sponsor, garis, dan efek sering kehilangan hierarki.&lt;/p&gt;&lt;p&gt;Kelima, perhatikan arah dan lekukan kain. Jika mockup memiliki perspektif atau lipatan, artwork seharusnya mengikuti distorsi yang sudah disediakan template. Smart Object pada mockup yang dibuat dengan baik biasanya menangani sebagian proses ini secara otomatis.&lt;/p&gt;&lt;p&gt;Keenam, gunakan background yang mendukung desain. Jersey yang penuh warna sering lebih nyaman dilihat pada latar sederhana. Sebaliknya, jersey minimalis bisa terlihat lebih kuat dengan background yang memberi sedikit kontras.&lt;/p&gt;&lt;p&gt;Terakhir, lihat hasil pada beberapa ukuran. Mockup untuk portofolio desktop mungkin terlihat bagus dalam ukuran besar, tetapi detail tipis bisa hilang ketika gambar digunakan sebagai thumbnail media sosial.&lt;/p&gt;&lt;h2&gt;Cara Memilih Mockup Jersey yang Tepat&lt;/h2&gt;&lt;p&gt;Tidak ada satu mockup yang paling cocok untuk semua kebutuhan. Pilihan sebaiknya mengikuti tujuan akhir desain.&lt;/p&gt;&lt;p&gt;Untuk presentasi logo dan warna utama, mockup front view sederhana sudah cukup. Jika desain memiliki nama dan nomor pemain di belakang, pilih template yang menyediakan front dan back view.&lt;/p&gt;&lt;p&gt;Untuk portofolio profesional, prioritaskan resolusi tinggi serta struktur layer yang rapi. File PSD dengan Smart Object juga lebih mudah diperbarui ketika ada revisi dari klien.&lt;/p&gt;&lt;p&gt;Kalau perangkat yang digunakan terbatas, pertimbangkan mockup browser atau aplikasi yang lebih ringan. Kamu juga dapat membandingkan beberapa &lt;a href=&quot;https://www.fikalmyid.com/2025/10/rekomendasi-aplikasi-desain-baju-yang.html&quot;&gt;aplikasi desain baju untuk pemula&lt;/a&gt; sebelum menentukan workflow yang paling nyaman.&lt;/p&gt;&lt;p&gt;Periksa setidaknya lima hal sebelum download:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;format file;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;resolusi;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;sudut tampilan;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;kemudahan editing;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;lisensi penggunaan.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Untuk proyek komersial, poin terakhir sangat penting. Jangan hanya mengandalkan kata “free” pada judul halaman. Baca ketentuan dari pembuat atau penyedia file dan periksa kembali saat aset benar-benar akan digunakan.&lt;/p&gt;&lt;p&gt;Pada akhirnya, &lt;strong&gt;mockup jersey free&lt;/strong&gt; yang bagus bukan hanya yang terlihat realistis pada preview. Template terbaik adalah yang sesuai dengan software yang kamu gunakan, mudah diedit, memiliki resolusi memadai, dan mempunyai ketentuan penggunaan yang jelas. Dengan begitu, mockup benar-benar membantu proses desain, bukan justru menambah pekerjaan saat revisi.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;h3&gt;&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&lt;hr /&gt;&lt;/div&gt;</description><link>https://www.fikalmyid.com/2026/10/mockup-jersey-free-template-psd-gratis.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis0QaY4_PpaHRt3dSHc6BiUfiiSAGs3_OlO-dsKxv18Hi5Mg5_OTTmV3SVG527_15HqvQ8aEvp8n_sATrmvRbNGG-Toppaxp-Ia8Egl8mc624TAzMZ__3X-ob_xWTFJvRWB8l2CTnXKdXuHMxhiSXIPh0qN41D7ss1AOCck16ulqrONWqk-19pM49wi-Ik/s72-c/Mockup%20Jersey%20Free_%20Template%20PSD%20Gratis%20untuk%20Desain.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-1974164002522270504</guid><pubDate>Sun, 04 Oct 2026 10:55:46 +0000</pubDate><atom:updated>2026-10-04T18:56:08.524+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>15 Contoh Infografis Simple dan Mudah untuk Pemula</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cra_7FcvXtL08njx9s0DxKVAq1EAtXxZxfdn98HggurB3XBU7xWg9ZalQm6mZuyLYwGz0AaDS-Hzasn6Ia2kFOiUhQmYNewdvmIz3t3oq9aifdjApKDFFAf04ZHGEI_NFGQud64h8fhMpX01TGTBevOdCcBsLxz_bk174mQN0x0JjofpOLP2WgwCvB8V/s1200/15%20Contoh%20Infografis%20Simple%20dan%20Mudah%20untuk%20Pemula.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;15 Contoh Infografis Simple dan Mudah untuk Pemula&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cra_7FcvXtL08njx9s0DxKVAq1EAtXxZxfdn98HggurB3XBU7xWg9ZalQm6mZuyLYwGz0AaDS-Hzasn6Ia2kFOiUhQmYNewdvmIz3t3oq9aifdjApKDFFAf04ZHGEI_NFGQud64h8fhMpX01TGTBevOdCcBsLxz_bk174mQN0x0JjofpOLP2WgwCvB8V/s1600/15%20Contoh%20Infografis%20Simple%20dan%20Mudah%20untuk%20Pemula.webp&quot; title=&quot;15 Contoh Infografis Simple dan Mudah untuk Pemula&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Contoh infografis simple dan mudah biasanya menggunakan sedikit warna, teks singkat, ikon sederhana, serta hierarki informasi yang jelas. Bentuknya bisa berupa infografis pendidikan, statistik, timeline, proses, perbandingan, hingga tips. Kuncinya bukan membuat desain sebanyak mungkin, tetapi menyederhanakan informasi agar pembaca cepat memahami pesan utama.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Apa Itu Infografis Simple?&lt;/h2&gt;&lt;p&gt;Infografis simple adalah penyajian informasi atau data dalam bentuk visual dengan tampilan yang relatif sederhana dan mudah dipahami. Informasi biasanya diringkas menjadi teks pendek lalu diperkuat dengan ikon, ilustrasi, diagram, grafik, angka, atau elemen visual lainnya.&lt;/p&gt;&lt;p&gt;Simple bukan berarti desainnya kosong atau membosankan. Justru, desain yang baik mampu memilih informasi mana yang perlu ditonjolkan dan mana yang tidak perlu memenuhi halaman.&lt;/p&gt;&lt;p&gt;Misalnya, daripada menampilkan lima paragraf tentang tahapan daur ulang, kamu bisa mengubahnya menjadi lima langkah pendek yang disusun vertikal lengkap dengan ikon. Informasinya sama, tetapi cara membacanya jauh lebih praktis.&lt;/p&gt;&lt;p&gt;Infografis seperti ini cocok untuk tugas sekolah, materi presentasi, konten media sosial, laporan, promosi bisnis, hingga artikel blog.&lt;/p&gt;&lt;h2&gt;15 Contoh Infografis Simple dan Mudah Dibuat&lt;/h2&gt;&lt;p&gt;Berikut beberapa konsep yang bisa kamu jadikan referensi. Kamu tidak perlu menyalinnya persis. Gunakan struktur dasarnya lalu sesuaikan warna, informasi, dan elemen visual dengan kebutuhan.&lt;/p&gt;&lt;h3&gt;1. Infografis Pendidikan&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTQQ5Bdw0Ys_WR-bRwR7TIs2GnhCVTLOWoqd6c1a6xh2RcByOrQNTRPQzzy6pLdGKZ08gk0OxM8lHvGrdXyljrEjAtzZeL9h-DEwz_aLGwID_LtkMQfPAMD2ucACf-WYw0WYJcf39kZcXEWwLgywWLLEteVqMBdcCLheUscuyl6glMqNu1CcoYNonUvyB/s1200/Infografis%20Pendidikan.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Pendidikan&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTQQ5Bdw0Ys_WR-bRwR7TIs2GnhCVTLOWoqd6c1a6xh2RcByOrQNTRPQzzy6pLdGKZ08gk0OxM8lHvGrdXyljrEjAtzZeL9h-DEwz_aLGwID_LtkMQfPAMD2ucACf-WYw0WYJcf39kZcXEWwLgywWLLEteVqMBdcCLheUscuyl6glMqNu1CcoYNonUvyB/s1600/Infografis%20Pendidikan.webp&quot; title=&quot;Infografis Pendidikan&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Infografis pendidikan cocok untuk merangkum materi pelajaran. Misalnya, kamu bisa membuat infografis tentang siklus air dengan empat tahapan utama dan satu ilustrasi untuk setiap tahap.&lt;/div&gt;&lt;p&gt;Gunakan judul besar, teks pendek, dan arah baca yang jelas. Model ini cocok untuk pelajar maupun materi edukasi di media sosial.&lt;/p&gt;&lt;h3&gt;2. Infografis Kesehatan&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFURbUixkTcWEEFWNgBuuPyHCzKfEeZ1FYgVbfRTLyl2QzC2sLQfbRkFa_JYPoFC8JpNyZ5A0zNjMTVV8yo7wHC5Ju6Qku_xHCjv8zzWCWoU223Dg7joiUwr2Jz8YF7dNem5_dtXbSR9ZngvNhofaEq48Rfv7-V736Pz8hOy0xYj8w9_-OutqIcUqXlFxc/s1200/Infografis%20Kesehatan.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Kesehatan&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFURbUixkTcWEEFWNgBuuPyHCzKfEeZ1FYgVbfRTLyl2QzC2sLQfbRkFa_JYPoFC8JpNyZ5A0zNjMTVV8yo7wHC5Ju6Qku_xHCjv8zzWCWoU223Dg7joiUwr2Jz8YF7dNem5_dtXbSR9ZngvNhofaEq48Rfv7-V736Pz8hOy0xYj8w9_-OutqIcUqXlFxc/s1600/Infografis%20Kesehatan.webp&quot; title=&quot;Infografis Kesehatan&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Tema kesehatan biasanya berisi tips, kebiasaan, atau informasi pencegahan. Contohnya adalah “5 Kebiasaan Menjaga Pola Tidur” dengan lima ikon sederhana.&lt;/div&gt;&lt;p&gt;Usahakan satu poin hanya memiliki satu pesan utama sehingga pengguna tidak perlu membaca paragraf panjang.&lt;/p&gt;&lt;h3&gt;3. Infografis Statistik&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZlYqrWzxEe8j52btOsW5OLAd1dkk9NS5OmIdsrEnVF5zu8ZUvF677Q_zaNQtGWLrHoB6ohJkqdHwbA_00RBkcqy1GHXAEgNAbrO2zopB0qDaLm5zMfan8Vapx-aD4sLA_wVXRl2WL-jK-hItlZDojsFy781LJlDKxDrWmd7dSTVZWb-tplZDQfF8CVrWE/s1200/Infografis%20Statistik.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Statistik&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZlYqrWzxEe8j52btOsW5OLAd1dkk9NS5OmIdsrEnVF5zu8ZUvF677Q_zaNQtGWLrHoB6ohJkqdHwbA_00RBkcqy1GHXAEgNAbrO2zopB0qDaLm5zMfan8Vapx-aD4sLA_wVXRl2WL-jK-hItlZDojsFy781LJlDKxDrWmd7dSTVZWb-tplZDQfF8CVrWE/s1600/Infografis%20Statistik.webp&quot; title=&quot;Infografis Statistik&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;Jika kamu mempunyai sejumlah data angka, tampilkan angka terpenting dalam ukuran besar. Tambahkan diagram batang, lingkaran, atau ikon sebagai pendukung.&lt;/div&gt;&lt;p&gt;Desain statistik yang simple tidak perlu memvisualisasikan setiap angka. Prioritaskan data yang benar-benar membantu pembaca memahami kesimpulan.&lt;/p&gt;&lt;h3&gt;4. Infografis Timeline&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh27MHosw1Sr0TFUzZJFDHFfu7xVH2k0YdxwQk4fpHBXFZeTI1aIdCyCBHwmwQ8IVDNVZbnP4UhlOGIAc2po3HqGqXfKArcRmnonoHLnCPeGgGDeH16hKN_6vYpcbw0aYv_9xupnOgx4YKUWnbrJhicuRcF4CYre7R-ECZWHe0MspdgV7fpCbfAUSbwfrUn/s1200/Infografis%20Timeline.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Timeline&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh27MHosw1Sr0TFUzZJFDHFfu7xVH2k0YdxwQk4fpHBXFZeTI1aIdCyCBHwmwQ8IVDNVZbnP4UhlOGIAc2po3HqGqXfKArcRmnonoHLnCPeGgGDeH16hKN_6vYpcbw0aYv_9xupnOgx4YKUWnbrJhicuRcF4CYre7R-ECZWHe0MspdgV7fpCbfAUSbwfrUn/s1600/Infografis%20Timeline.webp&quot; title=&quot;Infografis Timeline&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Timeline cocok untuk menjelaskan perkembangan berdasarkan waktu, misalnya sejarah perusahaan, perjalanan teknologi, atau tahapan sebuah proyek.&lt;/div&gt;&lt;p&gt;Susun periode secara kronologis dari atas ke bawah atau kiri ke kanan. Gunakan garis sederhana untuk menghubungkan setiap peristiwa.&lt;/p&gt;&lt;h3&gt;5. Infografis Proses&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnACMJK25640jSRC-comSWBRqWI5opT7PARj2Xa1ZxNJDkwegNNdrJIhNTObx6xxGtm47GZa9gu9q2GZSB-HTL97FlwKIXWXtJrQB61adAQ0GvWOfuyM_u_5NQL6pLS1odfZCQT54mnLmTuZ8R9NcDkd5MjpE8ZsXtMINN41GVkDZn-tcHChQCkpPbbiN/s1200/Infografis%20Proses.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Infografis Proses&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnACMJK25640jSRC-comSWBRqWI5opT7PARj2Xa1ZxNJDkwegNNdrJIhNTObx6xxGtm47GZa9gu9q2GZSB-HTL97FlwKIXWXtJrQB61adAQ0GvWOfuyM_u_5NQL6pLS1odfZCQT54mnLmTuZ8R9NcDkd5MjpE8ZsXtMINN41GVkDZn-tcHChQCkpPbbiN/s1600/Infografis%20Proses.webp&quot; title=&quot;Infografis Proses&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Infografis proses digunakan untuk menjelaskan langkah dari awal sampai akhir.&lt;/div&gt;&lt;p&gt;Contohnya, proses membuat kopi bisa disusun menjadi empat bagian: memilih biji, menggiling, menyeduh, kemudian menyajikan. Berikan nomor agar pembaca langsung memahami urutannya.&lt;/p&gt;&lt;h3&gt;6. Infografis Perbandingan&lt;/h3&gt;&lt;p&gt;Jenis ini cocok ketika kamu ingin membandingkan dua hal, misalnya format JPG dan PNG.&lt;/p&gt;&lt;p&gt;Bagi desain menjadi dua kolom dengan struktur informasi yang sama. Cara tersebut membuat pembaca lebih mudah melihat perbedaannya secara langsung.&lt;/p&gt;&lt;h3&gt;7. Infografis Tips&lt;/h3&gt;&lt;p&gt;Infografis tips termasuk salah satu bentuk paling mudah dibuat. Kamu cukup mempunyai satu topik utama kemudian membaginya menjadi beberapa tips singkat.&lt;/p&gt;&lt;p&gt;Misalnya, “5 Tips Membuat Poster Lebih Menarik”. Satu ikon dan satu kalimat pendek untuk setiap tips sudah cukup.&lt;/p&gt;&lt;h3&gt;8. Infografis Bisnis&lt;/h3&gt;&lt;p&gt;Untuk kebutuhan bisnis, infografis dapat digunakan untuk merangkum target, perkembangan, layanan, atau proses kerja.&lt;/p&gt;&lt;p&gt;Tampilan yang bersih biasanya lebih efektif daripada memenuhi desain dengan dekorasi. Fokuskan visual pada data atau informasi yang memang ingin ditunjukkan.&lt;/p&gt;&lt;h3&gt;9. Infografis Produk&lt;/h3&gt;&lt;p&gt;Infografis produk bisa menjelaskan fitur utama sebuah barang atau layanan.&lt;/p&gt;&lt;p&gt;Letakkan visual produk sebagai fokus, kemudian gunakan garis atau ikon untuk menunjukkan tiga sampai lima fitur penting. Model seperti ini cocok untuk materi promosi maupun katalog digital.&lt;/p&gt;&lt;h3&gt;10. Infografis Media Sosial&lt;/h3&gt;&lt;p&gt;Infografis untuk Instagram atau platform sosial lainnya perlu menyampaikan pesan dengan cepat.&lt;/p&gt;&lt;p&gt;Gunakan headline yang jelas, teks singkat, dan elemen visual besar. Jika materinya panjang, informasi bisa dipecah menjadi beberapa slide carousel daripada memaksakan semuanya ke satu desain.&lt;/p&gt;&lt;h3&gt;11. Infografis Lingkungan&lt;/h3&gt;&lt;p&gt;Tema lingkungan cocok ditampilkan melalui ilustrasi sederhana seperti pohon, bumi, air, sampah, atau simbol daur ulang.&lt;/p&gt;&lt;p&gt;Misalnya, infografis “5 Cara Mengurangi Sampah Plastik” dapat dibuat dalam format vertikal menggunakan satu ikon untuk setiap tindakan.&lt;/p&gt;&lt;h3&gt;12. Infografis Teknologi&lt;/h3&gt;&lt;p&gt;Topik teknologi sering memiliki istilah yang terasa rumit. Infografis membantu memecahnya menjadi bagian kecil.&lt;/p&gt;&lt;p&gt;Sebagai contoh, penjelasan cara kerja cloud storage dapat dibuat dalam alur perangkat → internet → server → perangkat lainnya.&lt;/p&gt;&lt;h3&gt;13. Infografis Acara&lt;/h3&gt;&lt;p&gt;Infografis acara dapat memuat tanggal, waktu, lokasi, susunan kegiatan, dan informasi penting lainnya dalam satu tampilan.&lt;/p&gt;&lt;p&gt;Buat informasi waktu dan lokasi lebih menonjol daripada dekorasi agar pembaca langsung menemukan informasi yang dibutuhkan.&lt;/p&gt;&lt;h3&gt;14. Infografis Makanan&lt;/h3&gt;&lt;p&gt;Tema makanan bisa digunakan untuk resep singkat, kandungan bahan, proses memasak, maupun perbandingan menu.&lt;/p&gt;&lt;p&gt;Untuk resep sederhana, tampilkan bahan di bagian awal kemudian susun proses memasak dalam beberapa langkah visual.&lt;/p&gt;&lt;h3&gt;15. Infografis Portofolio&lt;/h3&gt;&lt;p&gt;Infografis juga bisa digunakan untuk menyajikan profil atau kemampuan secara visual.&lt;/p&gt;&lt;p&gt;Kamu dapat menampilkan skill, software yang dikuasai, pengalaman, dan jenis pekerjaan dalam beberapa kelompok. Pastikan desain tetap memberi ruang kosong agar informasi tidak terasa berdesakan.&lt;/p&gt;&lt;h2&gt;Ciri-Ciri Desain Infografis Simple yang Menarik&lt;/h2&gt;&lt;p&gt;Ciri pertama adalah &lt;strong&gt;hierarki visual yang jelas&lt;/strong&gt;. Pembaca harus bisa membedakan judul, subjudul, informasi utama, dan keterangan tambahan hanya dengan melihat ukurannya.&lt;/p&gt;&lt;p&gt;Ciri kedua adalah penggunaan warna yang terkontrol. Kamu tidak harus memakai banyak warna agar desain terlihat menarik. Dua atau tiga warna utama sering kali sudah cukup untuk membangun identitas visual yang konsisten.&lt;/p&gt;&lt;p&gt;Layout juga berpengaruh besar terhadap cara mata mengikuti informasi. Memahami beberapa &lt;a href=&quot;https://www.fikalmyid.com/2026/06/12-jenis-layout-desain-grafis-cara.html&quot;&gt;jenis layout desain grafis&lt;/a&gt; dapat membantu kamu menentukan apakah informasi lebih cocok disusun dalam kolom, alur vertikal, perbandingan dua sisi, atau struktur lainnya.&lt;/p&gt;&lt;p&gt;Selanjutnya, gunakan whitespace atau ruang kosong. Jangan merasa setiap sudut desain harus diisi. Ruang kosong membantu memisahkan kelompok informasi dan membuat desain terasa lebih ringan.&lt;/p&gt;&lt;p&gt;Terakhir, gunakan gaya ikon dan ilustrasi yang konsisten. Jika sebagian ikon menggunakan gaya outline, sebaiknya ikon lain menggunakan karakter visual yang serupa.&lt;/p&gt;&lt;h2&gt;Cara Membuat Infografis Simple untuk Pemula&lt;/h2&gt;&lt;p&gt;Membuat infografis akan lebih mudah jika kamu memulainya dari informasi, bukan dari dekorasi.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1. Tentukan satu tujuan utama&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Tanyakan apa yang harus dipahami pembaca setelah melihat desain. Hindari memasukkan terlalu banyak pesan dalam satu infografis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2. Kumpulkan informasi&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Siapkan data, fakta, langkah, atau poin yang benar-benar dibutuhkan. Jika menggunakan statistik dari sumber eksternal, periksa kembali sumber dan konteks datanya sebelum dipublikasikan.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3. Ringkas isi&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Ubah paragraf panjang menjadi headline, angka, label, atau kalimat pendek. Infografis sebaiknya membantu pembaca memindai informasi, bukan memindahkan artikel panjang ke dalam gambar.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4. Tentukan hierarki informasi&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Pisahkan antara judul, informasi utama, dan detail pendukung. Penerapan &lt;a href=&quot;https://www.fikalmyid.com/2025/02/7-prinsip-desain-grafis-yang-harus.html&quot;&gt;prinsip desain grafis&lt;/a&gt; seperti hierarki, keseimbangan, kontras, serta alignment dapat membantu desain terlihat lebih terstruktur.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5. Pilih layout&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Untuk langkah berurutan, gunakan alur vertikal. Untuk dua objek yang dibandingkan, gunakan dua kolom. Untuk data numerik, gunakan struktur statistik.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;6. Tentukan warna dan tipografi&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Pilih warna yang memiliki kontras cukup agar tulisan mudah dibaca. Untuk font, gunakan variasi ukuran dan weight sebagai pembeda daripada memakai terlalu banyak jenis font.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;7. Tambahkan ikon atau grafik&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Gunakan visual ketika memang membantu menjelaskan informasi. Jangan menambahkan ikon hanya untuk mengisi ruang kosong.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;8. Periksa kembali&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Coba lihat desain dari ukuran kecil. Jika judul, angka penting, dan alur utama masih mudah dikenali, struktur desain biasanya sudah cukup kuat.&lt;/p&gt;&lt;h2&gt;Aplikasi untuk Membuat Infografis dengan Mudah&lt;/h2&gt;&lt;p&gt;Kamu tidak harus menggunakan software desain yang rumit untuk membuat infografis sederhana.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Canva&lt;/strong&gt; menyediakan pembuat infografis berbasis template dengan sistem drag-and-drop, elemen visual, ikon, serta grafik dan bagan yang dapat disesuaikan. Canva juga menyediakan template untuk berbagai kebutuhan seperti pendidikan, bisnis, dan pemasaran.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adobe Express&lt;/strong&gt; juga menyediakan pembuat infografik berbasis template. Berdasarkan halaman resminya, pengguna dapat menyesuaikan template dengan teks, gambar, ikon, font, warna, dan grafik, lalu menggunakannya untuk kebutuhan digital maupun cetak.&lt;/p&gt;&lt;p&gt;Pilihan lainnya dapat kamu sesuaikan dengan workflow dan perangkat yang digunakan. Jika ingin membandingkan alternatif yang lebih luas, daftar &lt;a href=&quot;https://www.fikalmyid.com/2025/02/7-aplikasi-desain-grafis-online-gratis.html&quot;&gt;aplikasi desain grafis online gratis&lt;/a&gt; bisa menjadi referensi untuk menentukan tool yang paling nyaman.&lt;/p&gt;&lt;p&gt;Untuk pemula, aplikasi terbaik bukan selalu aplikasi dengan fitur terbanyak. Pilih yang membuat kamu bisa menyusun teks, bentuk, ikon, warna, dan gambar tanpa menghambat proses kerja.&lt;/p&gt;&lt;h2&gt;Tips Membuat Infografis agar Mudah Dibaca&lt;/h2&gt;&lt;p&gt;Pertama, buat &lt;strong&gt;satu fokus visual utama&lt;/strong&gt;. Saat pembaca melihat desain untuk pertama kali, seharusnya ada judul, angka, atau visual yang langsung menarik perhatian.&lt;/p&gt;&lt;p&gt;Kedua, jangan memasukkan terlalu banyak teks. Jika sebuah poin masih membutuhkan satu paragraf panjang, coba ringkas menjadi satu kalimat dan pindahkan penjelasan detail ke artikel pendukung.&lt;/p&gt;&lt;p&gt;Ketiga, gunakan kontras. Teks harus cukup berbeda dari latar belakang sehingga tetap nyaman dibaca.&lt;/p&gt;&lt;p&gt;Keempat, jaga konsistensi. Gunakan aturan ukuran heading, bentuk ikon, jarak, dan warna yang sama sepanjang desain.&lt;/p&gt;&lt;p&gt;Kelima, pilih grafik sesuai jenis data. Diagram batang cocok untuk membandingkan nilai, sedangkan timeline lebih tepat untuk urutan berdasarkan waktu. Jangan memilih grafik hanya karena bentuknya menarik.&lt;/p&gt;&lt;p&gt;Keenam, beri ruang kosong. Infografis yang padat belum tentu lebih informatif. Ruang kosong membantu mata mengenali kelompok informasi.&lt;/p&gt;&lt;p&gt;Terakhir, lakukan pengecekan sebelum dipublikasikan. Pastikan angka benar, ejaan tidak salah, urutan informasi jelas, dan sumber data dicantumkan ketika memang menggunakan informasi dari pihak lain.&lt;/p&gt;&lt;h2&gt;Kesimpulan&lt;/h2&gt;&lt;p&gt;Contoh infografis simple dan mudah dapat hadir dalam berbagai bentuk, mulai dari pendidikan, statistik, timeline, proses, perbandingan, bisnis, hingga konten media sosial. Format yang tepat bergantung pada jenis informasi yang ingin kamu sampaikan.&lt;/p&gt;&lt;p&gt;Daripada mengejar desain yang penuh dekorasi, fokuskan perhatian pada struktur informasi, hierarki visual, layout, warna, tipografi, dan keterbacaan.&lt;/p&gt;&lt;p&gt;Untuk mulai membuatnya, pilih satu topik sederhana terlebih dahulu. Ringkas informasinya, tentukan alur, lalu gunakan visual hanya ketika benar-benar membantu pembaca memahami pesan. Dengan cara tersebut, infografis bisa tetap terlihat menarik tanpa harus menjadi rumit.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/15-contoh-infografis-simple-dan-mudah.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cra_7FcvXtL08njx9s0DxKVAq1EAtXxZxfdn98HggurB3XBU7xWg9ZalQm6mZuyLYwGz0AaDS-Hzasn6Ia2kFOiUhQmYNewdvmIz3t3oq9aifdjApKDFFAf04ZHGEI_NFGQud64h8fhMpX01TGTBevOdCcBsLxz_bk174mQN0x0JjofpOLP2WgwCvB8V/s72-c/15%20Contoh%20Infografis%20Simple%20dan%20Mudah%20untuk%20Pemula.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6246354319384360876.post-6204943653897274808</guid><pubDate>Sat, 03 Oct 2026 03:14:44 +0000</pubDate><atom:updated>2026-10-04T18:56:17.561+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Desain Grafis</category><category domain="http://www.blogger.com/atom/ns#">Tips Desain</category><title>Ukuran Feed Instagram Terbaru: Pixel, Rasio dan Canva</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijtkals4iemPW5RGZR14OTAXVTIcn87RWWNETZcgNCYtpYY_QVWa6QWLao5ydJCgdvqacgjY57Od00f-ZxYVUEDzyfYoR9BMoq2v1eYhtFYqEmGmzTlPflr7vL3ZFYibsZSe5TdDOmQdO9OL_z9sDYL03f2ZPfe_2rKv9ETNzWtiTVKbR33-TRY3lk4gL/s1200/Ukuran%20Feed%20Instagram%20Terbaru_%20Pixel,%20Rasio%20dan%20Canva.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Ukuran Feed Instagram Terbaru: Pixel, Rasio dan Canva&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijtkals4iemPW5RGZR14OTAXVTIcn87RWWNETZcgNCYtpYY_QVWa6QWLao5ydJCgdvqacgjY57Od00f-ZxYVUEDzyfYoR9BMoq2v1eYhtFYqEmGmzTlPflr7vL3ZFYibsZSe5TdDOmQdO9OL_z9sDYL03f2ZPfe_2rKv9ETNzWtiTVKbR33-TRY3lk4gL/s1600/Ukuran%20Feed%20Instagram%20Terbaru_%20Pixel,%20Rasio%20dan%20Canva.webp&quot; title=&quot;Ukuran Feed Instagram Terbaru: Pixel, Rasio dan Canva&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;Ukuran feed Instagram terbaru yang bisa kamu gunakan untuk foto portrait adalah &lt;strong&gt;1080 × 1440 pixel dengan rasio 3:4&lt;/strong&gt;. Instagram menambahkan dukungan native untuk rasio ini pada 2025. Ukuran &lt;strong&gt;1080 × 1350 pixel atau 4:5&lt;/strong&gt; juga masih didukung dan tetap menjadi pilihan aman, terutama ketika konten dipublikasikan melalui beberapa aplikasi pihak ketiga.&lt;p&gt;&lt;/p&gt;&lt;h2&gt;Berapa Ukuran Feed Instagram Terbaru 2026?&lt;/h2&gt;&lt;p&gt;Kalau kamu masih menggunakan patokan 1080 × 1080 pixel untuk semua postingan, ukuran tersebut sebenarnya belum salah. Format square 1:1 masih bisa digunakan. Namun, Instagram sekarang jauh lebih ramah terhadap konten vertikal.&lt;/p&gt;&lt;p&gt;Pada Mei 2025, Instagram mengumumkan dukungan foto &lt;strong&gt;rasio 3:4&lt;/strong&gt;. Artinya, foto portrait dari kamera smartphone yang menggunakan rasio tersebut dapat tampil tanpa harus terlebih dahulu dipotong menjadi 4:5. Dukungan tersebut berlaku untuk foto tunggal dan carousel.&lt;/p&gt;&lt;p&gt;Jika lebarnya dibuat 1080 pixel, rasio 3:4 menghasilkan ukuran:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1080 × 1440 pixel.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Ukuran ini menjadi pilihan yang sangat menarik untuk desain feed baru karena bentuknya sesuai dengan arah tampilan Instagram yang semakin vertikal.&lt;/p&gt;&lt;p&gt;Lalu, bagaimana dengan &lt;strong&gt;1080 × 1350 pixel atau 4:5&lt;/strong&gt;?&lt;/p&gt;&lt;p&gt;Ukuran tersebut masih valid. Jadi, kamu tidak perlu mengubah seluruh template lama yang menggunakan 4:5. Untuk beberapa workflow yang melibatkan scheduler atau Instagram Publishing API, format 4:5 bahkan masih lebih kompatibel karena spesifikasi API dapat lebih ketat dibanding upload langsung melalui aplikasi Instagram.&lt;/p&gt;&lt;p&gt;Secara praktis:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;3:4 / 1080 × 1440 px&lt;/strong&gt; cocok untuk konten yang diunggah langsung dan ingin memanfaatkan format portrait terbaru.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;4:5 / 1080 × 1350 px&lt;/strong&gt; tetap cocok untuk desain feed portrait dan workflow yang membutuhkan kompatibilitas luas.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;1:1 / 1080 × 1080 px&lt;/strong&gt; masih dapat digunakan untuk desain berbentuk persegi.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Jadi, istilah “ukuran terbaru” bukan berarti hanya ada satu ukuran yang benar.&lt;/p&gt;&lt;h2&gt;Daftar Ukuran Feed Instagram dalam Pixel dan Rasio&lt;/h2&gt;&lt;p&gt;Instagram menerima beberapa bentuk gambar. Pemilihan ukuran sebaiknya mengikuti jenis konten dan komposisi desain, bukan sekadar menggunakan ukuran terbesar.&lt;/p&gt;&lt;p&gt;Berikut patokan praktisnya:&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi63OemVVr1dkudJP6o_9mRH4ODb9CWyjLq9l67F9njdKSXguYb4vlEUodbSPsi0UIJp2cr_05ioG3WIWzZqrCOso2gxofDotuaVmAuDK6ZjuGE8LEz4P9mpEyaakYULKYvPNLuIf9D5oHj4UmNSQJtWXPvbVta8kuoXA1HW1Z4S3d5dI9y2u169GoAb1bM/s1200/Daftar%20Ukuran%20Feed%20Instagram%20dalam%20Pixel%20dan%20Rasio.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Daftar Ukuran Feed Instagram dalam Pixel dan Rasio&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi63OemVVr1dkudJP6o_9mRH4ODb9CWyjLq9l67F9njdKSXguYb4vlEUodbSPsi0UIJp2cr_05ioG3WIWzZqrCOso2gxofDotuaVmAuDK6ZjuGE8LEz4P9mpEyaakYULKYvPNLuIf9D5oHj4UmNSQJtWXPvbVta8kuoXA1HW1Z4S3d5dI9y2u169GoAb1bM/s1600/Daftar%20Ukuran%20Feed%20Instagram%20dalam%20Pixel%20dan%20Rasio.webp&quot; title=&quot;Daftar Ukuran Feed Instagram dalam Pixel dan Rasio&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;Instagram mengumumkan bahwa foto 3:4 dapat tampil sesuai rasio aslinya, sedangkan 4:5 dan square tetap menjadi format yang didukung.&lt;/p&gt;&lt;h3&gt;Feed Portrait 3:4&lt;/h3&gt;&lt;p&gt;Ukuran &lt;strong&gt;1080 × 1440 pixel&lt;/strong&gt; mempunyai ruang vertikal lebih banyak dibanding 4:5. Format ini cocok untuk poster sederhana, foto fashion, fotografi portrait, desain edukasi, atau visual yang membutuhkan ruang lebih panjang.&lt;/p&gt;&lt;p&gt;Keuntungan lainnya adalah komposisinya lebih dekat dengan bentuk grid profil Instagram yang sekarang vertikal.&lt;/p&gt;&lt;p&gt;Namun, jangan otomatis memenuhi seluruh sisi desain dengan teks. Semakin banyak ruang bukan berarti semakin banyak informasi harus dimasukkan.&lt;/p&gt;&lt;h3&gt;Feed Portrait 4:5&lt;/h3&gt;&lt;p&gt;Ukuran &lt;strong&gt;1080 × 1350 pixel&lt;/strong&gt; masih sangat relevan.&lt;/p&gt;&lt;p&gt;Format ini telah lama digunakan untuk feed portrait karena memberi area yang lebih besar daripada square tanpa terlalu tinggi. Banyak template desain dan workflow social media juga masih menggunakan rasio 4:5.&lt;/p&gt;&lt;p&gt;Jika kamu bekerja dengan beberapa platform publikasi sekaligus, 4:5 bisa menjadi format kompromi yang praktis.&lt;/p&gt;&lt;h3&gt;Feed Square 1:1&lt;/h3&gt;&lt;p&gt;Ukuran &lt;strong&gt;1080 × 1080 pixel&lt;/strong&gt; cocok jika komposisinya memang berbentuk persegi.&lt;/p&gt;&lt;p&gt;Misalnya desain quote, foto produk dengan ruang kosong merata, logo showcase, atau konten dengan komposisi simetris.&lt;/p&gt;&lt;p&gt;Kekurangannya, thumbnail pada grid profil Instagram yang sekarang vertikal dapat menampilkan square dengan framing yang berbeda dari tampilan feed aslinya.&lt;/p&gt;&lt;h3&gt;Feed Landscape&lt;/h3&gt;&lt;p&gt;Untuk konten horizontal, ukuran sekitar &lt;strong&gt;1080 × 566 pixel&lt;/strong&gt; atau rasio mendekati &lt;strong&gt;1.91:1&lt;/strong&gt; dapat digunakan.&lt;/p&gt;&lt;p&gt;Format ini lebih cocok untuk panorama, foto grup yang lebar, atau visual yang memang sulit dipotong menjadi portrait.&lt;/p&gt;&lt;p&gt;Untuk desain grafis yang mengandung headline, portrait biasanya memberi ruang layar lebih besar pada smartphone dibanding landscape.&lt;/p&gt;&lt;h2&gt;Ukuran Feed Instagram 3 Kotak dan Grid Profil Terbaru&lt;/h2&gt;&lt;p&gt;Perubahan yang cukup besar terjadi pada Januari 2025 ketika Instagram mulai mengganti thumbnail profil berbentuk square menjadi bentuk yang lebih vertikal. Instagram menjelaskan bahwa sebagian besar foto dan video yang diunggah sudah berorientasi vertikal sehingga grid persegi dinilai terlalu banyak memotong konten.&lt;/p&gt;&lt;p&gt;Perubahan ini penting kalau kamu suka membuat &lt;strong&gt;feed Instagram 3 kotak&lt;/strong&gt; atau desain puzzle.&lt;/p&gt;&lt;p&gt;Jika satu baris terdiri dari tiga gambar 3:4 berukuran 1080 × 1440 pixel, kamu dapat menyiapkan master canvas:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3240 × 1440 pixel.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Setelah desain selesai, bagi gambar menjadi tiga bagian sama besar:&lt;/p&gt;&lt;ul data-spread=&quot;false&quot;&gt;&lt;li&gt;&lt;p&gt;Kotak pertama: 1080 × 1440 px&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Kotak kedua: 1080 × 1440 px&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Kotak ketiga: 1080 × 1440 px&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Saat menyusun puzzle feed, jangan hanya memperhatikan garis sambungan. Pastikan headline, wajah, logo, atau informasi utama tetap bisa dipahami ketika setiap post dilihat sendiri.&lt;/p&gt;&lt;p&gt;Prinsip seperti alignment, proximity, balance, dan hierarchy juga penting ketika membuat rangkaian grid. Kalau ingin memahami cara menyusun elemen dalam beberapa panel, pembahasan tentang &lt;a href=&quot;https://www.fikalmyid.com/2026/06/12-jenis-layout-desain-grafis-cara.html&quot;&gt;jenis layout desain grafis&lt;/a&gt; bisa membantu menentukan struktur visual yang lebih rapi.&lt;/p&gt;&lt;p&gt;Ada satu hal lain yang perlu diperhatikan. Feed Instagram bergerak berdasarkan urutan posting, sehingga puzzle yang terlalu bergantung pada posisi tertentu lebih mudah berubah ketika kamu mengunggah konten baru, melakukan pin, atau mengatur ulang grid.&lt;/p&gt;&lt;p&gt;Karena itu, desain tiga kotak yang bagus sebaiknya tetap mempunyai nilai visual ketika setiap panel berdiri sendiri.&lt;/p&gt;&lt;h2&gt;Ukuran Feed Instagram dalam Pixel, CM, dan MM&lt;/h2&gt;&lt;p&gt;Untuk Instagram, satuan yang paling penting adalah &lt;strong&gt;pixel&lt;/strong&gt;, bukan centimeter atau millimeter.&lt;/p&gt;&lt;p&gt;Alasannya sederhana: Instagram ditampilkan melalui layar digital. Ukuran fisik sebuah gambar dalam cm baru bisa dihitung setelah kita menentukan nilai &lt;strong&gt;PPI atau pixels per inch&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Rumusnya:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Ukuran inci = jumlah pixel ÷ PPI&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Kemudian:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Ukuran cm = ukuran inci × 2,54&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Sebagai contoh, jika menggunakan asumsi &lt;strong&gt;96 PPI&lt;/strong&gt;, hasil konversinya kira-kira seperti berikut:&lt;/p&gt;&lt;table data-pm-slice=&quot;3 3 []&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th&gt;Pixel&lt;/th&gt;&lt;th&gt;Rasio&lt;/th&gt;&lt;th&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Ukuran pada 96 PPI&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;1080 × 1440 px&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 3:4&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 28,58 × 38,10 cm&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;1080 × 1350 px&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 4:5&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 28,58 × 35,72 cm&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;1080 × 1080 px&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 1:1&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 28,58 × 28,58 cm&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;1080 × 566 px&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; ±1.91:1&lt;/td&gt;&lt;td&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 28,58 × 14,98 cm&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p data-pm-slice=&quot;1 1 []&quot;&gt;Jika dikonversi ke millimeter, cukup kalikan nilai centimeter dengan 10. Jadi, 1080 × 1440 px pada contoh 96 PPI menjadi sekitar &lt;strong&gt;285,8 × 381 mm&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Angka cm dan mm tersebut bukan persyaratan Instagram. Jika PPI diubah, ukuran fisiknya juga berubah meskipun jumlah pixel tetap sama.&lt;/p&gt;&lt;p&gt;Karena itu, saat membuat desain di Canva, Photoshop, Affinity, Figma, atau aplikasi lainnya, lebih praktis memilih &lt;strong&gt;pixel&lt;/strong&gt; sebagai satuan kanvas.&lt;/p&gt;&lt;p&gt;Untuk pengguna yang belum memiliki software tertentu, beberapa &lt;a href=&quot;https://www.fikalmyid.com/2025/02/7-aplikasi-desain-grafis-online-gratis.html&quot;&gt;aplikasi desain grafis online gratis&lt;/a&gt; juga dapat digunakan untuk membuat kanvas sesuai ukuran feed sebelum diekspor.&lt;/p&gt;&lt;p&gt;Contohnya, untuk desain 3:4 kamu cukup membuat custom canvas &lt;strong&gt;1080 × 1440 px&lt;/strong&gt;. Untuk 4:5 gunakan &lt;strong&gt;1080 × 1350 px&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;Dengan cara tersebut, kamu tidak perlu memikirkan konversi cm atau mm saat membuat konten khusus layar.&lt;/p&gt;&lt;h2&gt;Perbedaan Ukuran Feed, Carousel, Story, dan Reels Instagram&lt;/h2&gt;&lt;p&gt;Feed, carousel, Story, dan Reels tidak sebaiknya dibuat menggunakan satu ukuran yang sama.&lt;/p&gt;&lt;p&gt;Berikut perbandingan yang lebih mudah digunakan:&lt;/p&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th&gt;Format&lt;/th&gt;&lt;th style=&quot;text-align: right;&quot;&gt;Ukuran Praktis&lt;/th&gt;&lt;th style=&quot;text-align: right;&quot;&gt;Rasio&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Feed portrait terbaru&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;1080 × 1440 px&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;3:4&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Feed portrait klasik&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;1080 × 1350 px&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;4:5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Feed square&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;1080 × 1080 px&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;1:1&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Feed landscape&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;1080 × 566 px&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;±1.91:1&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Story&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;1080 × 1920 px&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;9:16&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Reels&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;1080 × 1920 px&lt;/td&gt;&lt;td style=&quot;text-align: right;&quot;&gt;9:16&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Untuk Reels, Meta juga mengarahkan kreator pada format vertikal &lt;strong&gt;9:16&lt;/strong&gt;, karena format tersebut mengisi layar perangkat secara lebih natural. Elemen utama juga perlu dijauhkan dari bagian layar yang tertutup interface.&lt;/p&gt;&lt;p&gt;Carousel sedikit berbeda.&lt;/p&gt;&lt;p&gt;Instagram mengumumkan dukungan 3:4 untuk foto tunggal maupun carousel. Namun, bila workflow kamu menggunakan tool scheduling yang terhubung melalui publishing API, dukungan formatnya dapat berbeda dari aplikasi Instagram langsung. Dalam kondisi seperti itu, 4:5 sering menjadi pilihan yang lebih aman.&lt;/p&gt;&lt;p&gt;Jika kamu ingin membuat konten beberapa slide, panduan khusus mengenai &lt;a href=&quot;https://www.fikalmyid.com/2026/08/ukuran-carousel-instagram.html&quot;&gt;ukuran carousel Instagram&lt;/a&gt; lebih tepat digunakan karena pembahasannya dapat difokuskan pada hubungan antar-slide dan ukuran kanvas carousel.&lt;/p&gt;&lt;p&gt;Jangan pula menggunakan desain Story 1080 × 1920 px lalu mengunggahnya begitu saja sebagai feed. Rasio 9:16 terlalu tinggi untuk feed foto biasa sehingga bagian tertentu berpotensi dipotong.&lt;/p&gt;&lt;p&gt;Cara yang lebih aman adalah membuat versi berbeda dari desain utama: satu versi untuk feed dan satu versi 9:16 untuk Story atau Reels.&lt;/p&gt;&lt;h2&gt;Tips Membuat Feed Instagram Tetap Tajam dan Tidak Pecah&lt;/h2&gt;&lt;p&gt;Ukuran yang benar belum tentu menghasilkan gambar yang bagus jika file sumbernya sudah berkualitas rendah.&lt;/p&gt;&lt;p&gt;Beberapa langkah berikut dapat membantu mempertahankan kualitas visual.&lt;/p&gt;&lt;h3&gt;1. Mulai dari Kanvas yang Cukup Besar&lt;/h3&gt;&lt;p&gt;Untuk feed, lebar &lt;strong&gt;1080 pixel&lt;/strong&gt; menjadi patokan praktis yang aman.&lt;/p&gt;&lt;p&gt;Jangan membuat desain 500 pixel lalu memperbesarnya menjadi 1080 pixel menjelang upload. Proses tersebut tidak menciptakan detail baru dan justru dapat membuat teks maupun gambar terlihat buram.&lt;/p&gt;&lt;h3&gt;2. Gunakan Foto Sumber Beresolusi Tinggi&lt;/h3&gt;&lt;p&gt;Kalau desain berisi foto, gunakan file asli bila tersedia.&lt;/p&gt;&lt;p&gt;Gambar yang sudah berkali-kali dikirim melalui aplikasi chat, discreenshot, lalu diperbesar biasanya mengalami penurunan detail sebelum masuk ke proses desain.&lt;/p&gt;&lt;h3&gt;3. Jangan Letakkan Informasi Penting Terlalu Dekat Tepi&lt;/h3&gt;&lt;p&gt;Perbedaan tampilan antara feed, thumbnail grid, dan preview dapat memengaruhi komposisi.&lt;/p&gt;&lt;p&gt;Sisakan ruang di sekitar headline, wajah, logo, harga, maupun tombol visual. Anggap bagian pinggir sebagai area fleksibel yang boleh sedikit terpotong tanpa menghilangkan pesan utama.&lt;/p&gt;&lt;p&gt;Prinsip ini juga berguna jika desain yang sama nantinya diadaptasi ke format lain.&lt;/p&gt;&lt;h3&gt;4. Gunakan Teks dengan Ukuran yang Nyaman Dibaca&lt;/h3&gt;&lt;p&gt;Feed Instagram mayoritas dilihat melalui smartphone.&lt;/p&gt;&lt;p&gt;Headline kecil yang terlihat bagus pada layar laptop belum tentu terbaca saat post tampil di layar ponsel. Gunakan hierarki visual yang jelas antara headline, subheadline, isi, dan elemen pendukung.&lt;/p&gt;&lt;p&gt;Hindari pula menumpuk terlalu banyak jenis font dalam satu desain.&lt;/p&gt;&lt;h3&gt;5. Perhatikan Kontras&lt;/h3&gt;&lt;p&gt;Pastikan teks mempunyai kontras cukup terhadap background.&lt;/p&gt;&lt;p&gt;Jika foto terlalu ramai, kamu dapat menggunakan overlay, bidang warna, blur lokal, atau ruang kosong agar teks tidak bercampur dengan detail foto.&lt;/p&gt;&lt;p&gt;Tujuannya bukan sekadar membuat desain menarik, tetapi memastikan pesan bisa dibaca dengan cepat.&lt;/p&gt;&lt;h3&gt;6. Preview Sebelum Dipublikasikan&lt;/h3&gt;&lt;p&gt;Periksa minimal dua tampilan:&lt;/p&gt;&lt;ol data-spread=&quot;false&quot; start=&quot;1&quot;&gt;&lt;li&gt;&lt;p&gt;bagaimana post terlihat ketika dibuka di feed;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;bagaimana thumbnail terlihat di grid profil.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Untuk puzzle tiga kotak, cek juga hubungan antar-panel.&lt;/p&gt;&lt;p&gt;Preview sederhana ini sering lebih berguna daripada mencoba mencari satu “safe area” universal, karena tampilan aplikasi dan jenis konten dapat berubah.&lt;/p&gt;&lt;p&gt;Ukuran feed Instagram terbaru pada akhirnya bukan hanya soal memilih 1080 × 1440 atau 1080 × 1350 pixel. Pilih rasio berdasarkan jenis konten, cara publikasi, dan komposisinya. Untuk upload langsung yang ingin mengikuti format portrait terbaru, 3:4 sangat relevan. Untuk workflow yang membutuhkan kompatibilitas lebih luas, 4:5 masih menjadi pilihan yang kuat.&lt;/p&gt;</description><link>https://www.fikalmyid.com/2026/10/ukuran-feed-instagram-terbaru-pixel.html</link><author>noreply@blogger.com (Fikalmyid)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijtkals4iemPW5RGZR14OTAXVTIcn87RWWNETZcgNCYtpYY_QVWa6QWLao5ydJCgdvqacgjY57Od00f-ZxYVUEDzyfYoR9BMoq2v1eYhtFYqEmGmzTlPflr7vL3ZFYibsZSe5TdDOmQdO9OL_z9sDYL03f2ZPfe_2rKv9ETNzWtiTVKbR33-TRY3lk4gL/s72-c/Ukuran%20Feed%20Instagram%20Terbaru_%20Pixel,%20Rasio%20dan%20Canva.webp" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Indonesia</georss:featurename><georss:point>-0.789275 113.921327</georss:point><georss:box>-29.099508836178845 78.765077 27.520958836178846 149.07757700000002</georss:box></item></channel></rss>