Sejarah Tipografi

Kata tercetak telah ada selama ratusan tahun dan kata tertulis telah ada selama ribuan. Seiring perkembangan teknologi, beberapa tahun terakhir telah terlihat pergerakan jenis dari cetak ke layar komputer. Salah satu bidang desain yang telah mengikuti lebih dari yang lain dalam transisi ke web adalah tipografi. Versi pertama HTML bahkan tidak mengizinkan perancang web mengontrol jenis huruf apa yang akan mereka gunakan untuk halaman mereka. Namun, dengan masuknya CSS, atau cascading style sheets, era baru tipografi web dimulai. Selama beberapa tahun terakhir, desainer telah memiliki kemampuan dan alat untuk mengatur gambar tulisan keren kembali ke dalam desain di media web. Pemahaman tentang tipografi di masa lalu memberi kami dasar yang baik untuk memahami apa yang bekerja dengan baik di lingkungan online.

Kembali ke Masa Depan: Pengaruh Tipografi Internet

Jenis huruf

Typeface adalah ukuran dan gaya tipe tertentu dalam keluarga tipe. Dua gaya utama jenis huruf yang digunakan di web adalah serif dan sans serif. Times New Roman adalah contoh umum dari font serif yang sering digunakan dalam cetakan dan jenis huruf yang digunakan dalam makalah ini. Serif adalah dekorasi atau garis kecil di setiap huruf yang secara teori membantu aliran huruf saat mata bergerak melintasi teks. Font serif paling sering digunakan untuk pencetakan. Ada banyak perdebatan yang sedang berlangsung tentang apakah font serif atau sans serif lebih terbaca di layar; penulis ini percaya bahwa font sans serif adalah pilihan terbaik untuk layar. Verdana dirancang untuk digunakan dengan layar dan merupakan jenis huruf sans serif yang paling umum digunakan saat ini di web. “Setiap jenis huruf memiliki nada unik yang harus menghasilkan kesesuaian yang harmonis antara aliran verbal dan visual konten Anda”

Tiga faktor menentukan jenis huruf yang bagus: tinggi x yang besar, lebar dan jarak huruf yang besar, dan lebar lubang yang besar.

Ukuran

Ukuran tipografi memainkan peran penting dalam domain tipografi web. Ukuran jenis adalah alat yang digunakan desainer untuk memberi konten halaman struktur yang berbeda. Kontras antara ukuran heading, body text dan footer membentuk kejelasan dan kesan keseluruhan dari halaman.

Poin font yang diberikan oleh desainer, seperti 14 poin, menentukan ukuran jenis huruf di layar. Pembaca memiliki kemampuan untuk menentukan ukuran tipe di browser mereka sendiri yang mengalahkan ukuran yang ditetapkan oleh desainer. W3C merekomendasikan penggunaan unit “em” saat menentukan ukuran tipe. Em, juga dilafalkan “M”, adalah poin yang ditentukan oleh pengguna dikalikan dengan jumlah Em yang ditentukan. Misalnya, jika pengguna menyetel ukuran fontnya menjadi 12 poin dan desainer menentukan ukuran 2em, maka jenis 24 poin akan ditampilkan di halaman.

Teks Anti-Alias ​​vs. Alias

Dengan sistem operasi modern seperti Windows XP dan Mac OS 10, pengguna memiliki kemampuan untuk memilih opsi tampilan yang disebut teks anti-alias. Ini adalah pilihan yang bagus dalam hal desain karena menggunakan variasi warna untuk membuat sudut bergerigi atau berundak yang terlihat pada teks alias terlihat lebih mulus. “Dalam bentuk huruf, aliasing sangat bermasalah karena pijakan tangga mengganggu kelancaran kelengkungan yang diperlukan untuk menentukan begitu banyak karakter individu”. Lihat Gambar 3, di mana huruf kiri menunjukkan bagaimana teks anti-alias ditampilkan dan huruf kanan menunjukkan teks alias. Efeknya lebih bagus untuk teks yang lebih besar. Ini memberikan tampilan yang lebih menyenangkan bagi pengguna selama membaca. Namun, kelemahan dari anti-aliasing adalah efeknya pada teks yang lebih kecil. Ini cenderung membuat efek kabur atau terdistorsi ke teks yang lebih kecil.

Perancang harus mengingat bahwa dia tidak dapat mengandalkan pengguna yang mengaktifkan teks anti-alias pada mesin mereka. Seringkali hasil pemilihan jenis huruf menjadi tidak menarik jika tidak diperhitungkan.

Warna Layar

Perbedaan antara halaman cetak dan web terletak pada metode yang digunakan untuk menampilkan warna pada media. Media cetak menggunakan sistem warna subtraktif, yaitu cara manusia melihat sebagian besar objek dalam cahaya alami. Pertimbangkan bagaimana kita melihat rumput hijau. Cahaya alami, yang mengandung spektrum warna penuh, menerpa rumput dan semua warna kecuali hijau diserap. Karena itu, kami melihat rumput hijau. Cahaya alami menerpa halaman tercetak yang mencerminkan warna-warna yang kita lihat, apakah itu teks koran hitam putih atau iklan majalah berwarna glossy. Warna primer yang digunakan dalam warna subtraktif adalah cyan, magenta, dan kuning. Layar komputer, di sisi lain, bekerja secara berbeda. Mereka menggunakan cahaya aditif. Alih-alih menyerap dan memantulkan cahaya, warna aditif memancarkan cahaya. Putih dihasilkan oleh warna aditif dan hitam dihasilkan oleh warna subtraktif.

