
01 / Ringkasan
Terasa editorial, exploratory, place specific, dengan karakter yang disengaja dan tidak generik.
Gerakan khas
Rute utama berkembang menjadi urutan cerita dengan momen, kesaksian, dan perubahan skala yang jelas.
- Intensitas
- ekspresif
- Keluwesan
- 4 / 5
- ID
narrative-cartography
02 / Seni contoh
Narrative Cartography
Karya asli untuk menunjukkan bahasa visual arah ini sebelum diterjemahkan menjadi antarmuka.

03 / Contoh website
Coba contoh yang benar-benar bekerja
Jelajahi halaman responsif ini langsung di dalam katalog. Navigasi, kontrol, dan interaksi utamanya aktif; buka layar penuh untuk merasakan komposisi aslinya.
Contoh sedang diproduksi
Arah desain ini sudah tersedia. Website mereknya sedang dibangun sebagai situs mandiri dan akan muncul di sini selama produksi lokal.
04 / Kecocokan
Cocok untuk
Cocok untuk
tourism / journalism / logistics / history / real estate / climate
Tujuan bisnis
explore / menjelaskan hal kompleks / remember / choose
Pilihan kuat ketika
Kuat ketika bidang seperti pariwisata, jurnalisme, logistik, sejarah perlu menjelajahi, menjelaskan, mengingat melalui sistem visual yang khas namun dapat diulang.
Hindari ketika
Kurang tepat ketika kebutuhan menuntut netralitas visual penuh atau ketika arah ini akan bersaing dengan informasi dan tindakan utama.
05 / Sistem desain
Sistem desain
Aturan yang harus tetap terasa konsisten ketika konten, perangkat, dan kebutuhan bisnis berubah.
- 01Komposisi
- Rute utama berkembang menjadi urutan cerita dengan momen, kesaksian, dan perubahan skala yang jelas. Jadikan prinsip ini sebagai kerangka komposisi utama dan pertahankan ritmenya di semua format.
- 02Hierarki
- Mulai dari keputusan atau pesan utama, lalu buka detail secara bertahap. Skala, posisi, dan ruang harus selalu memperjelas urutan baca.
- 03Tipografi
- Gunakan tipografi dengan ekspresi tegas, perbedaan ukuran yang jelas, dan teks isi yang tetap nyaman dibaca dalam Bahasa Indonesia maupun Inggris.
- 04Warna
- Bangun palet yang memperkuat karakter arah ini, tetapi pertahankan kontras fungsional, warna status yang konsisten, dan alternatif yang tidak bergantung pada warna saja.
- 05Citra
- Pilih citra yang menjelaskan konteks, objek, manusia, atau proses secara spesifik. Hindari gambar stok generik dan dekorasi yang tidak menambah makna.
- 06Material
- Gunakan tekstur dan material sebagai bukti proses atau fungsi. Setiap permukaan harus memiliki alasan struktural, bukan sekadar efek.
- 07Gerak
- Gerak mengikuti logika komposisi dan makna, tidak menunda tindakan, serta memiliki keadaan pengurangan gerak yang setara.
Adaptasi
Pertahankan gerakan khas sebagai unsur tetap. Sesuaikan citra, material, bahasa, dan interaksi dengan konteks pariwisata, jurnalisme, logistik yang nyata, bukan menyalin referensi jadi.
Aksesibilitas
Gunakan pengungkapan bertahap, perataan stabil, dan jarak baris yang cukup untuk informasi padat. Sediakan keadaan pengurangan gerak yang setara. Penuhi kontras WCAG AA, fokus yang terlihat, target 44 piksel, dan jangan menyampaikan makna hanya melalui warna atau gaya.
06 / Latar belakang
Latar belakang
Garis keturunan di bawah adalah pintu riset yang ditautkan ke sumber, bukan lisensi untuk menyalin satu karya atau merek.
- 01portolan chart
- 02scrollytelling
- 03panoramic map
- 04photo essay
Pagar pengaman
Nyatakan sumber, sudut pandang, dan ketidakpastian; jangan mengekspos lokasi sensitif atau mengklaim pengalaman komunitas tanpa dasar.
07 / Resep agen
narrative-cartography
Gunakan ID stabil dan resep ini untuk memberi agen desain konteks yang sama. Tetap sesuaikan hasil dengan bisnis nyata.
Resep prompt
Use case: stylized-concept
Asset type: Aesthetic Directions Encyclopedia showcase, 3:2 landscape master
Primary request: Create one polished freeform showcase for Narrative Cartography, applied to HOMEWARD, a clearly migration memory archive.
Scene/backdrop: an exhibition map tracing one fictional family's route through time with dates, voices, objects, uncertainty, and changing geographic scale.
Style/medium: A coherent contemporary design world, not a collage of references. Use geography as the structure for story, choice, memory, and consequence.
Composition/framing: Map and story remain synchronized; route, place detail, voice, and time each have stable zones. Keep all important content inside an 8 percent safe margin.
Typography: Cartographic labels, readable narrative text, and distinctive place or chapter markers.
Color palette: Terrain, time, route, and consequence colors share one legend and accessible redundancy.
Imagery: Ground-level, archival, aerial, object, and portrait evidence stays attached to exact places.
Materials/textures: Fold, contour, grid, compass, annotation, and route marks come from the subject's mapping context.
Text (verbatim): "HOMEWARD". No other readable words.
Constraints: Original fictional concept; visibly applied to map, editorial, exhibition; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: decorative map background, scroll hijacking, story points detached from real geography, real logos, watermarks, artist imitation, generic mood board, illegible filler text.
Pilot refinement: Make one dominant integrated real-world application readable at thumbnail scale. Secondary views may support it but must remain subordinate. Do not create an equal-weight tiled mood board or generic presentation collage unless sequencing is essential to the direction. Render the exact requested text correctly and do not invent other readable copy.Batasan kerja
- Use one coherent direction grammar, not a collage of style references.
- Use only a fictional business and minimal exact text.
- Do not imitate a living artist, real brand, client project, or proprietary campaign.
- Preserve essential hierarchy, legibility, contrast, and reduced-motion equivalence.
- Avoid: decorative map background.
- Avoid: scroll hijacking.
- Avoid: story points detached from real geography.
08 / Sumber & hak
Sumber & hak
Pemilik karyaSol
Lisensi contohAll rights reserved
- 01
Osher Map Library
Peran: cultural context · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.
- 02
arXiv (IEEE TVCG 版) — ScrollyVis: Interactive visual authoring of guided dynamic narratives for scientific scrollytelling
Peran: cultural context · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.
- 03
国際日本文化研究センター — 吉田初三郎式鳥瞰図データベース
Peran: cultural context · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.
- 04
LIFE
Peran: cultural context · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.
Pilihan akan dibawa ke Brief Cepat dan tetap dapat dihapus sebelum dikirim.
Pilih gaya ini