Deprecated: uasort(): Returning bool from comparison function is deprecated, return an integer less than, equal to, or greater than zero in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/google-site-kit/includes/Core/Modules/Modules.php on line 245
Cari Tau Yuk Tentang Typography ! Dan Kenapa Typography itu Penting? | indonesia mendesain
Tuesday, October 26, 2021
HomeVisual DesignCari Tau Yuk Tentang Typography ! Dan Kenapa Typography itu Penting?

Cari Tau Yuk Tentang Typography ! Dan Kenapa Typography itu Penting?

Baik itu di ponsel kami, di buku atau di situs web, kami terus-menerus mencerna kata-kata tertulis. Dari buku petunjuk hingga bagian depan toko, jenis ada di sekitar kita. Kami sering merenungkan kekuatan kata tertulis, tetapi jarang kami mempertimbangkan peran perancang dalam meniru nada kata atau kalimat.

Di balik layar, seorang desainer telah meluangkan waktu untuk mempertimbangkan hubungan antara tampilan teks dan apa yang dikatakan teks. Pada kenyataannya, suasana hati, atmosfer, dan emosi yang berbeda dapat diungkapkan hanya melalui pilihan jenis. Tetapi apa sebenarnya tipografi itu – dan mengapa ini sangat penting?

Di artikel ini, kami akan mengangkat segala sesuatu yang perlu Anda ketahui tentang tipografi. Kami akan mulai dengan definisi tipografi, termasuk sejarah singkat tentang asal-usulnya. Kami kemudian akan membahas manfaat tipografi yang baik dan dampaknya terhadap pengguna Anda. Akhirnya, kita akan melihat elemen-elemen berbeda yang terdiri dari tipografi, dan apa artinya semua itu.

Inilah yang akan kami bahas:

  • Apa itu tipografi?
  • Mengapa tipografi penting?
  • Berbagai elemen tipografi
  • Cara memilih jenis huruf yang benar untuk situs web Anda
  • Kesimpulan


Siap? Mari kita cari tau!

  1. Apa itu tipografi?
    Mari kita mulai dengan dasar-dasar: apa sebenarnya tipografi itu? Intinya, tipografi adalah seni mengatur huruf dan teks dengan cara yang membuat salinan dapat dibaca, jelas, dan menarik secara visual bagi pembaca. Tipografi melibatkan gaya font, penampilan, dan struktur, yang bertujuan untuk memperoleh emosi tertentu dan menyampaikan pesan tertentu. Singkatnya, tipografi adalah apa yang menghidupkan teks.

Dalam video di bawah ini, mentor desain CareerFoundry UI, Olga mengemukakan alasan mengapa tipografi itu penting — dan apa bedanya bagi penggunaan Anda.

Tipografi dapat kembali ke tanggal ke abad ke-11, selama inovasi tipe bergerak. Sebelum era digital, tipografi adalah kerajinan khusus yang terkait dengan buku dan majalah, dan akhirnya pekerjaan umum. Contoh pertama tipografi dapat dilihat di Gutenberg Bible, yang memulai revolusi tipografi di barat. Fakta menyenangkan: gaya tipe yang digunakan dalam Alkitab Gutenberg sekarang dikenal sebagai Textura, dan Anda akan menemukannya di menu drop-down font pada aplikasi desktop utama hari ini!

Maju ke zaman modern, di mana tipografi sebagian besar terkait dengan dunia digital dan cetak. Dengan lahirnya internet muncullah ledakan kreatif seni tipografi. Tiba-tiba, desainer web memiliki banyak font dan opsi ketik yang mereka miliki, membuat tipografi lebih beragam secara visual daripada sebelumnya.

  1. Mengapa tipografi penting?
    Tipografi jauh lebih dari sekadar memilih font yang indah: itu adalah komponen vital dari desain antarmuka pengguna. Tipografi yang baik akan membentuk hierarki visual yang kuat, memberikan keseimbangan grafis ke situs web, dan mengatur nada keseluruhan produk. Tipografi harus memandu dan menginformasikan pengguna Anda, mengoptimalkan keterbacaan dan aksesibilitas, dan memastikan pengalaman pengguna yang sangat baik.

Mari kita selidiki lebih dalam mengapa tipografi sangat penting.

Tipografi membangun pengakuan brand

Tipografi yang baik tidak hanya akan meningkatkan kepribadian situs web, tetapi pengguna Anda akan secara subliminal mulai mengaitkan jenis huruf yang ditampilkan di situs Anda dengan merek Anda. Tipografi unik dan konsisten akan membantu Anda membangun pengikut yang kuat, membangun kepercayaan dengan pengguna Anda, dan membantu memajukan merek Anda.

Tipografi memengaruhi pengambilan keputusan

Tipografi memiliki efek mendalam pada cara pengguna mencerna dan memahami informasi yang disampaikan oleh teks. Jenis eye-catching jauh lebih persuasif daripada font yang lemah yang tidak memperkuat pesan teks.

Tipografi menarik perhatian pembaca

