Scalenut menjadi G2 Fall Leader 2022 - Kategori Pembuatan Konten

Anda tidak pernah mendapatkan kesempatan kedua untuk membuat kesan pertama.

Itu adalah sesuatu yang telah kita dengar diulangi dan diterapkan oleh orang-orang di hampir setiap aspek kehidupan kita. Ini termasuk situs web kami juga.

Tidak masalah jika Anda adalah merek SaaS atau E-niaga, tetapi ketika pengunjung pertama kali mengunjungi situs web Anda, aspek pertama yang dia perhatikan adalah tata letak dan font. Jadi, sangat penting bagi Anda untuk tepat sasaran saat merancang situs web Anda.

Merancang adalah tugas yang intens dan rumit karena mencakup berbagai aspek yang bekerja bersama-sama satu sama lain.

Beberapa orang mungkin lebih suka font Google, sedangkan yang lain mungkin memilih tipografi atau kursif. Tetapi berhasil atau tidaknya tergantung pada faktor lain yang terlibat dalam proses perancangan. Anda memiliki navigasi, font, tata letak, skema warna, keterbacaan, dan banyak lagi.

Adapun font, mereka ada di mana-mana di halaman web. Anda akan menemukannya sebagai tajuk, teks isi, dan di tempat lain. Jadi memilih font yang tepat dapat meningkatkan tampilan situs web Anda secara keseluruhan.

Hari ini, kami akan membahas bagaimana Anda harus memilih font untuk situs web.

Pentingnya Memilih Font Terbaik untuk Website

Font Anda adalah duta merek Anda

Anda hanya memiliki 0,5 detik untuk memastikan bahwa pengunjung Anda memiliki opini positif tentang situs web dan pilihan font Anda. Sebagian besar, 94% bergantung pada elemen desain.

Sangat penting untuk memahami bahwa setiap font hadir dengan serangkaian karakteristik yang unik. Jadi, jika Anda ingin meyakinkan pengunjung tentang keahlian Anda, penting untuk melakukannya melalui bahasa desain situs web dan pilihan font.

Ini membantu dalam menambah pengalaman pengguna secara keseluruhan

Mengapa kita menghabiskan waktu dan sumber daya untuk membangun situs web? Karena kami ingin pengunjung kami nyaman saat menggunakannya.

Membangun pengalaman pengguna yang sempurna akan mengharuskan Anda memiliki perhatian yang tajam terhadap detail. Ini juga berarti masuk ke posisi pengunjung Anda dan mengukur apakah pilihan desain tertentu akan berhasil untuk mereka.

Memilih font yang bagus untuk desain web adalah bagian integral dari semuanya. Ini dapat membantu Anda menghasilkan lebih banyak pengunjung, konversi lebih tinggi, dan meningkatkan kepuasan secara keseluruhan.

Klasifikasi Font untuk Halaman Web

‍

Kami telah menyebutkan bahwa setiap gaya font memiliki cerita dan karakteristiknya sendiri, artinya Anda dapat mengklasifikasikannya ke dalam beberapa kelompok. Juga, ada sejumlah besar font berbayar dan gratis untuk Anda pilih dan tambahkan ke halaman web Anda.

Kami dapat membedakan font situs web ke dalam kategori berikut –

Serif

Contoh – Times New Roman, Garamond, MS Serif, Merriweather, Abril Fatface, Playfair Display, Georgia

Font Serif adalah salah satu jenis font tertua yang dikenal manusia. Font yang diilhami Renaisans terkenal di masa lalu karena keterbacaannya yang tinggi.

Font Serif modern membawa warisan yang sama, meskipun secara digital juga. Anda dapat mengenalinya dengan memperhatikan ujung garis melintang atau diagonal. Ini menambah keanggunan pada bahasa desain dan menjadikannya pilihan yang sangat baik untuk buku dan situs web formal.

Sebagian besar desainer menggunakan font ini untuk elemen konten tambahan atau yang muncul di halaman web mereka. Jadi, Anda lebih mungkin menemukannya sebagai judul, subtitel, logo, dan teks serupa.

