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.)
Będziemy wdzięczni za wszelkie inne uwagi projektowe - o ile zachowujesz się :)
typography
interface-design
użytkownik12985
źródło
źródło
Odpowiedzi:
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.
źródło
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ą.
Najlepszym sposobem na poprawienie czytelności tekstu byłoby zrobienie czegoś z konsekwentnym prowadzeniem, na przykład:
źródło