Aynı alanı paylaşan çıkış ve inişler nasıl ele alınmalıdır?


16

Bu, müşterimin iletişim uygulaması için ilk kayıt sayfasıdır. (Logonun üzerini kapladım - beyaz kutuyu not et - gizliliği için)

Ben "y" iner ve "h" aynı alana yükselmesini sevmiyorum. iki çizgiyi biraz fazla sıkıyor. Herhangi bir öneri?

(uygulamanın yazı tipi roboto. İşte - Roboto Bold kullanıyorum.)

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

Kendinize davrandığınız sürece diğer tasarım yorumlarından memnun olacağız :)


1
Umrumda değil. Optik olarak daha tutarlı hale getirmek için belki de ilk iki çizgi arasındaki çizgi alanını sıkabilirsiniz. Bütün bunlar, bu tür form alanı için gerçekten büyük görünüyor.
DA01

küçük harfleri denemek?
Lauren-Reinstate-Monica-Ipsum

@ DA01 - "tür, form alanı için gerçekten büyük görünüyor" - "telefon numaranızı girin" veya kutudaki telefon numarası girişinden mi bahsediyorsunuz? "Senin girin ..." için okları ve diğer görsel klişeleri kullanarak büyük cesur ve sinirli bir şey istedim .... ama belki ben bitti.
user12985


'Lütfen telefonunuzu girin' metninden bahsediyordum. Sanırım sinirli, ama aynı zamanda alan için bir etiket, bu yüzden çok büyük olmak biraz garip görünüyor. Bana bağırıyor.
DA01

Yanıtlar:


15

Yani genellikle birkaç seçeneğiniz var.

Şu anda, sorununuz şu ki, 1. ve 2. satırlar, olmasalar bile, 2. ve 3. satırlardan daha uzak görünüyorlar. Bu bir var optik yanılsama ancak ikinci ikisine, ilk ikisi arasındaki kuyruklu ve ascenders eksikliği yarattığı.

Çözümler iki temel kategoriye ayrılır: bu durumdan hep kaçınmak veya kafa kafaya mücadele etmek. Bundan kaçınmanın bazı yolları ile başlayacağız.

1.Seçenek: Büyük harflere dönüştürün

Bu durumdan kaçınır. Ancak, muhtemelen küçük harfinize bağlısınız.

(Bu örnekler Franklin Gothic'i bu arada kullanıyor çünkü Roboto yüklü değilim).

2.Seçenek: Satır sonlarını yeniden düzenleme

Bu durumda, 2 satıra dönüştüm, ancak bazen satır sonlarını başka şekillerde yeniden düzenleyebilirsiniz.

Sadece iki çizgiye sahip olmak problemden kaçınmanın başka bir yoludur - karşılaştırılacak bir şey yoktur.

3.Seçenek: Boşluğu "görsel olarak doğru" görünene kadar manuel olarak ayarlayın

Burada çizgi 1 ve 2 arasındaki boşluğu büyük ölçüde azalttım, böylece "daha eşit" görünüyor. Bunun için bir formül kullanamazsınız, sadece gözleriniz.

Gerçekte, bu örnekteki birinci ve ikinci çizgi arasındaki çizgi boşluğu, ikinci ve üçüncü arasındaki çizgi boşluğundan çok daha küçüktür, ancak ikincisinde yükselenler ve alçaltıcılar tarafından oluşturulan optik yanılsama nedeniyle çok yanlış görünmemektedir. .

Bu hızlı örnek üzerinde daha da ilerleyebileceğiniz akla yatkın - bunu yaparken, daha fazla arkadan bakmayı, gözlerinizi kısmayı vb. Deneyin, böylece kelimelere değil, harf şekilli gibi görünüyorsunuz.

Bonus seçeneği: yükselenlerin ve inenlerin örtüşmemesi için kelimeleri kaydırın

Seçtiğiniz kelimelerle bu seçeneğe sahip görünmüyorsunuz, ancak bazen sözcükleri sola veya sağa kaydırabilirsiniz, böylece inişler ve çıkışlar, bu örnekte olduğu gibi farklı kelimelerle çakışmaz.

Bu arada, ben karma sembolü kullanımınız düşünüyorum # doğru görünmüyor ve gözle daha iyi olurdu sayılı veya N o - ama bu benim kişisel görüşüm.


Sadece Enter (Circle / Logo), sonra da Telefon Numaranızı sevdiğimi söyleyebilirim. Başka bir seçenek o kadar çok ifade etmemek olurdu, yani form alanından bir telefon numarası beklediği oldukça açık.
Ryan

6

Tipografide liderliği değiştirmek izleyicilerinizin parçanızı okuma ve yorumlama şeklini etkileyebilir.

Örneğin, iki satır arasındaki satır aralığı miktarını düşürerek iniş ve çıkışların çarpışmasına neden olarak, metninizin genel okunabilirliği üzerinde olumsuz bir etkiye sahip olursunuz.

Görsel bir stil olarak, sıkı hızını artırabilir lider okuyucuların bu okuyucu genel parçasına ve / veya sıkışık veya klostrofobi hissi çağırmak (gözlerini yakalamak harflerin artış) metin (1) , hangi olmayabilir burada istediğiniz etki olun.

Öte yandan, artan liderlik okuyucunun hızını düşürebilir (2) . Her satır arasında daha fazla boşluk bırakarak, gözlerini yakalayan harf miktarını azaltarak okuyucunun hızını azaltırsınız. Bu, okuyucu tarafından metinde rahat bir his duygusu uyandırabilir. Ancak, çok fazla yönlendirmeye sahip olmak süreklilikle ilgili sorunlara neden olabileceğinden, bıraktığınız boşluk miktarına dikkat edin (3) , okuyucunun gözleri her satır arasında daha fazla seyahat etmelidir.

Dat Fox

Metninizin okunabilirliğini artırmak için en iyi seçeneğiniz, aşağıdaki gibi tutarlı liderlikle bir şeyler yapmak olacaktır:

Yer paylaşımlı mockup

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.