Ketahuilah Tips dan Trik Memilih Font Untuk Desain Web Anda!

Ada satu juta hal yang perlu dipikirkan saat membangun desain web yang sempurna: membuat grafik, memilih warna, memilih gambar yang tepat… Tapi ada satu hal yang orang suka remehkan ketika membuat situs web mereka dan itu adalah memilih font. Jangan membuat kesalahan yang sama. Memilih font yang tepat dapat memiliki dampak besar pada tampilan akhir dan nuansa desain web Anda. Ini mungkin tampak seperti hal kecil, tetapi memiliki kekuatan untuk membawa desain web Anda ke tingkat berikutnya. Mari saya tunjukkan caranya. Pada artikel ini saya akan memandu Anda melalui semua hal yang perlu Anda ketahui ketika memilih font untuk desain web Anda.

Punya Panduan Merek? Ikuti Mereka!

Civil Pour web design
Oleh deni K untuk Civil pour

Pedoman merek menentukan bagaimana elemen yang membentuk merek Anda digunakan. Pedoman merek Anda adalah alat penting untuk mengkomunikasikan strategi branding yang konsisten. Mereka adalah seperangkat aturan untuk membantu Anda dan desainer Anda membuat identitas terpadu saat menghubungkan beberapa elemen merek Anda, dengan mendefinisikan warna Anda, logo Anda dan, tentu saja, tipografi Anda.

Jadi jika Anda sudah memiliki panduan merek untuk menjadi partner kerja, pastikan Anda menaatinya saat membuat desain web Anda. Jika Anda belum memilikinya, berikut cara membuat panduan merek.

Pentingnya Konsistensi

Anda mungkin tergoda untuk bereksperimen dengan font baru saat membuat desain web Anda, tapi jangan! Setiap kali seseorang menerima kartu bisnis Anda atau mengunjungi situs web Anda, mereka mendapatkan sekilas kecil merek DNA dan desain perusahaan Anda secara keseluruhan. Bersama-sama dengan persepsi ini, merek Anda perlu untuk membuat gambar yang lengkap dan koheren – jika merek Anda mungkin berakhir tampak seperti berantakan campur aduk tanpa nilai pengakuan. Itulah mengapa sangat penting untuk konsisten di seluruh platform digital Anda dan materi cetak ketika datang ke warna, gaya dan – Anda menebaknya – font.

Cocokkan Font Merek Anda yang Sudah Ada

Nordkern web design
oleh FuturisticBug for Nordkern

Pedoman merek akan mencakup tipografi dan keluarga, ukuran font, dan hierarki font yang digunakan merek Anda, sehingga Anda dapat mengintegrasikannya ke dalam desain web Anda dengan segera. Tetapi jika merek Anda menggunakan font yang tidak diketahui, alat seperti fitur “WhatTheFont” di Myfonts.com dapat membantu Anda mengidentifikasi nama font yang Anda hadapi.

Namun, jika merek Anda menggunakan tipografi kustom, perancang Anda akan mencoba menemukan font web yang tampak serupa untuk digunakan dalam desain web Anda. Karena browser web yang berbeda, tipografi kustom Anda mungkin akhirnya terlihat kurang tajam dan bersih daripada yang Anda inginkan, oleh karena itu banyak perancang web akan menggunakan Google Fonts untuk mencocokkan tipografi merek Anda sedekat mungkin.


Belum Memiliki Font dan Panduan?

Belum memilih font merek Anda? Berikut adalah beberapa hal penting untuk dipikirkan ketika memilih font untuk desain web Anda:

Cari tahu Kepribadian Merek Anda

Pilihan font Anda perlu mewakili kepribadian merek Anda agar desain Anda terlihat tepat. Apakah jenis bisnis anda tradisional atau minimalis dan modern atau menyenangkan dan unik? Apakah Anda menggambarkan perusahaan Anda sebagai retro, klasik, tegang, funky? Lihat artikel ini untuk pertanyaan lebih lanjut dan untuk bertanya pada diri sendiri untuk mencari tahu kepribadian unik merek Anda.