Sans Serif

Contoh – Arial, Alegreya, Open Sans, Montserrat, Comic Sans, Verdana, Oswald, Roboto, Lato, Helvetica

Tipografi Sans-serif adalah iterasi modern dari Serif. Seperti namanya, ini hadir tanpa serif, meningkatkan kesan minimalis. Pada hari-hari awal, tampilan komputer tidak cukup canggih untuk menghadirkan serif dalam bentuk aslinya. Jadi desainer menemukan font yang lebih nyaman untuk dibaca digital.

Sans-serif juga tidak membuat pembaca bosan dan menawarkan fleksibilitas kepada para desainer dengan melayani audiens yang lebih luas. Pengguna yang paling umum dari font ini melayani generasi muda dan ingin dianggap modern dan profesional dalam pendekatan mereka.

UI Segoe, font default sistem operasi Windows, adalah gaya font Sans-serif. Basis 9 & 12 adalah salah satu jenis font Adobe paling populer yang mungkin Anda temui, dan termasuk dalam kategori Sans-serif. SF Pro, salah satu tipografi terpopuler di platform Apple, juga termasuk dalam kategori ini.

Lembaran Serif

Contoh - Sentinel, Clarendon, Adelle, Arvo

Jenis font Serif, juga dikenal sebagai Slab Serif sebagai font Mesir. Ini adalah gaya font kotak-kotak dan tampak kokoh dengan rasio kontras yang lebih rendah daripada Serif tradisional.

Bergantung pada gaya font yang Anda pilih, ini bisa berkisar dari retro jadul hingga tampilan yang lebih kontemporer. Biasanya, Anda akan menemukan Slab Serif sebagai bagian dari teks tampilan, tetapi ini juga dapat digunakan untuk mengatur teks isi.

Naskah

Contoh – Arizonia, Tangerine, Great Vibes

Seperti namanya, font skrip adalah hal yang paling dekat dengan tulisan tangan manusia. Mereka penuh hiasan, dan Anda akan sering menemukannya menghiasi tajuk situs web, logo, dan frasa pendek serupa.

Juga, ini dapat dianggap informal. Fakta paling menarik tentang font Script adalah muatan emosionalnya yang tinggi. Ini dapat menimbulkan reaksi (spesifik, dalam banyak kasus) dan mendapatkan banyak perhatian dari pengunjung.

Mengingat kerumitannya, mereka memiliki penggunaan yang terbatas. Namun, sebagian besar situs web yang dirancang dengan baik menggunakannya untuk menambah kesan keseluruhan.

Dekoratif

Contoh – Helios, Casandra, Bom Cherie, Pedesaan

Juga dikenal sebagai font tampilan, font dekoratif mengacu pada beragam font yang tidak harus memiliki karakteristik yang sama. Satu-satunya cara bersama untuk mengidentifikasi mereka adalah dengan memperhatikan bentuknya yang rumit dan ornamen yang tinggi.

Ini menjadi populer di abad ke-19 dan sejak itu menjadi konstan untuk desain web dan tujuan periklanan.

Tidak seperti jenis font lain yang dapat mengasimilasi diri mereka sendiri dalam berbagai situasi, font dekoratif memiliki keterbatasan, yaitu masing-masing dari mereka memancarkan emosi tertentu (kebahagiaan, horor, atau lainnya). Ini adalah font asli yang sangat ekspresif dan mudah dikenali.

Ini adalah font tebal yang hanya dapat Anda gunakan di header, dan kami menyarankan untuk tidak menggunakannya untuk teks isi situs web Anda. Menyerapnya dengan cara minimalis untuk desain web akan memungkinkan situs web menonjol dan memiliki kesan abadi pada pengunjung.

Perbedaan Antara Typeface dan Font

Gagasan umum adalah bahwa jenis huruf dan font memiliki arti yang sama, tetapi ini bukan sinonim. Yang pertama mengacu pada keluarga font dengan karakteristik dan fitur yang sama, sedangkan yang terakhir mengacu pada font individu.

Misalnya, Arial adalah jenis huruf, dan Arial Bold 16pt adalah font.

