Dlaczego mój tekst wygląda tak, jakby nie był martwy?


20

wprowadź opis zdjęcia tutaj

Nie mogę zrozumieć, dlaczego tekst nie znajduje się w martwym środku mojego czarnego ekranu. Wygląda trochę w górę. Został wprowadzony za pomocą narzędzia wyrównywania, ale z jakiegoś powodu, dla mnie wygląda to nieco wyżej.


W ramach testu zmień górną linię na tę samą grubość i szerokość czcionki co dolna linia (i to samo wyrównanie górne co bieżąca górna linia) i powinieneś zobaczyć, że wygląda idealnie wyśrodkowany.
JMD

Cóż, wziąłem to do PS, a twoja linia środkowa nie znajduje się między dwiema liniami, jak bym się spodziewał (znajduje się bezpośrednio u góry dolnej linii). Wygląda na to, że wyśrodkowałeś pionowo w oparciu o obwiednię wokół tekstu. Można to rozwiązać w komentarzach poniżej, ale często zejście zstępujące dodaje piksele do wysokości obwiedni, ale nie dodaje „wizualnej wagi „. Jeśli uważasz, że jest za wysoko, przesunięcie go o 40 pikseli w dół umieści linię środkową między dwiema liniami.
Rob Craig

Odpowiedzi:


35

To złudzenie optyczne.

Ciężar dolnego tekstu przyciąga wzrok, nawet gdy się na nim nie skupia. Jest to koncepcja zwana „centrum optycznym”, która jest dobrze udokumentowana. Centrum matematyczne nigdy nie będzie wyglądać na właściwie wyśrodkowane. To tutaj znajomość oprogramowania to nie to samo, co znajomość projektu.

oto szybkie demo.

Demo centrum optycznego.

ten artykuł opisuje to całkiem dobrze.


7

Układy strony (i ekranu) często zaczynają się matematycznie od siatki lub pewnego rodzaju wzoru geometrycznego. Ale prawie wszystkie projekty wymagają „regulacji optycznych”, aby wyglądały poprawnie.

W twoim przypadku typ jest prawdopodobnie matematycznie wyśrodkowany, ale nie optycznie.

Jeśli uważasz, że typ jest nieco wysoki, przesuń go w dół.


11
Reguła władcy: „Gdy oko i władca się nie zgadzają, oko rządzi”. :)
Alan Gilbertson,

4

Naprawdę nie wiem na podstawie twojego zdjęcia, ale napotkałem podobne problemy i nie sądzę, że coś sobie wyobrażasz. Jeśli chcesz mieć krótką wersję, program Illustrator wyśrodkowuje tekst na podstawie ramki granicznej, a nie na podstawie szerokości lub wysokości czcionki.

wprowadź opis zdjęcia tutaj

Różne prostokąty w moim przykładzie mają dokładnie taką samą wysokość (niebieski), całkowitą wysokość (zielony) i szerokość (różowy) tekstu. Widać, że chociaż obramowanie wokół tekstu jest dobrze dopasowane do zielonego prostokąta, tekst wewnątrz obszaru granicznego nie jest wyśrodkowany pionowo. Nie jest nawet wyśrodkowany poziomo.

Ilekroć muszę wyśrodkować tekst w pionie, tworzę prostokąt o tej samej wysokości co tekst rzeczywisty (nie obwiednię!) I wyśrodkowuję go. Następnie wszystko, co musisz zrobić, to ustawić je w linii z inteligentnymi przewodnikami. (Są jednak prawdopodobnie lepsze sposoby na to)


To w zasadzie to, co opublikowałem, ale +1 za zdjęcie. Uwaga: środkowe gadżety dla pola tekstowego są wyrównane ze środkiem zarówno zielonych, jak i niebieskich prowadnic.
Yorik,

1

Jeśli pole zawierające tekst jest wyższe niż tekst w nim zawarty, wówczas tekst pojawi się wyżej w ramce, gdy pole jest wyśrodkowane.

Przed użyciem funkcji automatycznego centrowania upewnij się, że wysokość ramki jest jak najbliższa dolnej krawędzi tekstu.


Ale widzicie to wyżej? Czy to tylko ja?
David Martineau Lachance

Nie, nie patrzyłem krytycznie ani nie mierzyłem: wziąłem cię na słowo, które było wyższe. Użyłeś narzędzia do automatycznego wyśrodkowania. Powoduje to normalne użycie narzędzi (pola wyższe niż typ i narzędzie centrujące, które naiwnie używa gadżetu środkowego jako punktu środkowego).
Yorik,

0

Myślę, że to głównie złudzenie optyczne.

Kiedy muszę wyrównać tekst podobny do tego, zwykle kopiuję tekst, wklejam z przodu, konwertuję na kontury, a następnie grupuję. W ten sposób obwiednia nie jest używana. Następnie używam narzędzi wyrównywania i blokuję grupę. Następnie umieszczam tekst aktywny, a następnie odblokowuję kontury i usuwam.

Jestem pewien, że istnieje wiele sposobów na wyciągnięcie tego samego wniosku. -Andy

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.