Merancang template Story dan postingan yang mudah dibaca

Mengapa template layak dibuatkan waktu

Template adalah tata letak yang Anda rancang sekali dan isi berkali-kali: posisi yang sama untuk judul, foto, dan tulisan kecil, dengan kata dan gambar baru setiap kali. Template menyelamatkan Anda dari memulai dengan kanvas kosong setiap minggu, dan membuat Story serta postingan Anda mudah dikenali sebelum ada yang membaca nama di bagian atas.

Namun template hanya membantu bila tata letaknya sendiri baik. Desain yang indah tetapi menaruh judul di bawah kolom balasan Instagram, atau teks putih di atas foto yang pucat, akan mengulang kesalahan itu di setiap Story yang Anda buat dengannya. Artikel ini membahas cara membuat tata letak yang benar: di mana teks aman, seberapa besar sebaiknya, seberapa banyak yang dipakai, dan cara menjaga satu set tetap konsisten. Ukuran piksel persis untuk setiap format ada di panduan ukuran Instagram kami; di sini kami hanya memakainya.

Template Story dan template postingan adalah tugas yang berbeda

Keduanya adalah gambar dengan teks di atasnya, tetapi dilihat dengan cara yang sangat berbeda, dan tata letak yang berhasil untuk yang satu sering gagal untuk yang lain.

Jadi template Story harus tegas dan singkat, dengan pesan di tengah layar. Template postingan bisa memuat sedikit lebih banyak, tetapi harus bertahan saat diperkecil menjadi persegi kecil di grid profil Anda, yang dibahas dalam artikel kami tentang merencanakan grid yang terpotong dengan baik.

Zona aman pada Story 1080 × 1920

Instagram menggambar antarmukanya sendiri di atas setiap Story: bilah progres, foto profil dan nama Anda di bagian atas, dan kolom balasan di bagian bawah. Teks yang ditaruh di sana sebagian tersembunyi. Instagram tidak menerbitkan margin aman untuk Story organik, tetapi Meta melakukannya untuk iklan Story: sisakan kira-kira 14% bagian atas, 35% bagian bawah, dan 6% di tiap sisi bebas dari teks, logo, dan elemen kunci lainnya (Meta Ads Guide (terbuka di tab baru), dicek November 2026).

Pada Story 1080 × 1920, itu berarti sekitar 269 piksel di atas, 672 piksel di bawah, dan 65 piksel di tiap sisi, yang menyisakan kotak aman dari 65 sampai 1015 piksel secara horizontal dan dari 269 sampai 1248 piksel secara vertikal. Iklan membutuhkan margin bawah yang besar karena tombol ajakan bertindaknya. Story organik punya lebih sedikit elemen di layar, jadi template Story kami sendiri memakai aturan yang lebih longgar: teks penting berada antara 250 dan 1600 piksel dari atas, yang menyisakan 320 piksel bagian bawah bebas untuk kolom balasan.

• Untuk Story organik: jaga judul dan teks kunci antara sekitar 250 dan 1600 piksel dari atas, dan setidaknya 65 piksel dari sisi.
• Untuk iklan Story: pakai kotak Meta yang lebih ketat, 269 sampai 1248 piksel dari atas.
• Dalam kedua kasus: foto latar dan warna boleh memenuhi seluruh bingkai; hanya teks, logo, dan wajah yang perlu tetap di dalam.

Teks yang bisa dibaca dalam beberapa detik

Sebagian besar masalah template adalah masalah teks. Tiga hal menentukan apakah sebuah Story dibaca atau dilewati: seberapa banyak teksnya, seberapa besar, dan seberapa jelas menonjol dari latar belakang.

Seberapa banyak

Satu judul dan satu baris pendukung sudah cukup untuk kebanyakan Story. Sebagai patokan, tetaplah di bawah sekitar 20 kata per Story; jika Anda butuh lebih banyak, pecah pesan menjadi dua atau tiga Story atau pindahkan ke postingan. Taruh detail seperti harga, tanggal, dan tautan di caption, stiker, atau slide berikutnya.

Seberapa besar

Story selebar 1080 piksel diperkecil menjadi lebar ponsel. Di ponsel selebar sekitar 390 poin, semuanya tampak pada kira-kira sepertiga ukuran pikselnya. Patokan kami dari hitungan itu: teks isi setinggi setidaknya 44 piksel di kanvas, yang setara sekitar 16 poin di layar, ukuran teks aplikasi biasa, dan judul 90 piksel atau lebih. Font yang sangat tipis perlu lebih besar lagi.

Seberapa jelas