Hal yang Perlu Diingat Saat Memilih Font Default untuk Situs Web

Kita semua tahu bahwa ada banyak sekali font berbayar dan gratis yang sempurna di dunia. Namun saat mendesain situs web, ada lebih banyak hal yang dimainkan, dan Anda tidak dapat memilih salah satu yang Anda sukai. Memilih font terbaik untuk situs web adalah urusan holistik dan membutuhkan penelitian dan pemahaman menyeluruh tentang elemen lain yang berperan.

Berikut adalah hal-hal yang perlu Anda pertimbangkan saat memilih font terbaik untuk situs web –

Dapatkan dasar-dasarnya dengan benar

Sebelum mencari font yang bagus untuk situs web, Anda harus menyortir hal-hal lain yang terlibat. Ini termasuk;

• Memahami audiens target Anda
• Tujuan situs web
• Alasan keberadaan merek Anda
• Kepribadian yang dibawanya

Merek seperti Amazon tidak akan menggunakan font Horor (kecuali pada acara tertentu, seperti Halloween). Jenis font yang Anda gunakan terutama bergantung pada audiens target Anda dan emosi yang ingin Anda hasilkan.

Misalnya – font Sans-serif menunjukkan minimalis dan kesederhanaan. Mereka juga membawa kecenderungan Anda terhadap nilai-nilai dan fleksibilitas tradisional. Tipografi serif memiliki coretan dekoratif yang merepresentasikan representasi formal.

Pastikan pilihan Anda selaras dengan tujuan desain Anda

Ada tujuan di balik semuanya, dan desain situs web Anda juga memiliki tujuan. Pilihan Anda pada akhirnya akan bergantung pada audiens target Anda dan keseluruhan suasana hati yang ingin Anda bangkitkan melalui situs web Anda. Juga, beberapa elemen desain memainkan peran penting dalam keseluruhan presentasi halaman web Anda.

Jadi, inilah elemen-elemen yang harus Anda ingat –

Kerning, memimpin, dan melacak

Ketiga istilah ini merujuk pada elemen spasi di situs web. Kerning menunjukkan ruang antara dua huruf yang berdekatan. Leading menentukan ruang antara baris teks, dan jarak antar kelompok huruf dikenal sebagai pelacakan. Penspasian yang Anda pilih memungkinkan Anda memastikan tampilan jenis huruf Anda.

Kontras

Kontras, berkaitan dengan situs web, mengacu pada penyajian teks. Perancang situs web menggunakan sejumlah teknik halus untuk membuat beberapa elemen menonjol. Ini termasuk warna, bentuk, ukuran, struktur, dan berat untuk menambah area kritis.

Penyelarasan

Perataan mengacu pada cara Anda menempatkan teks di situs web. Itu bisa kiri, kanan atau tengah. Teks yang dibenarkan sepenuhnya menghadirkan pendekatan yang lebih formal, sedangkan metode compang-camping sesuai dengan situs web yang bermaksud lebih informal dan ramah.

Biasanya, teks rata kiri adalah yang paling mudah dibaca. Aspek lain yang perlu diingat adalah jarak antara sisi blok teks. Anda dapat menyetel panjang garis optimal dengan menyetel jumlah karakter rata-rata hingga 80 karakter (termasuk spasi).

Jika Anda mencari tampilan yang lebih formal, Anda dapat menggunakan teks yang sepenuhnya dibenarkan. Itu menyejajarkan jenis huruf secara merata di kedua sisi dan menghilangkan rasa disorientasi.

Gunakan tipografi dengan bijaksana

Mengingat banyaknya tipografi dan font yang ditawarkan, ada kemungkinan besar Anda tersesat saat membuat pilihan desain. Jadi, Anda harus mundur selangkah dan memahami produk akhir yang ingin Anda buat.

Langkah selanjutnya adalah menata jenis huruf yang sesuai. Pilihan desain ini mencerminkan audiens yang Anda layani dan memberikan pemahaman dasar tentang pendekatan merek Anda.

Jadi saat Anda menyelesaikan elemen desain, tanyakan pada diri Anda pertanyaan seperti -

