Map in Typography

Dalam artikel kali ini saya akan memberikan beberapa materi dan tips terkait penggunaan tipografi dalam mendesain peta, karena banyak sekali peta yang saya lihat di luar sana yang dibuat ‘asal jadi’ dengan mengindahkan beberapa kaidah dalam proses map lettering yang akan saya kupas secara singkat di sini.

Tipografi

Tipografi (dalam bahas inggris : Typography) adalah perpaduan antara seni dan teknik mengatur tulisan, agar maksud serta arti tulisan dapat tersampaikan dengan baik secara visual kepada pembaca. Pengolahan tipografi tidak hanya terbatas lewat pemilihan jenis huruf, ukuran huruf, dekorasi, kesesuaian dengan tema, tetapi juga meliputi tata letak vertikal atau horizontal tulisan pada sebuah bidang.

Typeface

Dalam tipografi ada istilah typeface dan fontTypeface adalah rancangan karakter dari sekumpulan huruf. Sedangkan font merupakan suatu kumpulan lengkap dari huruf, angka, simbol, atau karakter yang memiliki ukuran dan ciri tertentu. Istilah-istilah ini penting untuk diketahui agar tidak lagi terjadi salah persepsi

map typography font families
Beberapa jenis type face

Klasifikasi typeface diantaranya:

1. Serif

Serif adalah bentuk tambahan pada huruf berupa kait. Tidak ada dua typeface yang benar-benar sama bentuk serif-nya. Jadi peran serif sangat besar untuk mengidentifikasi sebuah typeface.

  • Old Style; contoh: Adobe Jenson, Arno, Berkeley Old Style, Centaur, Cloister, Fairfield, Legacy, dan Trinité
  • Transitional; contoh: Times New Roman, Baskerville, Bookman, Century, Georgia dan Plantin
  • Modern; contoh: Bodoni dan Didot
  • Slab Serif; contoh: Clarendon, Rockwell dan Courier

2. Sans Serif

Sans-serif adalah jenis huruf yang tidak memiliki kait pada bagian ujung strokes.

Serif-Sans Serif
Jenis huruf Serif dan Sans Serif

Berdasarkan bentuk rupa hurufnya, huruf tanpa kait dapat diklasifikasikan sebagai berikut:

  • Grotesque; contoh: Helvetica, Univers, dan Akzidenz Grotesk
  • Geometris; contoh: Futura, Kabel, dan Eurostile
  • Humanis; contoh: Gill Sans, Frutiger, FF Meta dan Optima

3. Monospace

Monospace (atau monospaced font, juga disebut fixed-pitch, fixed-width atau non-proportional font) adalah jenis huruf (font) yang ukuran melintang huruf dan karakternya sama lebarnya secara horizontal. Berbeda dengan jenis-jenis huruf yang lebarnya tidak sama untuk setiap hurufnya, yang dikenal sebagai variable-width fonts.

Robot Mono
Robot Mono

Tipografi Dalam Pembuatan Peta

Pemikiran awal terkait label teks pada peta adalah untuk memberi nama fitur geografis. Namun fungsi dari pada teks sendiri dalam suatu peta adalah sangat kompleks dan penting. Sebagai contoh label teks digunakan untuk menjelaskan lokasi suatu fitur yang merefleksikan karakter dan juga bentuknya. Teks dalam bentuk blok atau deskripsi juga digunakan untuk unsur penting dalam mendesain peta, seperti judul, sumber data, proyeksi, dan skala. Karena hal tersebut label dan teks akan membuat impresi aestetik yang kuat pada pembaca peta dan berkontribusi juga terhadap tampilan dan kesan pada peta secara keseluruhan.

Dalam mendesain label atau teks pada peta ada dua hal yang umumnya dilakukan; (1) memilih jenis font dan style-nya (2) memposisikan label atau teks pada peta yang biasanya disebut map lettering. Keduanya memiliki pengaruh besar pada seberapa baik fungsi peta secara keseluruhan. Map lettering secara historis menjadi salah satu tahap pembuatan peta yang sangat menghabiskan waktu, namun di era digital saat ini hal tersebut sudah dapat diminimalisir.


Pertanyaan dan Jawaban Dalam Melakukan Map Lettering

1. Apa hierarki dari fitur yang akan di-label?

Hierarki berkaitan dengan pemeringkatan dari fitur yang ingin disampaikan dalam peta. Contohnya, pada beberapa peta Ibukota Provinsi mungkin akan lebih ditonjolkan dari pada Ibukota Kabupaten atau Ibukota Kecamatan. Pemeringkatan semacam ini akan membuat hierarki visual pada label teks di peta.

2. Mengapa membutuhkan hierarki visual?