Standar aksesibilitas web WCAG meminta rasio kontras setidaknya 4,5:1 untuk teks normal dan 3:1 untuk teks besar (W3C (terbuka di tab baru), dicek November 2026). Instagram tidak mewajibkannya, tetapi itu target yang berguna, karena Story dibaca di luar ruangan, pada kecerahan rendah, dan oleh orang dengan penglihatan yang lebih lemah. Teks di atas foto jarang mencapainya dengan sendirinya. Tiga perbaikan ini bekerja dengan baik:

• Kotak solid atau semi-transparan di belakang teks, dalam warna dari palet Anda.
• Area foto yang lebih gelap atau diburamkan di tempat teks berada.
• Tata letak terbagi: foto di satu bagian bingkai, teks di atas warna polos di bagian lain.

Sisakan ruang untuk stiker Instagram

Kotak pertanyaan, polling, hitung mundur, stiker tautan, dan sebutan ditambahkan di aplikasi Instagram setelah Anda mengunggah gambar; gambar yang dibuat di editor mana pun, termasuk editor kami, tidak bisa memuat stiker yang berfungsi. Template interaktif yang baik karena itu punya area kosong yang direncanakan, biasanya di sepertiga tengah, tempat stiker akan diletakkan, dan judul di atasnya yang memberi tahu orang apa yang harus dilakukan: "Tanya apa saja tentang sourdough", "Mana yang sebaiknya kami buat berikutnya?"

Template Story kami menyertakan desain yang dibangun di sekitar ini, seperti latar pertanyaan dan polling, hitung mundur, Story link di bio, dan jadwal mingguan. Saat Anda merancang sendiri, letakkan persegi panjang kasar di tempat stiker akan berada selama Anda bekerja, agar tidak ada yang penting berakhir di bawahnya.

Set yang konsisten tanpa terkesan monoton

Konsistensi datang dari beberapa keputusan tetap; variasi datang dari yang lainnya. Putuskan bagian yang tetap sekali dan tuliskan:

1. Dua atau tiga warna ditambah satu netral. Lebih dari itu dan set berhenti tampak seperti satu set.
2. Paling banyak dua font: satu untuk judul, satu untuk teks isi. Editor template kami menawarkan 14 pasangan font siap pakai, jadi Anda tidak perlu menguji kombinasi sendiri.
3. Satu posisi untuk elemen yang berulang. Logo, handle, atau nama seri selalu di sudut yang sama, dengan ukuran yang sama.
4. Sedikit tata letak. Tiga sampai lima tata letak, misalnya kutipan, tips, pengumuman, pertanyaan, dan produk, mencakup sebagian besar minggu.

Di dalam kerangka itu, ubah foto, warna utama latar belakang, dan kata-katanya. Pengikut mengenali seri itu dan tetap melihat sesuatu yang baru setiap kali.

Perluas sistem yang sama ke bagian profil lainnya. Sampul carousel, slide dalam, dan slide terakhir dari template postingan kami bisa berbagi palet dengan Story Anda, dan sampul Sorotan yang dibuat dengan pembuat sampul Sorotan dalam warna yang sama menyatukan Story yang Anda simpan dengan profil. Artikel kami tentang merancang sampul Sorotan menunjukkan cara merencanakan set itu.

Daftar periksa sebelum memposting

• Buka gambar hasil ekspor di ponsel Anda, layar penuh, pada kecerahan normal, dan bacalah dalam waktu kurang dari tiga detik.
• Tidak ada yang penting di 250 piksel teratas atau 320 piksel terbawah Story, atau di dekat tepi postingan.
• Teks isi setinggi setidaknya sekitar 44 piksel, dengan kotak atau area gelap di belakangnya bila berada di atas foto.
• Satu pesan per Story; detail di caption, stiker, atau slide berikutnya.
• Ejaan, tanggal, harga, dan handle dicek dua kali, karena Story yang sudah diposting tidak bisa diedit.
• Untuk postingan feed: tulis teks alternatif. Teks di dalam gambar tidak dibaca oleh pembaca layar, dan Instagram memungkinkan Anda mengganti teks alternatif otomatis sebuah foto sebelum atau sesudah memposting (Pusat Bantuan Instagram (terbuka di tab baru), dicek November 2026).

Jika foto yang ingin Anda pakai berbentuk salah, muatkan ke dalam bingkai dengan tepi atau latar belakang buram alih-alih memotong subjeknya; panduan memposting foto utuh tanpa dipotong kami menunjukkan tiga caranya. Setiap desain Story dan postingan yang kami tawarkan juga ada di satu tempat di galeri template.

Pertanyaan seputar desain template