Bagaimana seharusnya para ascenders dan descenders yang berbagi ruang yang sama ditangani?


16

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.)

http://d.pr/i/g08p http://d.pr/i/ouTE

Setiap komentar desain lainnya kami akan dihargai - selama Anda berperilaku :)


1
Saya tidak keberatan. Anda mungkin dapat mempererat ruang garis antara dua garis pertama untuk membuatnya lebih konsisten secara optik. Semua yang dikatakan, tipe itu tampaknya sangat besar untuk bidang formulir.
DA01

coba topi kecil?
Lauren-Reinstate-Monica-Ipsum

@ DA01 - "jenis tampak sangat besar untuk bidang formulir" - apakah Anda mengacu pada "masukkan nomor telepon Anda" atau masukan nomor telepon di dalam kotak? Untuk "enter your ..." Saya ingin sesuatu yang berani dan tegang dengan memanfaatkan panah dan klise visual lainnya .... tapi mungkin saya lebih melakukannya.
user12985

Anda mungkin juga menemukan jawaban untuk pertanyaan ini bermanfaat: Bagaimana cara saya menangani penspasian baris ketika satu descender menghalangi?
user56reinstatemonica8

Saya merujuk pada teks 'tolong masukkan ponsel Anda'. Saya kira itu tegang, tapi itu juga hanya label untuk lapangan, jadi agak aneh rasanya begitu besar. Dia meneriaki saya.
DA01

Jawaban:


15

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.


Saya hanya akan mengatakan saya suka Enter (Lingkaran / Logo) kemudian Nomor Telepon Anda. Pilihan lain adalah tidak menyatakan sama sekali, maksud saya cukup jelas dari bidang formulir bahwa ia mengharapkan nomor telepon.
Ryan

6

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.

Dat fox

Taruhan terbaik Anda untuk meningkatkan keterbacaan teks Anda adalah melakukan sesuatu dengan arahan yang konsisten, seperti ini:

Maket saya dengan overlay

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.