Tipografi yang baik dapat menjadi perbedaan antara seseorang yang tinggal di situs web Anda selama satu menit atau setengah jam. Adalah penting bahwa situs web Anda merangsang dan diingat secara visual, dan tipografi memainkan peran besar dalam proses ini.

  1. Berbagai elemen tipografi
    Untuk memulai dalam tipografi, Anda harus terlebih dahulu memahami delapan elemen desain tipografi yang penting.

Font dan Typefaces

Ada beberapa kebingungan seputar perbedaan antara tipografi dan font, dengan banyak yang menganggap keduanya sama. Jenis huruf adalah gaya desain yang terdiri dari banyak karakter dengan berbagai ukuran dan berat, sedangkan font adalah representasi grafis dari karakter teks. Sederhananya, jenis huruf adalah keluarga font terkait, sedangkan font merujuk pada bobot, lebar, dan gaya yang merupakan jenis huruf.

The difference between a font and a typeface

Ada tiga jenis dasar jenis huruf: serif, sans-serif, dan dekoratif. Agar antarmuka tetap rapi dan ramping, perancang yang baik tidak akan pernah menggunakan lebih dari tiga font — dan menjaga agar font dekoratif menjadi minimum. Sebagian besar desainer UI akan memasangkan font serif dengan font sans-serif, seperti menempatkan teks tubuh utama dalam font serif dan menempatkan judul Anda dalam font sans-serif, atau sebaliknya.

The difference between a serif, sans-serif and decorative font

Kontras

Sama seperti hierarki, kontras membantu untuk menyampaikan ide atau pesan mana yang ingin Anda tekankan kepada pembaca Anda. Menghabiskan waktu dengan kontras membuat teks Anda menarik, bermakna, dan menarik perhatian. Kebanyakan desainer menciptakan kontras dengan bermain-main dengan berbagai tipografi, warna, gaya, dan ukuran untuk menciptakan dampak dan memecah halaman.

Different types used in fonts for emphasis

Konsistensi

Menjaga tipografi Anda konsisten adalah kunci untuk menghindari antarmuka yang membingungkan dan berantakan. Saat menyampaikan informasi, penting untuk tetap menggunakan gaya font yang sama, sehingga pembaca Anda langsung mengerti apa yang mereka baca, dan mulai memperhatikan suatu pola. Meskipun tidak apa-apa untuk bermain-main dengan tingkat hierarki sampai batas tertentu, praktik yang baik untuk membangun hierarki tipografi yang konsisten (satu font yang konsisten untuk header, yang lain untuk subpos) dan berpegang teguh padanya.

Ruang Putih

Sering disebut sebagai ‘ruang negatif,’ ruang putih adalah ruang di sekitar teks atau gambar. Ini sering diabaikan dan cenderung tidak diperhatikan oleh pengguna, tetapi penggunaan ruang putih yang tepat memastikan antarmuka tidak berantakan dan teks dapat dibaca. Ruang putih bahkan dapat menarik perhatian pada teks dan memberikan pengalaman estetis yang menyenangkan secara keseluruhan. Ruang putih sering berbentuk margin, padding, atau hanya area tanpa teks atau grafik.

Example of how white space affects readability

Alignment

Alignment adalah proses menyatukan dan menyusun teks, grafik, dan gambar untuk memastikan ada ruang, ukuran, dan jarak yang sama antara setiap elemen. Banyak desainer UI membuat margin untuk memastikan bahwa logo, tajuk, dan badan teks mereka selaras satu sama lain. Saat menyelaraskan antarmuka pengguna Anda, praktik yang baik adalah memperhatikan standar industri. Misalnya, menyelaraskan teks Anda ke kanan akan tampak berlawanan dengan intuisi bagi pembaca yang membaca dari kiri ke kanan.

Warna

Warna adalah salah satu elemen tipografi yang paling menarik. Di sinilah desainer benar-benar dapat menjadi kreatif dan meningkatkan antarmuka ke tingkat yang baru. Namun, warna teks tidak boleh dianggap enteng: memaku warna font Anda dapat membuat teks menonjol dan menyampaikan nada pesan — tetapi membuatnya salah dapat menghasilkan antarmuka yang berantakan dan teks yang berbenturan dengan warna situs.

Warna memiliki tiga komponen utama: nilai, rona, dan saturasi. Seorang perancang yang baik akan tahu bagaimana menyeimbangkan ketiga komponen ini untuk membuat teksnya menarik dan jelas terbaca, bahkan bagi mereka yang memiliki keterbatasan penglihatan. Seringkali, desainer akan menguji ini dengan melihat teks dalam skala abu-abu (tanpa warna) dan membuat tweak jika teks terlalu gelap atau terlalu terang terhadap warna latar belakang.

Hirarki

