Kami telah berbicara dengan Anda pada kesempatan lain tentang pentingnya perawatan desain di lingkungan online. Saat membuat blog, portofolio, halaman web, atau eCommerce, salah satu aspek yang perlu diperhatikan adalah tipografi. Dan itu adalah bahwa pilihan yang tepat akan membantu memberikan karakter tertentu dan gaya yang ditentukan ke ruang web Anda.

Di bawah ini kita akan melihat serangkaian saran dan sumber daya yang akan membantu Anda bekerja dengan tipografi dengan cara yang lebih kreatif dan efektif.

Kunci untuk mendapatkan hasil terbaik dengan tipografi Anda

1.Google Font

Sebelum belajar bekerja dengan tipografi, menarik bahwa Anda memiliki daftar font yang bagus.  Cara mudah untuk menambahkan font yang berbeda ke situs web Anda adalah dengan menggunakan Google Font . Platform Google memiliki tata letak yang menunjukkan semua font web yang Anda miliki di perpustakaan Anda.

Anda memiliki ratusan untuk dipilih, dari gaya yang berbeda, dan dengan kebaruan yang Google beri tahu Anda tentang apakah setiap font yang dipilih akan memperlambat -atau tidak- kecepatan situs web Anda.

2. Jenis huruf apa yang harus dipilih?

Di lingkungan online, aturan utamanya adalah memilih jenis huruf yang dapat dibaca, untuk menciptakan komunikasi yang efektif bagi pemirsa.

Dengan cara yang sama, ketika memilih tipografi, sebelumnya kita harus memastikan bahwa tipografi memiliki keluarga tipografi yang lengkap, dengan semua glyph yang mungkin perlu kita komunikasikan: simbol khusus, aksen, umlaut, dll. Meskipun kita dapat menggabungkan font yang berbeda dan bermain dengan mereka, seperti yang akan kita lihat di bawah, menarik bahwa keluarga huruf yang dipilih memiliki huruf miring dan tebal, yang juga dapat kita campur dalam teks atau desain yang sama untuk memberikan kepentingan yang berbeda pada elemennya.

3. Huruf besar dan huruf kecil

Ketika kita berbicara tentang blok teks, kita harus ingat bahwa teks yang ditulis dengan huruf besar akan membutuhkan lebih banyak konsentrasi daripada yang ditulis dalam huruf kecil.

Ini karena ketika kita membaca, kita mengenali bentuk kata-kata di mana huruf-huruf itu digabungkan, bukan setiap hurufnya. Dan huruf kecil datang dalam berbagai bentuk dan garis besar, sedangkan kata-kata huruf besar sangat mirip.

Oleh karena itu, agar teks yang kita masukkan di situs web atau entri blog mudah dibaca, yang ideal adalah menggunakan huruf kecil , meninggalkan huruf kapital untuk penggunaan yang paling umum: judul, sub judul... Kombinasi yang baik dari keduanya juga membantu kami dapat berfungsi untuk menonjolkan, misalnya, beberapa poin dari situs web kami, atau memberikan gaya yang lebih dinamis pada desainnya.

4. Ukuran dan kontras font

Tidak ada aturan yang ditetapkan tentang ukuran font yang akan digunakan. Ya, memang benar untuk teks yang ditulis dalam digital, ukuran font 12 biasanya cukup dan menjamin keterbacaan yang baik. Dengan cara ini, judul teks tersebut harus memiliki ukuran yang lebih besar. Namun semua itu tergantung dari tingkat kreativitas yang ingin kita terapkan dalam setiap kasus. Kita dapat bermain dengan ukuran yang tampak berbeda untuk menghasilkan dinamisme dan kesegaran secara visual.

Kontras dalam tipografi biasanya bekerja dengan baik dalam hal desain. Jika kita menggunakan dua font yang berbeda kita harus menggabungkan font serif dengan sans serif lain, misalnya. Atau huruf tebal atau miring dengan font biasa. Bermain dengan aspek-aspek ini akan cukup untuk memberikan sentuhan yang lebih kreatif dan modern ke ruang web kita. Sebenarnya, tidak disarankan untuk menyalahgunakan font yang berbeda. Dua font sudah cukup.

Toko online Ritual  mencampur font serif (dalam item menu atau judul produk) dengan font san serif atau sans serif (di badan teks atau harga produk). Ini juga menggabungkan font normal dengan versi tebal (perhatikan bagaimana menyoroti informasi tebal yang mungkin berguna untuk klien). Tanpa komplikasi besar dan mempertahankan garis desain minimal, hasil eCommerce berhasil menggoda dengan kejelasan dan selera yang baik.

5. Warna dalam tipografi

Menarik perhatian pengguna dapat dilakukan secara efektif dengan penggunaan tipografi dan warna yang benar, baik dengan menggunakan huruf berwarna, atau latar belakang berwarna untuk huruf tersebut. Meskipun semuanya melalui eksperimen sebelumnya dan tunduk pada apa yang ingin disampaikan masing-masing, ada kombinasi warna tertentu yang tidak disarankan untuk digunakan. Misalnya, jenis huruf merah dengan latar belakang hijau atau sebaliknya, selain tidak terlalu terbaca, dapat membingungkan orang dengan buta warna.

Secara umum, warna pelengkap untuk penggunaan digital bisa terlalu cerah dan mengganggu pembacaan umum. Pilihan yang aman adalah menggunakan font hitam atau putih pada latar belakang berwarna seperti kuning, biru, merah atau oranye, yang biasanya berfungsi dengan baik.

Contoh sederhana dan elegan dari penggunaan warna dan tipografi pada halaman web adalah yang ditunjukkan pada gambar berikut. Sesuai dengan situs web ini yang berfungsi sebagai profil profesional dan portofolio online. Setiap kali Anda mengaksesnya , warna yang berbeda muncul: biru, hijau, merah muda... Selalu dikombinasikan dengan tipografi putih yang terbaca sempurna di bagian atas. Di bagian bawah, ini menggabungkan teks dalam warna hitam dan warna yang dimaksud, pada latar belakang putih, sambil menetapkan hierarki tertentu dalam informasi.

Akhirnya, kami meninggalkan Anda dengan video ini yang menunjukkan 10 aturan yang dianggap dasar oleh desainer bergengsi Chris Do untuk bekerja dengan tipografi. Tentunya beberapa di antaranya juga akan sangat praktis untuk Anda.