Di layar, teks hitam dengan latar belakang putih sulit dibaca dalam waktu lama. Setiap siswa yang telah menulis makalah pada pukul 2 pagi di ruangan gelap atau semi-gelap mengetahui hal ini. Desainer web sebaiknya memilih kombinasi seperti teks yang lebih terang dengan latar belakang yang lebih gelap.

Jarak

Ada tiga jenis spasi: leading, kerning, dan word spacing. Leading adalah jarak antar baris teks. Ini memainkan peran penting dalam keterbacaan teks. Kerning adalah spasi huruf dalam kata. Kerning tidak terlalu efektif dengan teks tubuh, tetapi dapat memiliki efek yang menyenangkan dengan judul. Spasi kata hanya itu, spasi antar kata.

Umumnya, lebih penting untuk memilih jenis huruf yang tepat saat mempertimbangkan spasi kata yang tepat daripada mengubahnya secara manual. Spasi yang baik memiliki efek langsung pada keterbacaan jenis huruf. Aspek terpenting dari spasi untuk dipertimbangkan saat mendesain untuk web adalah konsistensi pilihan Anda. Ketidakkonsistenan dalam mengatur jarak seringkali menimbulkan kebingungan di kalangan pembaca. Berusahalah untuk menjaga agar pembaca tetap fokus pada teks dan mengarahkan mereka dengan lancar ke seluruh kata.

Penjajaran

Penjajaran adalah faktor utama saat mempertimbangkan tampilan dan nuansa halaman di web. Di web, teks isi harus dibiarkan rata dan judul atau tajuk juga harus rata kiri. Hanya dalam kasus yang jarang terjadi seorang desainer memerlukan teks yang dibenarkan. Dalam kasus ini, lebar teks harus cukup lebar untuk memberikan spasi kata yang tepat dalam teks dan judul atau tajuk harus diratakan di tengah. Faktor penting dengan perataan adalah margin di sekitar teks. Margin mewakili ruang antar elemen pada halaman. Mereka membantu menjaga teks di bagian berbeda dari elemen lain di halaman atau jendela browser. Margin, bila digunakan secara konsisten, memberikan kesatuan dan struktur untuk halaman di web.

Desainer yang ingin menciptakan lebih banyak kebebasan antar elemen harus menggunakan margin yang lebih besar untuk menciptakan ruang. Jika mereka ingin menciptakan tampilan yang lebih sempit, mereka harus menggunakan margin yang lebih kecil untuk menciptakan kesan keakraban. Sampai masa depan perubahan tipografi, desainer harus menghindari penggunaan teks yang dibenarkan karena ketidakmampuan tanda hubung pada halaman web. Hal ini menyebabkan tampilan halaman terganggu karena perbedaan spasi antar kata.

Batasan

Sejak penerapan tag font dan CSS, desainer dapat menentukan jenis huruf apa pun untuk halaman web mereka, tetapi banyak komputer hanya menginstal font default di dalamnya. Jika jenis huruf yang ditentukan tidak ada di komputer pengguna web, font default ditampilkan di browser. Sementara desainer dapat memilih beberapa font yang dapat digunakan browser dalam urutan yang diberikan, kontrol atas tampilan halaman web tidak sekuat media cetak. Cara terbaik untuk mendapatkan tampilan yang paling diinginkan adalah dengan menentukan font generik seperti “sans serif” di akhir daftar. Dalam hal ini, browser akan menampilkan teks dalam font sans serif apa pun yang dapat diakses. Tidak peduli seberapa keras seorang desainer mencoba untuk mengembangkan kombinasi sempurna dari jenis huruf dan ukuran, pengguna tetap dapat menentukan jenis huruf dan ukuran yang dia inginkan, dan tidak ada yang bisa dilakukan oleh desainer untuk mengatasinya. Karena perancang tidak memiliki kendali penuh atas produk jadi di web, hal ini sering dianggap sebagai kerugian dibandingkan dengan media cetak. Namun, konsep “kontrol pengguna” ini dapat dianggap sebagai poin kuat dari web. Tidak ada media komunikasi lain yang memberikan kontrol sebesar ini kepada pengguna akhir. Perancang perangkat terbaik yang dapat digunakan adalah hanya menawarkan cetak biru untuk desain dan menyerahkan keputusan akhir kepada pembaca.

Kesimpulan: Masa Depan Tipografi

Salah satu cara desainer mengatasi keterbatasan tipografi web adalah dengan menggunakan gambar dan teknik penggantian teks Flash untuk menampilkan tipografi kustom, yang memungkinkan kontrol lebih besar atas halaman. Metode penggantian Flash terbaru adalah SIFR (atau Scalable Inman Flash Replacement diucapkan siffer). SIFR memberikan akses untuk menyematkan tipografi kustom di halaman web tanpa pengguna memilikinya di mesin mereka. Alat lain yang dapat digunakan adalah Microsoft Web Embedding Fonts Tool (WEFT), yang menyimpan font di server web agar tersedia untuk diunduh saat diperlukan. Alat ini belum populer karena tidak ada browser selain Microsoft IE yang telah menerapkan teknologi tersebut. Meskipun teknik ini memberikan gambaran sekilas tentang masa depan, ini hanyalah perbaikan cepat untuk keterbatasan tipografi web saat ini. Saat teknik baru ini dikembangkan sepenuhnya,

Leave a Reply

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