\n Wed\u0142ug mojego starego przyjaciela, Google, typografia to styl i wygl\u0105d drukowanych materia\u0142\u00f3w. Fakt, \u017ce jest to rodzaj sztuki sam w sobie, jest oczywisty.\n<\/p>\n
\n A typografia jest podstaw\u0105, na kt\u00f3rej powstaj\u0105 wszelkiego rodzaju projekty zwi\u0105zane ze s\u0142owem pisanym. Oznacza to, \u017ce mo\u017cna go znale\u017a\u0107 wsz\u0119dzie: w ksi\u0105\u017ckach, na opakowaniach, a nawet \u2013 i co dla nas najwa\u017cniejsze \u2013 na stronach internetowych, e-mailach i stronach docelowych.\n<\/p>\n
\n Jednak, artystyczna czy nie, typografia jest czym\u015b, co musi zapewnia\u0107 u\u017cytkownikom dobre wra\u017cenia, podobnie jak wszystkie narz\u0119dzia. A kursyw\u0105 litery mog\u0105 by\u0107 bardzo \u0142adne, ale czy nadaj\u0105 si\u0119 do u\u017cytku?\n<\/p>\n
\n Zobaczmy, jak mo\u017cemy poprawi\u0107 do\u015bwiadczenie u\u017cytkownika i sam interfejs u\u017cytkownika, stosuj\u0105c odpowiedni\u0105 typografi\u0119.\n<\/p>\n
\n Na pocz\u0105tku jest czcionka
\n<\/h5>\n
\n Wyobra\u017a sobie, jak blado i oboj\u0119tnie wygl\u0105da\u0142aby Twoja witryna i jak bardzo odebra\u0142aby wra\u017cenia u\u017cytkownika, gdyby Twoja czcionka nie pasowa\u0142a do \u015bwi\u0119tej tr\u00f3jcy biznesu: docelowych odbiorc\u00f3w, tonu Twojej marki i Twoich cel\u00f3w.\n<\/p>\n
\n Wyb\u00f3r odpowiedniej czcionki przypomina troch\u0119 wyb\u00f3r idealnych zas\u0142on do pokoju. Tandetne zas\u0142ony pokazuj\u0105 kiepski gust, a czcionka, kt\u00f3ra po prostu nie pasuje, mo\u017ce sprawi\u0107, \u017ce Tw\u00f3j projekt b\u0119dzie wygl\u0105da\u0142 w najlepszym przypadku tandetnie, aw najgorszym spam.\n<\/p>\n
\n Czcionka jest r\u00f3wnie wa\u017cna jak same efekty wizualne, aby stworzy\u0107 wra\u017cenie i wskaza\u0107 rzeczy, kt\u00f3re nale\u017cy wskaza\u0107, zar\u00f3wno na stronie internetowej, jak iw wiadomo\u015bci e-mail, optymalizuj\u0105c wra\u017cenia u\u017cytkownika.\n<\/p>\n
\n B\u0119dziesz potrzebowa\u0107 pogrubienia do \u015bmia\u0142ych stwierdze\u0144, pochy\u0142ych liter i intensywnej kaligrafii do rzeczy, kt\u00f3re s\u0105 eleganckie i niezbyt wa\u017cne. Kombinacje takie jak ta poni\u017cej s\u0105 konieczno\u015bci\u0105:\n<\/p>\n
\n
\n pary czcionek marki\n<\/p>\n
\n Jednak musz\u0119 ci\u0119 przed czym\u015b ostrzec: zbyt wiele czcionek sprawi, \u017ce przegrasz gr\u0119. Mo\u017cesz mie\u0107 co najwy\u017cej dwa rodzaje czcionek i musisz upewni\u0107 si\u0119, \u017ce s\u0105 one u\u017cywane jak w powy\u017cszym przyk\u0142adzie: odwa\u017cniejsza i bardziej rygorystyczna dla nag\u0142\u00f3wka, bardziej wyrafinowana dla tre\u015bci kopii.\n<\/p>\n
\n I pami\u0119taj: je\u015bli m\u00f3wimy o Twojej witrynie, a nie o stronie docelowej lub wiadomo\u015bci e-mail, by\u0107 mo\u017ce powiniene\u015b pomy\u015ble\u0107 o u\u017cyciu standardowej czcionki.\n<\/p>\n
\n Widzisz, kursywa mo\u017ce czasami by\u0107 trudna do odczytania, a wynik, kt\u00f3ry jest zbyt artystyczny, mo\u017ce by\u0107 pi\u0119kny, ale nie jest \u0142atwy do odczytania i zrozumienia. Dla dzisiejszych zapracowanych klient\u00f3w, kt\u00f3rzy s\u0105 biegli w skanowaniu blok\u00f3w tekstu i znajdowaniu dok\u0142adnie tego, czego potrzebuj\u0105, aby zaoszcz\u0119dzi\u0107 czas, co\u015b niestandaryzowanego mo\u017ce wygl\u0105da\u0107 na zbyt wiele wysi\u0142ku.\n<\/p>\n
\n Twoi odbiorcy lepiej znaj\u0105 na przyk\u0142ad Times New Roman. Mog\u0105 nawet powiedzie\u0107, gdzie nale\u017cy go u\u017cy\u0107, i s\u0105 \u0142atwe do przejrzenia.\n<\/p>\n
\n Co wi\u0119cej, mo\u017ce to spowodowa\u0107 prawdziwy problem z tre\u015bci\u0105, w tym sensie, \u017ce bardziej artystyczna czcionka i format mog\u0105 odwr\u00f3ci\u0107 uwag\u0119 od zaanga\u017cowania w tre\u015b\u0107.\n<\/p>\n
\n Specjalne elementy czcionki:\n<\/p>\n
\n Czcionka sk\u0142ada si\u0119 z r\u00f3\u017cnych element\u00f3w, kt\u00f3re mog\u0105 w du\u017cym stopniu wp\u0142yn\u0105\u0107 na jej u\u017cycie lub z\u0142ama\u0107. Masz r\u00f3\u017cne style, ci\u0119\u017cary, prace! Zobaczmy wi\u0119c, o co w tym wszystkim chodzi:\n<\/p>\n
\n Przede wszystkim masz swoj\u0105 rodzin\u0119 czcionek<\/strong>. Rodzina czcionek (lub kr\u00f3j pisma) to w\u0142a\u015bciwie du\u017ca kategoria zawieraj\u0105ca czcionki tego samego stylu.\n<\/p>\n \n Po drugie, masz swoj\u0105 grubo\u015b\u0107 czcionki<\/strong>, czyli szeroko\u015b\u0107 ka\u017cdego znaku. Ten element oddziela, kt\u00f3ra czcionka zostanie u\u017cyta do utworzenia nag\u0142\u00f3wka, a kt\u00f3ra znajdzie si\u0119 w tre\u015bci.\n<\/p>\n \n Trzeci to kerning<\/strong>, czyli wz\u00f3r, po kt\u00f3rym pod\u0105\u017caj\u0105 znaki, czyli odst\u0119p mi\u0119dzy dwiema literami, kt\u00f3ry jest konieczny, poniewa\u017c twoje oczy b\u0119d\u0105 pod\u0105\u017ca\u0107 dok\u0142adnie za tym wzorem.\n<\/p>\n \n Te odst\u0119py i marginesy okre\u015bl\u0105 ko\u0144cowy, bardzo wa\u017cny element:\n<\/p>\n \n Liczba znak\u00f3w w linii<\/strong>. Zbyt wiele znak\u00f3w w wierszu i tre\u015b\u0107 tekstu b\u0119d\u0105 wygl\u0105da\u0107 na zagracone, co spowoduje z\u0142e wra\u017cenia u\u017cytkownika.\n<\/p>\n \n Zbyt ma\u0142o i dotarcie do nast\u0119pnego akapitu zajmie oku wi\u0119cej czasu, uzyskuj\u0105c dok\u0142adnie ten sam wynik, o kt\u00f3rym wspomnia\u0142em powy\u017cej.\n<\/p>\n \n Ograniczaj\u0105c d\u0142ugo\u015b\u0107 poprawiasz czytelno\u015b\u0107 tekstu. Je\u015bli linia jest zbyt d\u0142uga, nie wy\u015bwietli si\u0119 poprawnie na urz\u0105dzeniu, co b\u0119dzie oznacza\u0107, \u017ce czytelnik nie b\u0119dzie m\u00f3g\u0142 jej poprawnie odczyta\u0107, co spowoduje ba\u0142agan, je\u015bli chodzi o CRO (Conversion Rate Optimization).\n<\/p>\n \n Musisz znale\u017a\u0107 z\u0142oty podzia\u0142, kt\u00f3ry Ci odpowiada, i pami\u0119taj, \u017ce ten z\u0142oty podzia\u0142 musi si\u0119 ko\u0144czy\u0107 na 60 znakach w wierszu.\n<\/p>\n \n I tu ma\u0142a wskaz\u00f3wka: musisz tak\u017ce uwa\u017ca\u0107 na odst\u0119py mi\u0119dzy wierszami<\/strong>, poniewa\u017c po prostu zbyt \u0142atwo jest ponownie przeczyta\u0107 wiersz lub ca\u0142kowicie go pomin\u0105\u0107. Co nigdy nie jest dobr\u0105 praktyk\u0105, zw\u0142aszcza w dzisiejszych czasach, gdy konsumenci maj\u0105 tak wiele opcji.\n<\/p>\n \n Ile razy widzia\u0142e\u015b tekst pisany wielkimi literami i my\u015bla\u0142e\u015b, \u017ce autor chce krzycze\u0107 ze z\u0142o\u015bci\u0105? Za\u0142o\u017c\u0119 si\u0119, \u017ce odpowied\u017a brzmi \u201ewiele razy”.\n<\/p>\n \n Rozmiary czcionek mog\u0105 dzia\u0142a\u0107 tak samo, jak ton s\u0142owa m\u00f3wionego: kursywa mo\u017ce na\u015bladowa\u0107, pogrubiona czcionka mo\u017ce by\u0107 wymagaj\u0105ca, wielkie litery mog\u0105 przyci\u0105ga\u0107 uwag\u0119 i tak dalej.\n<\/p>\n \n Dlatego projektant musi by\u0107 ostro\u017cny przy wyborze czcionki i stylu, zw\u0142aszcza je\u015bli ma zr\u00f3\u017cnicowan\u0105 publiczno\u015b\u0107, z kt\u00f3r\u0105 mo\u017ce \u201erozmawia\u0107”.\n<\/p>\n \n Je\u015bli mi nie wierzysz, po prostu otw\u00f3rz powie\u015b\u0107 i sprawd\u017a czcionk\u0119. Nast\u0119pnie otw\u00f3rz ksi\u0105\u017ck\u0119 dla dzieci i zr\u00f3b to samo.\n<\/p>\n \n Wszystko sprowadza si\u0119 do tego, o czym wspomnia\u0142em na pocz\u0105tku: musisz przemawia\u0107 do docelowych odbiorc\u00f3w poprzez swoj\u0105 typografi\u0119, a tak\u017ce kopi\u0119 i sam\u0105 grafik\u0119.\n<\/p>\n \n Ale rozmiar to nie wszystko, co si\u0119 liczy. Poniewa\u017c m\u00f3wimy o technologii cyfrowej, Twoja typografia musi by\u0107 nienaganna na wszystkich urz\u0105dzeniach. Musisz zoptymalizowa\u0107 pod k\u0105tem urz\u0105dze\u0144 mobilnych, tablet\u00f3w i komputer\u00f3w stacjonarnych, aby u\u017cytkownik nie by\u0142 zdezorientowany i ca\u0142kowicie nie odrzuca\u0142 tre\u015bci.\n<\/p>\n \n Pami\u0119taj, \u017ce wysoko\u015b\u0107 jest r\u00f3wnie wa\u017cna. Bardzo d\u0142ugi lub bardzo kr\u00f3tki tekst, kt\u00f3ry wygl\u0105da \u015bwietnie podczas testowania w widoku na komputer, mo\u017ce nie dzia\u0142a\u0107 dobrze na urz\u0105dzeniach mobilnych.\n<\/p>\n \n By\u0107 mo\u017ce najwi\u0119kszym koszmarem<\/strong> ze wszystkich jest wyr\u00f3wnanie tekstu. W kulturze zachodniej ludzie s\u0105 przyzwyczajeni do czytania od lewej do prawej, dlatego nale\u017cy o tym pami\u0119ta\u0107 i odpowiednio post\u0119powa\u0107.\n<\/p>\n \n U\u017cyj wyr\u00f3wnania do lewej, aby na\u015bladowa\u0107 spos\u00f3b, w jaki ludzie czytaj\u0105 drukowane teksty, i gotowe.\n<\/p>\n \n To samo nie zadzia\u0142a w przypadku grupy docelowej, je\u015bli znajduje si\u0119 ona gdzie\u015b na wschodzie, gdzie czyta si\u0119 od prawej do lewej. Wi\u0119c znowu, twoja grupa docelowa jest pierwsz\u0105 rzecz\u0105 do rozwa\u017cenia przed podj\u0119ciem decyzji.\n<\/p>\n \n Wiesz, \u017ce najlepsze praktyki nie pomog\u0105, je\u015bli chodzi o typografi\u0119 i projektowanie, prawda?\n<\/p>\n \n Mo\u017cesz u\u017cywa\u0107 najlepszych czcionek, Twoje wyr\u00f3wnanie mo\u017ce by\u0107 nienaganne, ale bez korzystania z trend\u00f3w projektowych Tw\u00f3j e-mail, witryna internetowa, strona docelowa, cokolwiek tworzysz, mo\u017ce nadal pozosta\u0107 jednym z Twoich najlepiej strze\u017conych sekret\u00f3w.\n<\/p>\n \n Odwa\u017cne jest czasem pi\u0119kne\n<\/p>\n \n Pomy\u015bl na przyk\u0142ad o MAC. Marka kosmetyczna uwielbia u\u017cywa\u0107 pogrubionego tekstu i ekstremalnego kontrastu jako elementu:\n<\/p>\n \n To jest motto marki i by\u0142o od zawsze. Jest dramatycznie i nie mo\u017cna tego przegapi\u0107. To samo dotyczy bohatera ich biuletynu:\n<\/p>\n\n Rozmiar czcionki i inne koszmary
\n<\/h5>\n\n Trendy s\u0105 Twoimi przyjaci\u00f3\u0142mi
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> Kosmetyki MAC<\/p>\n