Jak obchodzić się z wznoszącymi się i zjeżdżającymi, które dzielą tę samą przestrzeń?


16

To jest strona początkowej rejestracji aplikacji komunikacyjnej mojego klienta. (Przykryłem logo - zwróć uwagę na białe pudełko - ze względu na jego prywatność)

Nie podoba mi się, że „y” schodzi, a „h” wznosi się w tę samą przestrzeń. sprawia, że ​​dwie linie są trochę ciasne. Jakieś sugestie?

(czcionką aplikacji jest roboto. Tutaj - używam Roboto Bold.)

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

Będziemy wdzięczni za wszelkie inne uwagi projektowe - o ile zachowujesz się :)


1
Nie przeszkadza mi to. Być może możesz zaostrzyć odstęp między dwoma pierwszymi wierszami, aby był bardziej spójny optycznie. To powiedziawszy, ten typ wydaje się naprawdę duży dla pola formularza.
DA01

wypróbować małe czapki?
Lauren-Reinstate-Monica-Ipsum

@ DA01 - „typ wydaje się naprawdę duży w polu formularza” - czy masz na myśli „wpisz swój numer telefonu” lub numer telefonu wpisany w polu? Do „enter your ...” chciałem mieć coś odważnego i ostrego z wykorzystaniem strzał i innych wizualnych klisz .... ale może to zrobiłem.
user12985


Miałem na myśli tekst „proszę wpisać swój telefon”. Przypuszczam, że jest ostry, ale jest to również etykieta dla pola, więc wydaje się dziwne, że jest tak ogromny. Krzyczy na mnie.
DA01

Odpowiedzi:


15

Zwykle masz kilka opcji.

W tej chwili twoim problemem jest to, że linie 1 i 2 wyglądają dalej od linii 2 i 3, nawet jeśli nie są. Jest to złudzenie optyczne powstałe w wyniku braku zstępujących i wznoszących się między dwoma pierwszymi, ale nie drugich.

Rozwiązania dzielą się na dwie podstawowe kategorie: unikanie tej sytuacji razem lub radzenie sobie z nią bezpośrednio. Zaczniemy od kilku sposobów na uniknięcie tego.

Opcja 1: konwersja na wielkie litery

Ten unika sytuacji. Prawdopodobnie jednak jesteś przywiązany do małej litery.

(Nawiasem mówiąc, te przykłady używają Franklin Gothic, ponieważ nie mam zainstalowanego Roboto).

Opcja 2: zmiana aranżacji podziałów linii

W tym przypadku przekonwertowałem na 2 linie, ale czasami możesz zmienić układ podziałów linii na inne sposoby.

Posiadanie tylko dwóch linii to kolejny sposób na uniknięcie problemu - nie ma nic do porównania.

Opcja 3: ręcznie dostosuj odstępy, aż będzie wyglądać „wizualnie poprawnie”

Tutaj znacznie zmniejszyłem odstęp między wierszami 1 i 2, aby wyglądał „bardziej równomiernie”. Nie możesz użyć do tego formuły, tylko twoje oczy.

W rzeczywistości odstęp między pierwszą i drugą linią w tym przykładzie jest znacznie mniejszy niż odstęp między drugą a trzecią, ale nie wygląda to zbyt źle z powodu złudzenia optycznego stworzonego przez wznoszące się i opadające w drugim przykładzie .

Jest prawdopodobne, że możesz dalej ulepszyć ten szybki przykład - robiąc to, spróbuj patrzeć z tyłu, mrużąc oczy itp., Więc nie patrzysz na słowa, ale kształty liter tak, jakby były kroplami.

Opcja bonusowa: przesuwaj słowa, aby wstępujący i zstępujący się nie nakładali

Wygląda na to, że nie masz tej opcji dla wybranych słów, ale czasami możesz przesuwać słowa w lewo lub w prawo, aby zejście i ascendery się nie nakładały, jak w tym przykładzie z innymi słowami.

Nawiasem mówiąc, myślę, że użycie symbolu krzyżyka # nie wygląda dobrze i można by być lepiej decydując się na nr lub N o - ale to moja osobista opinia.


Powiedziałbym tylko, że podoba mi się Enter (koło / logo), a następnie Twój numer telefonu. Inną opcją byłoby nie tyle podawać, mam na myśli to, że z pola formularza jest oczywiste, że oczekuje numeru telefonu.
Ryan

6

W typografii zmiana prowadzenia może mieć wpływ na to, jak widzowie czytają i interpretują Twój utwór.

Na przykład, zmniejszając ilość linii wiodących między dwiema liniami, powodując kolizję zstępujących i wznoszących się elementów, będziesz miał negatywny wpływ na ogólną czytelność tekstu.

Jako styl wizualny, ścisłe prowadzenie może zwiększyć tempo, w którym czytelnik czyta Twój tekst (w postaci większej liczby liter, które przyciągają ich wzrok) i / lub wywołać uczucie ciasnoty lub klaustrofobii w całym tekście (1) , co może nie bądź tutaj pożądanym efektem.

Z drugiej strony, zwiększone prowadzenie może zmniejszyć tempo czytelnika (2) . Wprowadzając więcej miejsca między wierszami, spowalniasz tempo czytania, zmniejszając liczbę liter, które przyciągają ich uwagę. Może to wywołać zrelaksowane poczucie czytelnika w tekście. Należy jednak uważać na ilość pozostawionych białych znaków, ponieważ zbyt duże prowadzenie może powodować problemy z ciągłością przyczyny (3) , ponieważ oczy czytelnika muszą przemieszczać się dalej między każdą linią.

Dat fox

Najlepszym sposobem na poprawienie czytelności tekstu byłoby zrobienie czegoś z konsekwentnym prowadzeniem, na przykład:

Mój makieta z nakładką

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.