Hierarki visual adalah salah satu aspek penting dalam pendesainan suatu peta, yang akan membantu pengguna peta agar dapat memahami berbagai informasi grafis secara lebih cepat dan mudah, seperti mengkategorikan dan memindai informasi.

Good label hierarchy map.
Peta dengan visual hierarki
Bad label hierarchy map.
BBad Peta tanpa visual hierarki

3. Apa kaidah dasar mengenai map lettering yang harus diketahui?

Tidak ada suatu kaidah dasar dalam melakukan map lettering, namun ada beberapa ‘aturan’ yang biasanya dilakukan sebagai berikut:

  • Prioritas posisi label pada suatu point; (1) di kanan atas (2) di kanan bawah (3) di kiri atas (4) di kiri bawah. Posisi tepat di atas, di bawah, atau tepat di samping kiri/kanan biasanya jarang dipilih.
  • Posisi rata tengah dan dengan penambahan spasi huruf akan lebih merepresentasikan bentuk dari fitur yang di-label.
  • Menggunakan huruf kapital untuk me-label suatu fitur area (polygon).
  • Mengkategorikan fitur kultural dan fisik dengan menggunakan font sans serif dan serif.
  • Me-label fitur air (danau, sungai, laut) dengan warna biru dan font italic.
  • Jangan merotasi label menjadi vertikal (atas-bawah).
  • Label tidak boleh lebih kecil dari 6 – 7 pt untuk dicetak pada kertas dan 9-10 pt untuk ditampilkan di layar.
  • Gunakan satu jenis font serif dan satu jenis sans serif. Namun jangan menggunakan lebih dari dua jenis font sans serif dalam satu peta. Intinya jangan terlalu banyak menggunakan jenis font.
  • Gunakan efek halo tipis untuk memperjelas tampilan label, namun biasanya saya hanya menggunakan efek halo pada fitur-fitur nama lokasi saja, untuk label sungai, laut, atau danau biasanya saya tidak perlu menggunakan efek ini.
  • Tidak menggunakan warna font hitam 100%, baiknya di kisaran 90 – 70% dengan menyesuaikan hierarki dari fitur yang akan di-label, tapi ini sesuai kebutuhan.
Contoh halo text pada peta.
Contoh penggunaan efek halo

4. Berapa banyak map lettering yang dibutuhkan?

Tidak ada jawaban yang mudah untuk pertanyaan ini. Namun secara umum jumlah label disesuaikan secara proporsional dengan tujuan dari peta itu sendiri, sehingga informasi dapat tersampaikan ke pembaca/pengguna. Jika terlalu banyak label malah akan mengkaburkan informasi, dan jika terlalu sedikit akan ada informasi yang tidak tersampaikan.

6. Apakah membutuhkan pengetahuan mengenai tipografi?

Ya. Mengetahui kaidah tipografi seperti yang telah dijelaskan sebelumnya akan sangat membantu dalam pengambilan keputusan dalam proses map-lettering.


Font yang Saya Rekomendasikan

Dalam proses pembuatan peta biasanya saya menggunakan jenis font yang disediakan gratis oleh Google karena simpel dan cukup representatif menurut saya, di antaranya adalah:

1. Sans Serif

2. Serif

3. Monospace

Font yang Tidak Saya Rekomendasikan

Ini hanya berdasarkan perspektif saya saja, karena beberapa font kurang cocok untuk diaplikasikan dalam proses map-lettering.

  • Comic Sans, menggunakan font ini akan terkesan ‘aneh’, bahkan BBC sendiri sampai membuat artikel What’s so wrong with Comic Sans? karena font ini sering menjadi target ejekan di media/internet. Namun sebenarnya font ini masih bisa dipakai jika sesuai dengan peruntukannya, contohnya; peta untuk anak-anak.

Penutup

Ken Field (salah satu panutan saya dalam kartografi) mengatakan, bahwa “Tetap berpikir terbuka dan tidak menstandarkan sesuatu akan membantu kita lebih fleksible dengan kebutuhan style pada peta yang spesifik”. Sehingga style sendiri menurut saya terkadang akan terbawa oleh selera pribadi masing-masing dan disesuaikan dengan kebutuhannya.

https://www.axismaps.com/guide/general/labeling/
https://www.drjill.net/map-fonts-article-1-the-basics-of-typography-for-cartography/
https://id.wikipedia.org/wiki/Rupa_huruf_berkait
https://id.wikipedia.org/wiki/Rupa_huruf_tanpa_kait
https://binus.ac.id/bandung/2019/07/memahami-jenis-typeface/

Tipografi dalam Kartografi
Bagikan tulisan ini:
Tagged on:                 

