Siang agan2 dan agan2wati. Ane sempet diminta ngejelasin tentang typography di web design dan kenapa begitu pentingnya hal ini dalam ngedesign suatu website. Sebelumnya buat yang belum paham arti typography, ini penjelasannya:
Typography, atau tipografi, adalah ilmu yang mempelajari tentang seni dan desain huruf dan simbol dengan tujuan menentukan cara aplikasinya di media komunikasi visual melalui penataan layout, bentuk, ukuran dan sifatnya. Ini adalah agar pesan yang akan disampaikan sesuai dengan yang diharapkan.
Secara modern, tipografi berkaitan dengan penataan huruf pada media elektronik, baik dari segi tampilan maupun outputnya ke berbagai media cetak.
Sebelumnya, tipografi adalah hal umum di media cetak seperti majalah sampai kaos2. Tapi di dunia yang cepat berkembang ini, internet sudah menjadi salah satu media paling terkenal untuk berbagi informasi dan berita karena kecepatannya dan luasnya cakupannya. Disini, orang web design harus sedikit banyak "meminjam" ilmu graphic designer.
Dalam sebuah design web, yang pertama kali dilihat adalah tentunya designnya. Pengunjung yang datang ke sebuah website ingin matanya dimanja dengan tampilan yang bagus, cerah, menarik, cepat loadingnya, dll. Tapi tujuan utama pengunjung itu mampir ke website adalah karena dia penasaran akan apa isinya. Apa itu isi sebuah website, kalau bukan multimedia dan gambar, pastinya adalah teks.
Dan teks erat kaitannya dengan typeface dan font.
Ada 2 macam komunikasi: verbal dan non-verbal (tulisan). Dalam bahasa verbal, untuk menyampaikan informasi tepat sasaran dan efektif, gak mungkin kita teriak2 dan bentak2 untuk merayu orang melakukan sesuatu kan? Begitu juga dengan non-verbal. Karena komunikasi tulisan itu bisu, harus ada sesuatu yang bisa menyampaikan "emosi" itu ke sasaran. Inilah peran tipografi.
Tujuan mempelajari tipografi dalam web design bukan cuma agar tampilan website jadi bagus, tapi informasi berupa teks itu enak dibaca, dan juga enak dilihat. "Tapi selera orang terhadap font kan beda2". Iya benar, tapi gak ada orang yang mau baca artikel yang teksnya susah dibaca bukan?
Tipografi memegang peranan penting dalam segala hal yang berkenaan dengan penyampaian bahasa non-verbal (tulisan) dalam segala bentuk publikasi. Oleh karena itu, web designer harus tahy berapa ukuran teks yang sesuai dengan websitenya, efek yang dapat ditimbulkan dari bentuknya, emosi apa yang dapat dibangkitkan olehnya, dan masih banyak lagi. Tujuan dari semua ini adalah satu: agar pesan yang ingin disampaikan tepat tujuan.
Disini ane mau share sedikit bagaimana cara belajar tipografi dengan efisien dan cepat, namun tetap efektif:
Yang harus pertama kali dilakuin untuk belajar tipografi adalah belajar anatomi huruf. Sebagai contoh, agan gak bisa bilang orang itu cantik atau jelek sebelum ngeliat wajahnya kan? Sifat dari huruf adalah hal pertama yang harus dipelajari. Dengan mengetahui hal tersebut, agan bisa tahu unsur2 yang membentuknya dan informasi apa yang bagus ditulis dengannya.
Yang kedua adalah formatnya. Format akan memberikan efek pada tulisan. Jarak antar huruf, jumlah baris, dll adalah hal yang terekspos ke pembaca. Agar informasi mudah dibaca dan mudah dicerna, agan harus tahu format apa yang terbaik untuk tulisan apa, dan format apa yang bagus untuk tujuan lainnya. Format juga termasuk besar kecil tulisan.
Yang ketiga adalah publikasi. Ada benyak keluarga tulisan (typeface), dan setiap keluarga punya karakter unik. Dengan mengetahui "keluarga" mana yang cocok untuk tugas apa, citra yang disampaikan oleh tulisan akan jauh lebih efektif. Memperlajari poin ini memakan waktu yang lama karena banyaknya typeface dan "anak"nya yang butuh di riset.
Ini ada psychology behind typography dari http://makeuseof.com">http://makeuseof.com
http://cdn.makeuseof.com/wp-content/uploads/2014/08/psychology-of-typography-small.jpg">http://cdn.makeuseof.com/wp-content/uploads/2014/08/psychology-of-typography-small.jpg[/embed]
http://www.script-tutorials.com/demos/infographics/18/the-psychology-of-fonts.jpg">http://www.script-tutorials.com/demos/infographics/18/the-psychology-of-fonts.jpg[/embed]
http://www.script-tutorials.com/demos/infographics/18/font-deconstruction.png">http://www.script-tutorials.com/demos/infographics/18/font-deconstruction.png[/embed]
Sumber: http://www.script-tutorials.com">http://www.script-tutorials.com