• Apa sifat merek Anda?
• Apakah Anda ingin lebih menekankan pada kepraktisan, atau Anda ingin menonjol?
• Grafik seperti apa yang akan dimuat situs web Anda? Jika grafisnya berat, Anda dapat mengecilkan bagian depan dan membiarkan sisanya berbicara. Jika sebaliknya, pastikan pilihan font Anda membangkitkan emosi yang Anda inginkan.
• Apakah berbasis proyek? Jika ya, jenis penugasannya, dan apa persyaratannya?

Jangan lupa untuk mempertimbangkan waktu muat

Situs lambat sama dengan lalu lintas rendah. Tidak banyak yang memiliki bandwidth untuk menunggu situs web Anda memuat elemen demi elemen. Mendapatkan elemen desain yang salah atau berlebihan dengan pilihan desain dapat membuat situs Anda lamban dan mengurangi keterlibatan Anda.

Jika Anda menderita waktu pemuatan yang tinggi, Anda harus melihat jumlah tipografi dan gaya yang telah Anda adopsi. Pastikan Anda hanya memilih yang diperlukan.

Pilih font yang aman untuk web

Pilihan font situs web seringkali merupakan representasi dari bagaimana Anda menggambarkan merek Anda. Misalnya, merek global seperti Amazon, Microsoft, dan Disney menggunakan font berbeda yang menjadi identik dengan mereka.

Bahkan jika Anda tidak dapat melakukan hal yang sama untuk diri Anda sendiri, penting bagi Anda untuk memastikan bahwa pilihan Anda dianggap aman untuk web. Istilah tersebut mewakili sekumpulan font dinamis yang dapat beradaptasi dengan lingkungan yang berbeda. Secara sederhana, tipografi ini dapat ditampilkan di layar pembaca meskipun mereka tidak menginstalnya di perangkat mereka.

Jika Anda tidak menggunakan salah satunya, browser akan kembali ke font umum yang disimpan sebagai cadangan dan menampilkan konten web Anda di dalamnya. Ini dapat mengakibatkan masalah fungsionalitas dan desain, menyebabkan pesan tidak lengkap dan menghantui merek Anda.

Beberapa tahun yang lalu, sulit untuk menemukan cukup banyak font yang aman untuk web, tetapi hari ini ada banyak sekali font berbayar dan gratis untuk Anda pilih dan serap.

Misalnya, Times New Roman dan Arial adalah font aman web yang masing-masing termasuk dalam kategori Serif dan Sans-serif. Jika Anda mencari sesuatu yang dekoratif, Script MT dan Luminari adalah font yang dapat diadaptasi masing-masing dari kategori Kursif dan Fantasi.

Saatnya Anda Menggunakan Campuran Font untuk Hasil Terbaik

Memilih font web terbaik untuk situs web adalah tentang pencampuran dan pencocokan yang diperhitungkan. Dengan setiap font yang memiliki karakteristiknya masing-masing, kami sarankan Anda memilih hingga tiga font yang berbeda (primer, sekunder, dan tersier) dengan cara yang pada akhirnya memancarkan kelas dan mengapa Anda ada.

Selain itu, faktor seperti kerning dan leading, dan Anda memiliki banyak ruang kaki untuk melakukannya dengan benar. Penting juga untuk dipahami bahwa beberapa font bekerja dengan baik berpasangan, sedangkan yang lain tidak. Jadi tidak ada kekurangan pilihan, tetapi Anda harus memastikan bahwa itu selaras dengan visi merek Anda.

Selain itu, mengingat pola penggunaan yang dinamis dari pengguna internet saat ini, sangat penting untuk menggunakan font web-safe untuk menyesuaikan dengan ukuran layar secara dinamis. Ini memastikan bahwa pengguna akhir melihat halaman web sebagaimana dimaksud, bahkan jika mereka tidak menginstal font tertentu.

Pada akhirnya, pilihan font bergantung pada banyak faktor, dan Anda harus mencapai keseimbangan yang tepat untuk mendapatkan hasil terbaik.