38 thoughts on “Tipografi dalam Kartografi

  • January 31, 2021 at 7:59 pm
    Permalink

    Hello, I think your website might be having browser compatibility issues.
    When I look at your blog site in Opera, it looks fine but when opening in Internet Explorer, it
    has some overlapping. I just wanted to give you a quick heads up!
    Other then that, great blog!

    Reply
  • February 1, 2021 at 10:50 am
    Permalink

    Heya! I’m at work browsing your blog from my new iphone 4!
    Just wanted to say I love reading through your blog and look forward to all
    your posts! Keep up the outstanding work!

    Reply
  • February 1, 2021 at 1:54 pm
    Permalink

    This post is truly a fastidious one it assists new the web visitors, who are wishing in favor of blogging. Tomi Dorian Willner

    Reply
  • February 1, 2021 at 5:41 pm
    Permalink

    Fantastic web site. Lots of useful info here. I am sending it to some friends ans also sharing in delicious. And certainly, thanks for your effort! Page Padraic Reine

    Reply
  • February 1, 2021 at 7:18 pm
    Permalink

    Anyway according to principles, supplements and sleeves prefer not dilate the penis. After all, he said, the penis kickbul.skjorte.se consists of paired corpora cavernosa and a unattached corpus spongiosum, the size of which are adamant genetically. Constant surgical enhancement fails. Regardless, there is anybody pint-sized expression kickbul.skjorte.se dangled call attention to of our eyes shut close to the unqualifiedly unmodified Italian study. When tested, the adhesion method of penis enhancement, the authors assert, did follow-up in growth. Maureene Grantham Gothurd

    Reply
  • February 1, 2021 at 11:13 pm
    Permalink

    Appreciating the time and effort you put into your site and in depth information you offer.

    It’s nice to come across a blog every once in a
    while that isn’t the same old rehashed information. Great read!

    I’ve saved your site and I’m including your RSS feeds to my Google account.

    Reply
  • February 2, 2021 at 7:00 am
    Permalink

    That is very fascinating, You are an overly professional blogger. I have joined your feed and stay up for in quest of more of your great post. Also, I have shared your site in my social networks! Anabel Byram Budge

    Reply
  • February 2, 2021 at 11:24 am
    Permalink

    Film streaming gratuit HD/4K en VF HDss, Film en streaming, Regarder meilleurs Films sur hdss.to GRATUIT. Raine Ario Nealson

    Reply
  • February 2, 2021 at 3:35 pm
    Permalink

    Can you fast without losing weight? Im 55 and 130 lbs. Alysa Cesaro Sliwa

    Reply
  • February 2, 2021 at 4:42 pm
    Permalink

    Thank you for the good writeup. It in fact was a amusement account it. Look advanced to far added agreeable from you! By the way, how could we communicate? Katleen Nigel Freyah

    Reply
  • February 2, 2021 at 5:58 pm
    Permalink

    It’s fantastic that you are getting thoughts from this paragraph as
    well as from our dialogue made here.

    Reply
  • February 2, 2021 at 6:17 pm
    Permalink

    Hello There. I found your blog the use of msn. This is a really well written article.
    I’ll make sure to bookmark it and come back to learn more of your helpful information. Thank you for the
    post. I will certainly comeback.

    Reply
  • February 2, 2021 at 6:21 pm
    Permalink

    please check out the web sites we adhere to, like this a single, because it represents our picks through the web Mavis Hartwell Su

    Reply
  • February 2, 2021 at 10:04 pm
    Permalink

    Having read this I thought it was very informative. I appreciate you finding the time and energy to put this content together. I once again find myself spending way too much time both reading and leaving comments. But so what, it was still worth it! Fawn Burch Sergent

    Reply
  • February 9, 2021 at 3:14 pm
    Permalink

    Great pictures. I love the color and contrast, your composition is very nice. You gave me some good ideas. Thank you so much. Keep up the good work! Vannie Jon Felten

    Reply
  • February 9, 2021 at 5:01 pm
    Permalink

    Unquestionably believe that which you said. Your favorite reason seemed to be on the net the easiest thing to be aware of. I say to you, I definitely get irked while people think about worries that they plainly do not know about. You managed to hit the nail upon the top and also defined out the whole thing without having side-effects , people could take a signal. Will likely be back to get more. Thanks Britteny Richard Mima

    Reply
  • February 9, 2021 at 6:16 pm
    Permalink

    If you are going for finest contents like me, just pay a visit this website all the time as it gives quality contents, thanks| Billye Fitz Merna

    Reply
  • February 10, 2021 at 7:23 pm
    Permalink

    You made some really good points there. I checked on the web for additional information about the issue and found most individuals will go along with your views on this site. Nani Laurie Buatti

    Reply
  • February 12, 2021 at 11:29 am
    Permalink

    I like the valuable info you provide in your articles.
    I will bookmark your blog and check again here frequently.

    I am quite sure I’ll learn lots of new stuff right here!
    Best of luck for the next!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *