Karena semakin banyak desainer mengadopsi pendekatan konten-pertama, merancang sistem tipografi yang tepat untuk situs web Anda menjadi semakin penting.
Tipografi adalah gaya, pengaturan, dan tampilan teks. Jadi bukan hanya font yang Anda gunakan, tetapi juga ukuran teks, panjang konten, dan gaya (seperti warna, huruf miring, dll).
Ini berarti bahwa kita para desainer tidak hanya harus memahami seluk beluk tipografi, tetapi juga memanfaatkan banyak alat tipografi yang tersedia.
Berikut adalah beberapa favorit saya yang pasti Anda sukai.
1.Didiklah diri Anda dengan Latihan Typekit
Anda bisa mengajari diri sendiri tentang mengetik dalam segala macam cara, tetapi Praktek Typekit selalu menjadi salah satu favorit saya.
Saya penggemar berat Typekit (terutama karena begitu mudahnya menggunakan font Typekit Anda di Webflow) dan pelajaran yang mereka berikan di sini sama efektifnya dengan mudah untuk dilalui. Ini adalah tujuan saya untuk pendidikan dan latihan, karena Anda dapat mencoba banyak pelajaran tentang CodePen.
2.Identifikasi font itu dengan FontFace Ninja
Pernahkah Anda berada di sebuah situs dan bertanya-tanya, “Wow, font apa ini ?!” Meskipun Anda dapat menggali melalui Alat Dev Chrome (dengan mengklik kanan dan memilih Elemen Inspeksi) untuk mengetahuinya, ada cara yang jauh lebih mudah.
FontFace Ninja Chrome memungkinkan Anda mengidentifikasi keluarga font, berat, dan bahkan ukuran font yang digunakan di mana saja di sebuah situs – semuanya dengan melayang.
3.Temukan font baru melalui Hoefler & Co.
The Hoefler & Co. pengecoran font membanggakan beberapa font favorit saya di web. Situs Discover.typography mereka menawarkan tempat yang bagus untuk menemukan font baru (dan ide tata letak) melalui eksperimen penyusunan huruf yang indah.
- Temukan font yang sempurna dengan Typewolf
Memilih font yang sempurna untuk proyek Anda selanjutnya bisa menjadi tantangan besar. Dibutuhkan banyak pemikiran dan, seringkali, sedikit trial and error.
Typewolf adalah sumber daya yang luar biasa bagi para perancang yang ingin melihat bagaimana tipe nyata tampil di sebuah situs, berbeda dengan “Rubah cokelat cepat melompati anjing yang malas.” Lihat rekomendasi dan daftar font, situs dengan penggunaan tipe yang menginspirasi, dan banyak lagi.
5. Pair your fonts with Font Flame
Meskipun ada pengecualian, sebagian besar situs web menampilkan setidaknya dua font: satu untuk judul dan info, dan satu lagi untuk teks isi. Memilih pasangan yang tepat adalah sangat penting, karena mereka harus saling melengkapi untuk menciptakan pengalaman membaca yang baik. Font Flame adalah alat seperti Tinder yang memungkinkan Anda mencocokkan font dengan mudah dan melihatnya bersama sebelum mencobanya.
6. Get your type hierarchy right with Modular Scale
Setelah Anda memaku pasangan font Anda, sekarang saatnya untuk mulai mempertimbangkan hierarki Anda – hubungan ukuran antara berbagai level heading dan teks isi. Hierarki yang dipertimbangkan dengan baik membantu orang memahami hubungan antara berbagai jenis konten di situs Anda, sangat meningkatkan pengalaman membaca.
Selama ratusan tahun, tipografi telah mengembangkan berbagai rasio antara ukuran jenis, banyak berdasarkan musik. Menghitung bagaimana rasio-rasio ini diputar di seluruh pos Anda dapat sedikit matematika – atau Anda bisa menggunakan Skala Modular yang menakjubkan dari Tim Brown, yang secara otomatis menghasilkan hierarki tipe klasik dari ukuran font dasar (teks tubuh) dan skala.
- Ketuk emosi dengan Emotip
Pilihan font Anda memainkan peran penting dalam pesan yang Anda kirim dan nada yang Anda tetapkan untuk situs Anda. Emotype memudahkan memilih font berdasarkan emosi yang ingin Anda sampaikan di situs web Anda. Font dipilih dan disortir menjadi empat kelompok emosi: percaya diri, ramah, unik, dan netral.
Silakan, masuk ke font terasa:
- Memetakan pasangan font dengan IDE Font Map
Sudah biasa bagi desainer untuk kembali ke pasangan font yang kuno dan andal. Namun, pemasangan font asli menjadi cara yang pasti untuk membedakan situs dan merek Anda.
IDEO Font Map dimulai sebagai percobaan di dunia font dengan pembelajaran mesin dan telah berkembang menjadi alat yang membantu untuk membuat pasangan font yang tidak biasa dan unik. Peta Font IDEO, dibuat oleh Kevin Ho, memungkinkan Anda melihat hubungan di lebih dari 750 font web.
- FontJoy
FontJoy, seperti Peta Font IDEO, menerapkan pembelajaran mesin untuk pemasangan font. Alat ini berspesialisasi dalam menemukan tipografi yang kontras namun gratis untuk menghasilkan kombinasi yang indah dan tak terduga.
Baik Anda dokter hewan desain, pemula, atau tipografi nerd, Anda akan bersenang-senang bermain-main dengan kombinasi judul, pengantar, dan font teks teks.
Ada begitu banyak alat tipografi yang menakjubkan di luar sana, kami tahu kami tidak akan menghasilkan banyak. Beri tahu kami alat ketik favorit Anda di komentar di bawah!
sumber : webflow.com
