Ini adalah halaman pendaftaran awal untuk aplikasi komunikasi klien saya. (Saya menutupi logo - perhatikan kotak putih - untuk privasinya)
Saya tidak suka bahwa "y" turun dan "h" naik ke ruang yang sama. membuat dua garis agak sempit. Ada saran?
(Font aplikasi adalah roboto. Sini - Saya menggunakan Roboto Bold.)
Setiap komentar desain lainnya kami akan dihargai - selama Anda berperilaku :)
typography
interface-design
pengguna12985
sumber
sumber
Jawaban:
Jadi, Anda memiliki beberapa opsi, biasanya.
Saat ini, masalah Anda adalah bahwa garis 1 dan 2 terlihat jauh terpisah dari garis 2 dan 3, meskipun sebenarnya tidak. Ini adalah ilusi optik yang diciptakan oleh kurangnya keturunan dan ascenders antara dua yang pertama, tetapi tidak pada yang kedua.
Solusi terbagi dalam dua kategori dasar: menghindari situasi ini bersama-sama, atau menanganinya secara langsung. Kami akan mulai dengan beberapa cara untuk menghindarinya.
Opsi 1: konversikan ke huruf kapital
Yang ini menghindari situasi. Namun, Anda mungkin melekat pada huruf kecil.
(Contoh-contoh ini menggunakan Franklin Gothic karena saya tidak menginstal Roboto).
Opsi 2: mengatur ulang jeda baris
Dalam hal ini, saya telah mengonversi menjadi 2 baris, tetapi kadang-kadang Anda dapat mengatur ulang jeda baris dengan cara lain.
Hanya memiliki dua baris adalah cara lain untuk menghindari masalah - tidak ada yang bisa dibandingkan dengannya.
Opsi 3: sesuaikan jarak secara manual hingga terlihat "benar secara visual"
Di sini saya sangat mengurangi jarak antara baris 1 dan 2 sehingga terlihat "lebih merata". Anda tidak dapat menggunakan formula untuk ini, hanya mata Anda.
Pada kenyataannya kesenjangan garis antara baris pertama dan kedua dalam contoh ini jauh lebih kecil daripada kesenjangan garis antara kedua dan ketiga, tetapi itu tidak terlihat terlalu salah karena ilusi optik yang diciptakan oleh ascenders dan descenders pada yang kedua. .
Masuk akal jika Anda dapat meningkatkan contoh cepat ini lebih jauh - saat melakukan ini, coba lihat dari belakang, julingkan mata Anda, dll, jadi Anda tidak melihat kata-kata tetapi huruf itu membentuk seolah-olah itu gumpalan.
Opsi bonus: menggeser kata-kata sehingga ascendor dan descenders tidak tumpang tindih
Tampaknya Anda tidak memiliki opsi ini dengan kata-kata pilihan Anda, tetapi kadang-kadang Anda dapat menggeser kata ke kiri atau kanan sehingga keturunan dan ascendor tidak tumpang tindih, seperti dalam contoh ini dengan kata-kata yang berbeda.
By the way, saya pikir penggunaan simbol hash # tidak terlihat benar dan Anda akan lebih baik memilih untuk No atau N o - tapi itu pendapat pribadi saya.
sumber
Dalam mengubah tipografi, bagian depan dapat memengaruhi cara pemirsa Anda membaca dan menafsirkan bagian Anda.
Misalnya, dengan menurunkan jumlah garis depan di antara dua baris, menyebabkan keturunan dan ascenders bertabrakan, Anda akan memiliki efek buruk pada keseluruhan keterbacaan teks Anda.
Sebagai gaya visual, kepemimpinan yang ketat dapat meningkatkan kecepatan pembaca membaca teks Anda (dalam peningkatan huruf yang menarik perhatian mereka) dan / atau memunculkan perasaan sempit atau klaustrofobia pada keseluruhan karya Anda (1) , yang mungkin tidak menjadi efek yang Anda inginkan di sini.
Di sisi lain, peningkatan kepemimpinan dapat mengurangi kecepatan pembaca (2) . Dengan memperkenalkan lebih banyak ruang di antara setiap baris, Anda memperlambat kecepatan pembaca dengan mengurangi jumlah huruf yang menarik perhatian mereka. Ini bisa membangkitkan perasaan rileks dalam teks oleh pembaca. Namun, berhati-hatilah dengan jumlah ruang putih yang Anda tinggalkan, karena memiliki terlalu banyak kepemimpinan dapat menyebabkan masalah dengan kontinuitas penyebab (3) , karena mata pembaca perlu melakukan perjalanan lebih jauh di antara setiap baris.
Taruhan terbaik Anda untuk meningkatkan keterbacaan teks Anda adalah melakukan sesuatu dengan arahan yang konsisten, seperti ini:
sumber