Menetapkan hierarki adalah salah satu prinsip tipografi yang paling vital. Hirarki tipografi bertujuan untuk membuat perbedaan yang jelas antara bagian-bagian salinan yang menonjol yang harus diperhatikan dan dibaca terlebih dahulu, dan salinan teks standar. Dalam era rentang perhatian singkat yang dibawa oleh media sosial, desainer didesak untuk ringkas dan membuat tipografi yang memungkinkan pengguna untuk mengkonsumsi informasi yang diperlukan dalam waktu singkat.

Example of visual hierarchy in an old newspaper

Hierarki dapat dibuat menggunakan ukuran, warna, kontras, dan perataan. Misalnya, jika Anda memiliki garis salinan dengan ikon tanda seru di awal yang berwarna merah dan lebih besar dari salinan sebelumnya, ini adalah petunjuk visual kepada pembaca bahwa itu adalah panggilan untuk bertindak. Contoh paling khas dari hierarki tipografi adalah ukuran: judul harus selalu lebih besar dari subjudul dan teks standar.

  1. Bagaimana Anda memilih jenis huruf yang tepat untuk situs web Anda?
    Sekarang kami telah membiasakan diri dengan berbagai elemen tipografi, mari kita bicara tentang proses memilih tipografi untuk antarmuka Anda. Dengan begitu banyak font dan tipografi yang berbeda untuk dipilih, mudah untuk merasa kewalahan. Membuat pilihan yang tepat tergantung pada lebih dari sekadar melihat apa yang terlihat bagus. Berikut adalah beberapa pertimbangan utama:

Pikirkan tentang kepribadian

Bagaimana perasaan Anda terhadap pengguna saat pertama kali memasuki situs web Anda. Apakah Anda ingin meniru suasana ramah? Apakah Anda ingin situsnya terasa mewah, ramah, menyenangkan, atau serius? Sangat penting bahwa tipografi mencerminkan kepribadian merek atau produk. Titik awal yang baik ketika dihadapkan dengan tantangan ini adalah untuk menentukan sifat-sifat inti merek Anda, dan mulai mengumpulkan tipografi yang mencerminkan sifat-sifat ini. Dari sana, Anda bisa mulai memperhatikan tren.

Renungkan nada

Sama pentingnya untuk mempertimbangkan bagaimana font selaras dengan nada pesan. Misalnya, jika Anda ingin menyampaikan informasi serius atau penting, pilih font yang kurang bergaya atau dekoratif yang keduanya jelas terbaca dan akan membatasi gangguan.

Jangan berhemat pada fungsi

Fungsi sama pentingnya dengan bentuk: tidak ada yang lebih buruk daripada sebuah situs web yang terlihat cantik tetapi sepenuhnya tidak terbaca, membuat Anda mengklik tombol yang salah atau berbelok salah karena instruksi tidak jelas. Saat memutuskan jenis huruf apa yang akan dimasukkan dalam antarmuka Anda, sisihkan gaya, estetika, dan suara dan renungkan apakah font dapat dibaca, dibaca, dan dapat diakses. Apakah teks dapat terbaca tanpa tekanan? Apakah karakternya cukup berbeda?

Pertimbangkan kinerja

Satu hal yang sering diabaikan oleh banyak desainer adalah memilih tipografi yang ramah browser web. Pustaka font yang umum digunakan seperti font Google menawarkan file font berbasis web yang dapat diterjemahkan dengan sempurna di browser tanpa masalah. Kiat pro: saat mengunduh font web, jangan pernah mengunduh lebih banyak set karakter dari yang Anda perlukan. Dengan cara ini, Anda akan terhindar dari kelebihan berat badan!

Terinspirasi

Jika Anda tidak yakin harus mulai dari mana, luangkan waktu untuk melihat apa yang dilakukan orang lain. Buka mata Anda ke tipografi yang Anda lihat di sekitar Anda. Bisakah Anda perhatikan pola yang sama? Bisakah Anda melihat contoh tipografi yang baik dan buruk? Bahkan dengan mengikuti tagar tipografi di media sosial atau mencari tipografi di Pinterest akan memberi Anda beberapa ide bagus tentang apa yang ada di luar sana. Anda juga dapat melihat delapan tren tipografi ini untuk inspirasi lebih lanjut.

Luangkan waktu untuk menguji

Cara terbaik untuk menguraikan font mana yang digunakan untuk antarmuka Anda? Uji, uji, dan uji! Dengan mengumpulkan umpan balik yang bermanfaat dari pengguna nyata, Anda akan mendapatkan wawasan yang lebih jelas tentang apa yang berhasil, apa yang tidak, apa yang dapat dibaca dan apa yang terasa berlawanan dengan intuisi atau kikuk.

  1. Kesimpulan
    Tipografi sering diabaikan, tetapi merupakan komponen penting dari desain antarmuka pengguna. Menguasai tipografi akan membantu Anda menjadi perancang UI yang fantastis! Jika Anda tidak yakin harus mulai dari mana, mengapa tidak mengunjungi situs web favorit Anda dan mulai membuat catatan tentang tipografi apa yang telah mereka gunakan.

sumber : careerfoundry.com

RELATED ARTICLES
- Advertisment -

Most Popular

Recent Comments