Naturbit web design
oleh Lucadia untuk Naturbit
oleh KR Designs

Setelah Anda menjawab pertanyaan utama ini Anda akan memiliki pemahaman tentang kepribadian merek Anda dan tampilan serta tujuan untuk desain web Anda. Berdasarkan identitas itu, Anda sekarang dapat memilih font yang tepat untuk merek Anda.

Pilih Font yang Sesuai Dengan Merek Anda

Katakanlah Anda memiliki toko pakaian vintage dengan vibe yang keren, dan dengan sentuhan modern. Anda bisa mencampur font lama – sekolah, groovy mencari judul dengan font sans – serif klasik untuk teks tubuh. Misalnya, jika Anda menggunakan font lama – timey yang bagus seperti Arvo untuk judul Anda, maka sebaiknya gunakan sans – serif seperti Open Sans, yang dikenal karena keterbacaannya, untuk teks tubuh Anda. Ini akan memberi Anda tampilan yang seimbang yang abadi dan modern dan bekerja sempurna dengan merek keren dan retro Anda.

Atau Katakanlah Anda adalah firma hukum atau merek kosmetik high-end dan ingin tipografi Anda untuk mengkomunikasikan kepercayaan dan profesionalisme dengan sentuhan kelas. Anda dapat bergaya namun klasik dan elegan dengan font serif seperti Frank Ruhl libre atau Playfair display untuk benar-benar menunjukkan pelanggan potensial bahwa Anda semua tentang ketergantungan dan layanan top-notch. Jika Anda ingin belajar lebih banyak, Venngage menulis artikel bagus di psikologi font untuk membantu Anda membuat pilihan yang tepat.

Killahora Cidery web design
oleh gotza

Tidak peduli apa pun jenis font Anda, akhirnya anda pasti memilih untuk mencocokkan identitas merek Anda, pastikan Anda pergi ke web font yang aman yang mudah digunakan juga cocok untuk mayoritas browser. “Apa maksud dari Web aman”, Anda bertanya? Baca terus untuk mengetahui.

Apa yang Dimaksud Dengan Font Web yang Aman?

Menggunakan web font yang aman berarti pengunjung Anda tidak harus memiliki font tertentu yang diinstal pada komputer mereka untuk melihat dengan benar. Kembali pada hari, 10 tahun yang lalu atau lebih, ada sekitar 13 font keluarga dan web designer yang harus memastikan untuk hanya menggunakan beberapa font yang akan muncul pada kebanyakan sistem komputer. Saat ini, standar emas adalah Google Fonts, yang diberikan dengan sempurna di browser Web manapun.

Jenis Font yang Cocok Untuk Web dan Mengapa Hal itu Penting?

google fonts
via Google Fonts.

Ketika mencari font yang aman untuk web yang sempurna, taruhan terbaik adalah untuk menelusuri Perpustakaan Google font dan dalam kebanyakan kasus, Anda akan menemukan apa yang Anda cari. Dengan lebih dari 800 font berlisensi bebas, itu adalah salah satu tempat terbaik untuk menemukan web font yang aman. Jika Anda menyertakan font ini di tumpukan font Anda, hampir semua orang akan akhirnya melihat halaman Anda dengan benar. Karena Perpustakaan font ini ditumpuk dalam layanan web, pengunjung Anda dari seluruh dunia akan melihat halaman yang sama persis dengan font yang sama. Selain itu, pastikan bahwa kehadiran web Anda tetap seragam di semua browser dan perangkat.

Bagaimana Menggabungkan Font yang Berbeda Dalam Desain Web

Ketika Anda membuat sebuah website, kemungkinan Anda akan membutuhkan lebih dari satu font. Ada tiga aturan dasar yang ingin Anda ikuti ketika menggabungkan font:

Aturan fundamental pertama untuk menggabungkan font adalah tidak pernah menggunakan lebih dari tiga font dalam satu desain. Aturan nomor dua adalah untuk memastikan bahwa font yang Anda pilih bagus satu sama lain. Dan aturan ketiga yang ingin Anda tetap adalah untuk selalu mendefinisikan hirarki di antara mereka.

web design combining different fonts
oleh MarkoSimić.

Inilah aksi yang terlihat: pertama, tentukan font utama, yang paling menonjol dan harus digunakan untuk heading. Tip: Anda dapat mencocokkan font ini dengan gaya logo Anda. Umumnya, Anda ingin font utama Anda menjadi eye-catching. Saya sangat menyukai font berat seperti Rubic Black atau yang sedikit melengkung seperti Nunito untuk berita utama, tetapi font mana yang Anda pilih tergantung sepenuhnya pada bisnis dan branding Anda. Kemudian, pilih font sekunder yang akan digunakan untuk teks tubuh. Yang satu ini harus mudah dibaca bila digunakan untuk bagian teks yang lebih panjang bahkan pada layar kecil, jadi kita bisa memilih font seperti Noto Sans untuk melengkapi pilihan font utama kita. Dan akhirnya, font ketiga Anda harus menjadi font aksen. Font ini dapat digunakan pada tombol, CTA atau untuk menonjolkan bagian tertentu dari teks untuk menarik perhatian pengunjung Anda. Sebuah font seperti Monserrat akan bekerja dengan baik dengan pilihan utama dan sekunder.

Bagaimana Jenis Font yang Berbeda Mempengaruhi Desain Web Anda

Karena Vincent van Gogh yang Agung pernah berkata, “hal yang hebat tidak dilakukan dengan dorongan, tetapi serangkaian hal kecil disatukan”, jadi Pilihlah font Anda dengan bijak. Kombinasi font yang cerdas dapat memiliki efek yang kuat pada desain web Anda.

Coffee And Chokes BJJ web design
oleh LoudFrog untuk kopi dan Chokes BJJ

Lihat bagaimana perancang menggunakan font skrip Brush unik pada contoh di atas untuk menekankan tema seni bela diri dan untuk menciptakan hubungan budaya. Sisa teks tubuh dan ajakan untuk bertindak menggunakan font yang bersih, mudah dibaca menggabungkan berbagai ukuran serta semua topi, yang frame dan alasan font utama dan membuatnya menonjol. Hasilnya adalah desain yang seimbang dan menarik perhatian ke tempat yang tepat.

Satoshi Nation website design
oleh Fenixo untuk Satoshi Nation
wallenford website design
oleh Aneley

Lihat bagaimana dua desain web di atas bertujuan menampilkan dua penampilan yang sama sekali berbeda? Desain untuk layanan keuangan Satoshi Nation mencapai tampilan yang bersih dan modern dengan font sans serif yang sedikit, sementara desain untuk merek kopi mewah Wallenford menggunakan font serif yang elegan untuk menekankan gaya merek High-End. Dalam kedua kasus pilihan font mudah menyatu dengan sisa desain dan berkomunikasi sempurna apa merek berdiri untuk. Itulah kekuatan tipografi.

Katakan Dengan Font!

Memilih font yang tepat untuk situs web Anda sepenuhnya tergantung pada tujuan yang ingin Anda capai. Ketika berpikir tentang gaya dan desain Anda perlu memiliki agenda dan mencari tahu bagaimana Anda ingin disajikan kepada dunia di luar sana. Font adalah alat yang sempurna untuk melakukan itu. Ingin menjadi berkelas, serius atau tradisional? Pilih font serif yang elegan. Ingin terlihat modern dan minimalis? Pilih font sans serif yang bersih. Pergi untuk sesuatu di antara? Kombinasikan font untuk mencapai hampir semua gaya yang Anda inginkan. Sederhananya, pilihan font Anda mengatakan banyak tentang bisnis Anda, jadi Pilihlah dengan bijak.

sumber: 99designs.com

Latest articles

12.6k Followers
Follow

Related articles