Merancang Tipografi Berbasis Data Deteksi Komposisi

Merancang Tipografi Berbasis Data Deteksi Komposisi

Gubuku-Pernah bayangin gak, font di screen HP atau laptop kamu bentuknya bisa berubah-ubah sendiri bukan karena efek template, tapi gara-gara kualitas udara di sekitarmu lagi jelek atau kadar oksigen lagi naik?

Kedengeran kayak teknologi fiksi ilmiah di film futuristik, kan? Tapi di dunia creative coding dan desain grafis masa kini, eksperimen ini beneran nyata! Para desainer Gen Z mulai menggabungkan sains lingkungan, internet of things (IoT), dan desain tipografi buat bikin visual yang gak cuma estetik, tapi juga punya “kesadaran” lingkungan.

Yuk, kita bedah gimana caranya gas tak kasat mata di udara bisa diubah jadi karya seni tipografi real-time yang mind-blowing!

Kok Bisa Gas di Udara Jadi Bentuk Huruf?

Di sekitar kita ada berbagai macam gas atmosfer—mulai dari Oksigen ($\text{O}_2$), Karbon Dioksida ($\text{CO}_2$), Nitrogen Dioxide ($\text{NO}_2$), sampai Metana ($\text{CH}_4$). Selama ini kita cuma bisa rasain dampaknya (misalnya udara kerasa pengap kalau $\text{CO}_2$ tinggi), tapi gak bisa ngeliat wujud gas itu secara langsung.

Nah, dengan bantuan sensor kualitas udara (seperti sensor MQ-series) atau menyambungkan program ke API data cuaca & atmosfer secara real-time, angka konsentrasi gas tersebut bisa ditangkap per detik.

Data fluktuasi angka inilah yang dialirkan ke dalam kode program desain buat mengendalikan bentuk, ketebalan, jarak, sampai lekukan huruf (typography).

Gimana Cara Kerjanya? (Penjelasan Versi Gampang)

Proses pengubahan data gas jadi seni visual ini memanfaatkan kombinasi antara variable fonts dan generative design.

2.Stream Data ke Kode Desain:Mengirim data ke software visual.

Data angka dialirkan ke software koding visual seperti TouchDesigner, p5.js, atau Processing.

3.Transformasi Visual Tipografi:Huruf berubah bentuk mengikuti fluktuasi gas.

Setiap jenis gas diatur buat mengontrol parameter visual huruf tertentu:

  • Kadar $\text{CO}_2$ tinggi: Huruf jadi makin membengkak, tebal (ultra-bold), dan mepet-mepet (simbol udara pengap).

  • Kadar Polutan/Polusi ($\text{PM2.5}$) naik: Tekstur huruf jadi kabur (blur), pecah, atau pudar.

  • Udara Bersih & Segar ($\text{O}_2$ optimal): Bentuk huruf kembali tipis (thin), tajam, dan punya ruang nafas yang luas.

3 Alasan Kenapa Konsep Ini Keren dan Related Banget Buat Gen Z

  • 1. Desain yang Punya “Kesadaran” Lingkungan (Eco-Visual) Seni ini gak cuma sekadar gaya-gayaan. Tipografi berbasis data gas atmosfer bisa jadi alat visualisasi isu iklim dan kualitas udara yang langsung kerasa dampaknya secara visual.

  • 2. Tipografi Interaktif dan Unik (Gak Bakal Sama!) Karena kualitas udara di tiap tempat dan waktu beda-beda, bentuk huruf yang dihasilkan di Jakarta jam 12 siang bakal beda banget sama bentuk huruf di Bandung jam 6 sore. Literally dynamic and non-repetitive!

  • 3. Portofolio Level Up Buat Creative Tech Buat kamu yang lagi mengasah skill coding sekaligus desain, menguasai data-driven typography ini bakal bikin portofolio kamu menonjol dibanding desainer grafis biasa.

Di Mana Eksperimen Tipografi Ini Bisa Dipakai?

  1. Instalasi Pameran Digital & Museum: Pengunjung bisa langsung melihat perubahan tulisan di layar raksasa tergantung dari banyaknya polusi atau $\text{CO}_2$ dari hembusan napas orang di dalam ruangan.

  2. Website Interaktif / Dashboard Lingkungan: Menampilkan data kualitas udara kota bukan pakai grafik kaku, melainkan pakai tulisan yang bentuknya menyesuaikan tingkat polusi.

  3. Kampanye Sosial & Branding: Merk fashion atau lifestyle berkelanjutan (sustainable brand) bisa pakai gaya visual ini buat konten kampanye lingkungan di media sosial.

Baca Juga  Budaya Lokal Bisa Menjadi Sumber Inspirasi Desain Modern

Kesimpulan

Merancang tipografi berbasis data komposisi gas atmosfer secara real-time membuktikan kalau seni itu gak melulu statis di atas kanvas. Dengan memanfaatkan teknologi, udara yang kita hirup sehari-hari pun bisa ikut “menggambar” dan memberi nyawa pada setiap huruf yang kita lihat!

penulis: asil SMKN 8 Bungo