Pemrosesan font dalam desain web tidak bisa terlalu ditekankan. Bagaimanapun, halaman web digunakan untuk mengirimkan informasi, dan cara paling klasik dan langsung untuk mengirimkan informasi adalah teks. Oleh karena itu, memahami beberapa pengetahuan dasar tentang font masih sangat penting untuk desain. dari.
Perbedaan terbesar antara bahasa Mandarin dan Inggris adalah bahasa Mandarin memiliki karakter persegi dan bahasa Inggris memiliki karakter pinyin. Jika Anda melihat diagram di bawah ini, Anda akan menemukan bahwa perubahan pada font bahasa Inggris melemah pada font Cina.
Sebagai pembaca Tionghoa, saya biasanya menerima bentuk persegi sebagai satuan bacaan. Padahal, ini adalah cara yang mudah membuat mata lelah saat membaca, sebenarnya mata Anda mengikuti bentuk keseluruhan baris teks. Lihatlah contoh ini.
SEKARANG SAYA SUDAH MENCOBA BERBICARA DENGAN ANDA DAN MEMBUAT ANDA MENGERTI
Sekarang saya telah mencoba untuk berbicara dengan Anda dan membuat Anda mengerti
Baris mana yang lebih mudah dibaca?
Baris pertama agak mirip dengan situasi dalam bahasa Cina. Perbedaannya adalah setiap karakter Cina seperti lukisan, dan perubahannya jauh lebih kaya daripada 26 huruf bahasa Inggris beberapa masalah yang perlu diperhatikan. Saya bukan seorang desainer. Jika apa yang saya katakan salah, silakan tinggalkan pesan di bawah untuk berdiskusi. Isi ini disajikan sebagai prinsip umum ketika saya mengajar Tipografi. Saya juga memberi tahu siswa: "Tujuan dari aturan adalah untuk melanggar aturan." Prinsip desain itu sendiri adalah untuk melanggar prinsip, yang juga merupakan perwujudan dari apa yang disebut kreativitas. Masalahnya adalah Anda perlu mengetahui prinsip-prinsipnya terlebih dahulu dan berlatih untuk mematuhinya. Baru setelah Anda memahami prinsip-prinsip tersebut barulah Anda dapat melanggar prinsip dan menunjukkan kreativitas Anda. Melanggar prinsip tidak berarti prinsip tersebut cacat atau salah. tetapi hanya dengan penggunaan prinsip-prinsip ini yang cerdik, Anda melanggar sebagian, dan pada saat yang sama memberikan sejumlah kompensasi untuk bagian-bagian yang Anda langgar, yang tampaknya cukup filosofis.
Menurut saya pribadi, prinsip yang lebih penting adalah (berlaku untuk bahasa Inggris):
Saat memilih font, Anda harus mempertimbangkan tujuan teks. Apakah itu judul atau paragraf?
Secara umum font san serif cocok digunakan sebagai judul, seperti Arial; font serif cocok digunakan sebagai teks paragraf, seperti Time New Roman. Untuk desain web, ada beberapa font yang sangat saya rekomendasikan seperti verdana, tahoma, dan georgia. Faktanya, font seperti Verdana dirancang oleh desainer font terkemuka dunia selama hampir dua tahun. Microsoft bertanggung jawab untuk membayar tagihan dan kemudian memberikannya kepada pengguna secara gratis. Font ini adalah bagian dari instalasi IE Untuk versi diatas, komputer Anda harus memiliki font ini, jadi Anda tidak perlu khawatir apakah pengguna memiliki font ini. Ini dirancang untuk memperhitungkan masalah yang mungkin dihadapi font saat ditampilkan di layar, dan memberikan jawaban yang hampir sempurna. Satu-satunya masalah adalah kesempurnaannya membuat kita tidak memiliki kepribadian saat menggunakannya, karena semua orang menggunakannya.
Ukuran huruf?
Banyak diskusi di forum tentang mana yang lebih baik, pixle atau point? Saya tidak akan mengulanginya. Yang ingin saya tunjukkan di sini adalah bahwa ada banyak unit ukuran font yang berbeda di CSS, dan kira-kira ada tiga kategori:
Ukuran absolut: mm, cm, in, pt, pc
Ukuran relatif: em, mis
Relatif terhadap perangkat: px
Saya mungkin ingin mengatakan beberapa kata lagi tentang em dan ex. Em mewakili ukuran font dalam CSS. Misalnya, untuk font 12 pt, 1 em sama dengan 12 pt.
P {
ukuran font: 10pt;
indentasi teks: 1em
}
Mungkin Anda akan mengatakan bahwa saya dapat menggunakan text-indent: 10pt untuk mencapai efek yang sama, tetapi itu hanya dalam kondisi ideal. Jika pengguna merasa lebih baik mengatur ukuran font browsernya menjadi 14pt, proporsi yang Anda desain Itu hilang, jadi ukuran relatif sangat bermanfaat bagi skalabilitas desain halaman web.
ex mirip dengan em, tetapi tidak sama. Kembali ke diagram di atas, x-height berbeda untuk setiap font.
Penyelarasan?
Sebaiknya gunakan perataan kiri, terutama hindari penggunaan perataan kiri dan kanan, kecuali Anda memiliki tujuan desain khusus. Ketidaksejajaran sisi kanan saat rata kiri hanya untuk kenyamanan membaca pada penglihatan Anda. Gunakan perubahan untuk memberi tahu mata Anda bahwa sudah waktunya mengubah garis.
Spasi baris?
Spasi baris bergantung pada ukuran font. Secara umum, ukuran font yang kecil memerlukan spasi baris yang lebih besar untuk memudahkan pembacaan. Jika tidak ada pengaturan spasi baris untuk font Mandarin pada halaman web, maka akan menjadi bencana bagi pembaca untuk membaca paragraf yang besar Oleh karena itu, sangat perlu untuk mengatur tinggi garis dengan tepat. Umumnya, tinggi garis dalam desain web harus 1,5 kali hingga 2 kali ukuran font. Di Word dan perangkat lunak pengedit teks lainnya, 120% font biasanya ditetapkan sebagai spasi baris default. Pengaturan tinggi garis di CSS dibagi rata dan ditambahkan ke bagian atas dan bawah setiap baris. Artinya, jika tinggi garis diatur ke 20px, maka setiap baris teks akan memiliki spasi 10px di bagian atas dan 10px. dasar.
Spasi kata dan spasi karakter?
Untuk tujuan yang sangat khusus, keduanya harus sama untuk bahasa Mandarin. Pengaturan ini sendiri untuk mengatasi kelemahan desain font tertentu dan meningkatkan keterbacaan teks.