Beranda / Fitur
Fitur · pengalaman membaca

Struktur yang memudahkan pencarian gambar

Banyak gambar tidak ada gunanya kalau sulit dicari. Arsip ini karena itu dibangun dengan empat prinsip: navigasi pendek, grid terbaca, keterangan jelas, dan warna yang tidak merebut perhatian.

Navigasi pendek

Semua kategori berjarak satu klik dari beranda. Menu di bagian atas tetap terlihat saat halaman digulir, dan setiap kategori punya penanda nomor sehingga posisi kita dalam arsip selalu jelas. Di akhir halaman ada tautan ke kategori sebelumnya dan berikutnya, jadi penelusuran bisa berjalan berurutan tanpa kembali ke beranda.

Grid yang terbaca

Grid dibuat tiga sampai empat kolom di layar lebar dan dua kolom di ponsel. Jumlah ini dipilih supaya gambar masih cukup besar untuk dinilai, tapi cukup banyak untuk dibandingkan. Pada halaman beranda, dua poster pertama dibuat lebih besar untuk memberi irama dan mencegah tampilan terasa seperti tabel.

Keterangan yang menjelaskan

Setiap gambar punya tiga lapis keterangan: label kategori, judul singkat, dan nama berkas. Label memberi konteks, judul memberi isi, nama berkas memberi kepastian. Ketiganya tampil tanpa harus mengarahkan kursor, sehingga arsip tetap terbaca di perangkat sentuh.

Detail teknis yang dijaga

  • Gambar dimuat bertahap; beberapa gambar awal dimuat langsung, sisanya menyusul.
  • Setiap gambar punya ukuran tetap agar halaman tidak bergeser saat pemuatan.
  • Tautan gambar membuka berkas asli di tab baru tanpa meninggalkan arsip.
  • Tidak ada animasi berlebih; hanya pergeseran halus saat kursor menyentuh gambar.

Konsistensi warna

Latar gelap dipakai agar merah dan emas pada gambar tetap menjadi fokus. Garis pemisah dibuat sangat tipis supaya tidak bersaing dengan bingkai gambar. Judul memakai huruf serif untuk memberi jeda dari bentuk poster yang padat, sementara teks isi memakai huruf tanpa kait agar nyaman dibaca dalam jumlah panjang.

Kalau ingin menilai konsistensi ini, buka logo dan banner bergantian. Palet yang sama akan terasa jelas saat dua kategori dilihat berurutan.

Banner IMBAJP tema dragon di imbajp101.com
bannerPoster Banner 05imbajp101.com-banner-05-dragon.webp
Banner IMBAJP tema slot di imbajp101.com
bannerPoster Banner 08imbajp101.com-banner-08-slot.webp
Maskot IMBAJP nomor 01 untuk imbajp101.com
karakterMaskot 01imbajp101.com-maskot-01-panda.webp
Maskot IMBAJP nomor 06 untuk imbajp101.com
karakterMaskot 06imbajp101.com-maskot-06-cards.webp
Logo IMBAJP varian 15 dengan latar merah dan aksen emas untuk imbajp101.com
logoVarian Ikon 15 · Polos Gelapimbajp101.com-logo-15.webp
Logo IMBAJP varian 23 dengan latar merah dan aksen emas untuk imbajp101.com
logoVarian Ikon 23 · Grid Merahimbajp101.com-logo-23.webp