{"id":258893,"date":"2023-06-03T12:16:00","date_gmt":"2023-06-03T09:16:00","guid":{"rendered":"https:\/\/inform.click\/kompletny-przewodnik-po-typografii-internetowej-zasady-slowniczek-pomysly-i-najlepsze-praktyki\/"},"modified":"2023-06-03T12:35:00","modified_gmt":"2023-06-03T09:35:00","slug":"kompletny-przewodnik-po-typografii-internetowej-zasady-slowniczek-pomysly-i-najlepsze-praktyki","status":"publish","type":"post","link":"https:\/\/inform.click\/pl\/kompletny-przewodnik-po-typografii-internetowej-zasady-slowniczek-pomysly-i-najlepsze-praktyki\/","title":{"rendered":"Kompletny przewodnik po typografii internetowej: zasady, s\u0142owniczek, pomys\u0142y i najlepsze praktyki"},"content":{"rendered":"<p>\n  'Obraz jest wart tysi\u0105ca s\u0142\u00f3w.'\n<\/p>\n<p>\n  Najcz\u0119\u015bciej zdj\u0119cia przekazuj\u0105 to, co maj\u0105 do powiedzenia. Jednak obraz z tekstem robi wi\u0119ksze wra\u017cenie.\n<\/p>\n<p>\n  Typografia dzia\u0142a jako dodatek do grafiki. Typografia to nie tylko wybieranie losowej czcionki i rozmiaru punktu z rozwijanego menu oprogramowania do edycji. Jest to wyspecjalizowana dziedzina projektowania graficznego. Jest to sztuka i technika uk\u0142adania czcionek. Jest to jedna z wa\u017cnych umiej\u0119tno\u015bci, kt\u00f3ra mo\u017ce odr\u00f3\u017cni\u0107 Ci\u0119 od reszty projektant\u00f3w, je\u015bli wiesz, jak jej u\u017cywa\u0107.\n<\/p>\n<h5>\n  Co to jest typografia?<br \/>\n<\/h5>\n<p>\n  Zanim przejdziesz do sztuki i techniki typografii, najpierw zrozum, o co chodzi w typografii. Typografia to wizualny fragment tekstu (s\u0142owa pisanego). Tekst to ci\u0105g s\u0142\u00f3w. Ka\u017cdy wy\u015bwietlany wizualnie tekst, kt\u00f3ry widzisz, jest w zasadzie typografi\u0105. Tekst mo\u017cna podzieli\u0107 na trzy kategorie \u2013 wizualnie, d\u017awi\u0119kowo i cyfrowo.\n<\/p>\n<p>\n  Typografia to co\u015b wi\u0119cej ni\u017c projektowanie liter i znak\u00f3w. Obejmuje wyb\u00f3r rozmiaru punktu, odst\u0119p\u00f3w i d\u0142ugo\u015bci linii. W czasach, gdy Johannes Gutenberg wprowadzi\u0142 pras\u0119 drukarsk\u0105, zecerowie musieli uk\u0142ada\u0107 litery i znaki w przestrzeni fizycznej. Teraz, w dobie komputer\u00f3w, ta praca jest o wiele \u0142atwiejsza. Musisz tylko znale\u017a\u0107 czcionki open source, u\u0142o\u017cy\u0107 litery i znaki i gotowe.\n<\/p>\n<h5>\n  Znaczenie typografii<br \/>\n<\/h5>\n<p>\n  Typografia to co\u015b, co znajdziesz absolutnie wsz\u0119dzie. Powiedzmy, \u017ce mo\u017ce to by\u0107 Tw\u00f3j smartfon, fili\u017canka kawy, billboard, ubrania i wiele wi\u0119cej. Typografia jest wsz\u0119dzie. Wyb\u00f3r czcionki, liter i uk\u0142adu znak\u00f3w decyduje o sposobie przekazania wiadomo\u015bci.\n<\/p>\n<p>\n  Nawet je\u015bli wydaje ci si\u0119, \u017ce to ma\u0142y czynnik, z pewno\u015bci\u0105 nim nie jest. Nawet pojedyncza korekta typu mo\u017ce zmieni\u0107 ca\u0142y wygl\u0105d i styl Twojej grafiki. Je\u015bli kiedykolwiek zauwa\u017cy\u0142e\u015b, \u017ce Facebook testowa\u0142 now\u0105 czcionk\u0119 o nazwie Geneva w czerwcu 2016 r. By\u0142a to nieco cie\u0144sza i l\u017cejsza wersja oryginalnej czcionki Helvetica. Ale r\u00f3\u017cnica mi\u0119dzy tymi dwiema czcionkami by\u0142a zauwa\u017calna.\n<\/p>\n<p>\n  Zasady typografii\n<\/p>\n<p>\n  W typografii musisz wybra\u0107 kr\u00f3j pisma zgodnie z uk\u0142adem, siatk\u0105, motywem projektu, schematem kolor\u00f3w i tak dalej. Oto kilka zasad typografii, o kt\u00f3rych powiniene\u015b pami\u0119ta\u0107 podczas pracy.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-296011-6383048f872f8.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-296011-6383048f872f8.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Wyb\u00f3r odpowiedniej czcionki<br \/>\n<\/h5>\n<p>\n  Je\u015bli sp\u0119dzisz kilka minut w Internecie, znajdziesz zadziwiaj\u0105c\u0105 gam\u0119 gotowych do u\u017cycia darmowych i p\u0142atnych czcionek. Ale to nie znaczy, \u017ce musisz sp\u0119dza\u0107 godziny na szukaniu czcionek, kt\u00f3re wizualizujesz w swoim umy\u015ble. Mo\u017cesz zacz\u0105\u0107 malowa\u0107 nawet z ograniczon\u0105 palet\u0105. Istnieje kilka wypr\u00f3bowanych i przetestowanych czcionek, takich jak Helvetica, kt\u00f3re nigdy nie mog\u0105 si\u0119 nie uda\u0107 w \u017cadnym projekcie.\n<\/p>\n<p>\n  Kr\u00f3j pisma jest form\u0105 projektu, kt\u00f3ra jest tworzona przez rzemie\u015blnik\u00f3w, kt\u00f3rzy wk\u0142adaj\u0105 wszystkie swoje wysi\u0142ki i umiej\u0119tno\u015bci przez znaczny okres czasu. Profesjonalnie zaprojektowane czcionki oferuj\u0105 r\u00f3\u017cnorodne mo\u017cliwo\u015bci dostosowywania pod wzgl\u0119dem grubo\u015bci i styl\u00f3w, aby stworzy\u0107 kompletn\u0105 rodzin\u0119. Ponadto oferuj\u0105 znaczne pary kerningu, obs\u0142ug\u0119 wielu j\u0119zyk\u00f3w i dostosowywanie ustawie\u0144 czcionek.\n<\/p>\n<p>\n  Poni\u017cej przedstawiono najwa\u017cniejsze terminy typograficzne, kt\u00f3re s\u0105 brane pod uwag\u0119:\n<\/p>\n<h5>\n  Rozmiar<br \/>\n<\/h5>\n<p>\n  Nie ka\u017cdy kr\u00f3j pisma jest tworzony jednakowo. Niekt\u00f3re u\u017cywaj\u0105 grubych i szerokich aspekt\u00f3w, podczas gdy inne s\u0105 cienkie i w\u0105skie. R\u00f3\u017cne kroje pisma mog\u0105 zajmowa\u0107 r\u00f3\u017cn\u0105 ilo\u015b\u0107 miejsca na stronie.\n<\/p>\n<p>\n  Wysoko\u015b\u0107 znaku jest oznaczona jako wysoko\u015b\u0107 X. Podczas \u0142\u0105czenia r\u00f3\u017cnych kroj\u00f3w pisma dobr\u0105 praktyk\u0105 jest u\u017cywanie tylko tych kroj\u00f3w, kt\u00f3re maj\u0105 podobn\u0105 wysoko\u015b\u0107 x. Z drugiej strony szeroko\u015b\u0107 znaku nazywana jest \u201eustawion\u0105 szeroko\u015bci\u0105&#8221;, kt\u00f3ra decyduje o tym, ile miejsca zajmie litera i buforuje si\u0119 z innymi literami.\n<\/p>\n<p>\n  System punktowy to metoda stosowana do mierzenia czcionek od XVIII wieku. Punkt mo\u017cna zmierzy\u0107 jako 1\/72 cala, a 12 punkt\u00f3w mo\u017ce utworzy\u0107 jedn\u0105 pica. Pica to jednostka miary szeroko\u015bci kolumny. Ponadto rozmiary mo\u017cna mierzy\u0107 w pikselach, calach lub milimetrach. To zale\u017cy od wymaga\u0144 projektu.\n<\/p>\n<h5>\n  Prowadz\u0105cy<br \/>\n<\/h5>\n<p>\n  Pionowa przestrze\u0144 pomi\u0119dzy ka\u017cd\u0105 lini\u0105 tekstu nazywana jest interlini\u0105. Powodem nazywania tego wiod\u0105cym jest to, \u017ce w czasach, gdy u\u017cywano sk\u0142adu metalowego, u\u017cywano o\u0142owianych pask\u00f3w do dzielenia linii tekstu. Praktyczn\u0105 zasad\u0105 uzyskania czytelnego tekstu podstawowego jest u\u017cycie warto\u015bci wiod\u0105cej wi\u0119kszej ni\u017c rozmiar czcionki. Mo\u017cesz u\u017cy\u0107 warto\u015bci wiod\u0105cej wy\u017cszej od 1,25 do 1,5 razy.\n<\/p>\n<h5>\n  \u015aledzenie i kerning<br \/>\n<\/h5>\n<p>\n  Kerning to czynno\u015b\u0107 polegaj\u0105ca na dostosowaniu odst\u0119p\u00f3w mi\u0119dzy znakami. Pomaga stworzy\u0107 harmonijne po\u0142\u0105czenie.\n<\/p>\n<p>\n  Na przyk\u0142ad, gdy u\u017cywasz wielkiej litery \u201eA&#8221; z wielk\u0105 liter\u0105 \u201eV&#8221;, uko\u015bne kreski lewego g\u00f3rnego rogu litery \u201eV&#8221; s\u0105 kerningowane z praw\u0105 doln\u0105 cz\u0119\u015bci\u0105 litery \u201eA&#8221;.\n<\/p>\n<p>\n  Z drugiej strony \u015bledzenie to termin odnosz\u0105cy si\u0119 do odst\u0119p\u00f3w mi\u0119dzy wszystkimi znakami, kt\u00f3re s\u0105 stosowane r\u00f3wnomiernie. Kerning jest podobny do \u015bcie\u017cki, ale oba nie s\u0105 takie same.\n<\/p>\n<h5>\n  Mierzy\u0107<br \/>\n<\/h5>\n<p>\n  Miara jest terminem, kt\u00f3ry wyja\u015bnia szeroko\u015b\u0107 bloku tekstowego. Aby uzyska\u0107 optymalne wra\u017cenia z czytania, nale\u017cy rozwa\u017cy\u0107 miar\u0119 jako wa\u017cny aspekt typografii.\n<\/p>\n<h5>\n  Hierarchia i skala<br \/>\n<\/h5>\n<p>\n  Wszystkie typy nie mog\u0105 by\u0107 u\u017cywane w tym samym rozmiarze, musisz ustawi\u0107 hierarchi\u0119 typ\u00f3w. W przeciwnym razie czytelnikom trudno b\u0119dzie zrozumie\u0107, kt\u00f3re informacje s\u0105 wa\u017cniejsze od innych.\n<\/p>\n<p>\n  Og\u00f3lnie rzecz bior\u0105c, nag\u0142\u00f3wki s\u0105 du\u017ce, podtytu\u0142y s\u0105 mniejsze, a typ tre\u015bci jest nieco mniejszy ni\u017c podtytu\u0142y, aby pom\u00f3c czytelnikom zrozumie\u0107 ich hierarchi\u0119.\n<\/p>\n<p>\n  Nie tylko rozmiar, u\u017cycie r\u00f3\u017cnych kolor\u00f3w, gramatury i odst\u0119p\u00f3w mo\u017ce r\u00f3wnie\u017c pom\u00f3c w ustaleniu hierarchii w pracy.\n<\/p>\n<h3>\n  S\u0142owniczek<br \/>\n<\/h3>\n<p>\n  Om\u00f3wili\u015bmy tutaj prawie ka\u017cd\u0105 podstawow\u0105 koncepcj\u0119 i terminologi\u0119 zwi\u0105zan\u0105 z typografi\u0105.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-296011-63830491e55fc.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-296011-63830491e55fc.webp\" alt=\"\" \/><\/a><\/p>\n<ul>\n<li>\n    <strong>Aesc<\/strong>: wymawia si\u0119 jako \u201eAsh&#8221;. Jest to ligatura dw\u00f3ch liter, a mianowicie. \u201ea&#8221; i \u201ee&#8221;. Pochodzenie aesc pochodzi ze staroangielskiego, gdzie jest oznaczane jako samog\u0142oska dwug\u0142oskowa. Aesc migrowa\u0142 do alfabet\u00f3w, takich jak islandzki i du\u0144ski.\n  <\/li>\n<li>\n    <strong>Przys\u0142ona<\/strong>: Przys\u0142ona jest s\u0119katym otworem glifu, kt\u00f3ry mo\u017cna zobaczy\u0107 literami takimi jak \u201ee&#8221;. Rozmiar otworu r\u00f3\u017cni si\u0119 w zale\u017cno\u015bci od jego implementacji. Jednak zmiana przys\u0142ony wp\u0142ynie na czytelno\u015b\u0107 litery.\n  <\/li>\n<li>\n    <strong>Wierzcho\u0142ek<\/strong>: Wierzcho\u0142ek to punkt, kt\u00f3ry znajduje si\u0119 na g\u00f3rze znaku. Jest to miejsce, w kt\u00f3rym spotykaj\u0105 si\u0119 poci\u0105gni\u0119cia lewe i prawe.\n  <\/li>\n<li>\n    <strong>Linia bazowa<\/strong>: Jest to sekcja, w kt\u00f3rej znajduje si\u0119 podstawa wielkich liter.\n  <\/li>\n<li>\n    <strong>Miska<\/strong>: Miska jest uwa\u017cana za zamkni\u0119te cz\u0119\u015bci liter, takich jak \u201eb&#8221; i \u201ep&#8221;.\n  <\/li>\n<li>\n    <strong>Nawias<\/strong>: Jest to kontur przypominaj\u0105cy klin, kt\u00f3ry jest cenny do trzymania szeryfa i tworzenia trzonu czcionki w wielu krojach pisma.\n  <\/li>\n<li>\n    <strong>Wysoko\u015b\u0107 czapki<\/strong>: Wysoko\u015b\u0107 czapki to wysoko\u015b\u0107 du\u017cej litery nad lini\u0105 bazow\u0105.\n  <\/li>\n<li>\n    <strong>Licznik<\/strong>: Licznik jest zamkni\u0119ty lub nieca\u0142kowicie zamkni\u0119ty w cz\u0119\u015bci formy listu. Licznik mo\u017cna zobaczy\u0107 w postaci liter typu \u201ec&#8221; lub dolnej cz\u0119\u015bci \u201eg&#8221; i \u201ee&#8221;. T\u0119 sekcj\u0119 mo\u017cna pomyli\u0107 z misk\u0105.\n  <\/li>\n<li>\n    <strong>Descender<\/strong>: Jest to fragment litery, kt\u00f3ry schodzi poni\u017cej linii bazowej. Na przyk\u0142ad litery takie jak \u201ep&#8221;, \u201ey&#8221; i \u201eq&#8221;.\n  <\/li>\n<li>\n    <strong>Ucho<\/strong>: Ucho jest ma\u0142\u0105 kresk\u0105, kt\u00f3ra rozci\u0105ga si\u0119 od g\u00f3rnej prawej strony miski.\n  <\/li>\n<li>\n    <strong>Glif<\/strong>: Jest to pojedyncza cz\u0119\u015b\u0107, kt\u00f3ra tworzy czcionk\u0119. Zawarty jest w nim ka\u017cdy rodzaj pojedynczej cz\u0119\u015bci, kt\u00f3ry pomaga zbudowa\u0107 czcionk\u0119, czy to znak interpunkcyjny, cyfra, litera, czy nawet dingbat. Glify mo\u017cna nazwa\u0107 budulcem typografii.\n  <\/li>\n<li>\n    <strong>Rynna<\/strong>: Jest to przestrze\u0144 mi\u0119dzy s\u0105siednimi stronami twojej pracy. Rynny mo\u017cna cz\u0119sto zobaczy\u0107 w kolumnach tekstu.\n  <\/li>\n<li>\n    <strong>Orphan<\/strong>: Orphan to pierwszy wiersz nowego akapitu, kt\u00f3ry jest umieszczony na ko\u0144cu strony. Nie jest to rzecz, kt\u00f3r\u0105 chcia\u0142by\u015b mie\u0107 w swoim projekcie, poniewa\u017c jest to uwa\u017cane za z\u0142\u0105 praktyk\u0119.\n  <\/li>\n<li>\n    <strong>Pica<\/strong>: Pica to jednostka miary szeroko\u015bci kolumny. W jednym pica jest 16 pikseli lub 12 punkt\u00f3w.\n  <\/li>\n<li>\n    <strong>Czytelno\u015b\u0107<\/strong>: Jest to okre\u015blane jako \u0142atwo\u015b\u0107 czytania, kt\u00f3ra obejmuje u\u017cycie bloku tekstu, kt\u00f3ry mo\u017cna \u0142atwo zeskanowa\u0107 go\u0142ym okiem.\n  <\/li>\n<li>\n    <strong>Serif<\/strong>: Jest to kr\u00f3j pisma z szeryfami. Zako\u0144czenie kreski pisma w tym kroju wywodzi si\u0119 z tendencji rzymskiej.\n  <\/li>\n<li>\n    <strong>Bezszeryfowy<\/strong>: Kr\u00f3j bezszeryfowy to bezszeryfowy lub bezszeryfowy.\n  <\/li>\n<li>\n    <strong>Kr\u0119gos\u0142up<\/strong>: Jest to g\u0142\u00f3wna zakrzywiona kreska, kt\u00f3ra wyst\u0119puje w ma\u0142ej literze du\u017cej litery \u201eS&#8221;.\n  <\/li>\n<li>\n    <strong>Ostroga<\/strong>: Jest to ma\u0142e wybrzuszenie, kt\u00f3re pojawia si\u0119 na krzywi\u017anie litery. Jest r\u00f3wnie\u017c nazywany brod\u0105 lub dziobem. Na przyk\u0142ad &#8211; litera \u201eG&#8221;.\n  <\/li>\n<li>\n    <strong>Trzon<\/strong>: Poci\u0105gni\u0119cie o pe\u0142nej d\u0142ugo\u015bci jest nazywane trzonem w postaci pionowej. Jest pionowy.\n  <\/li>\n<li>\n    <strong>Wysoko\u015b\u0107 X<\/strong>: Wysoko\u015b\u0107 ma\u0142ej litery \u201ex&#8221; w danym kroju pisma to wysoko\u015b\u0107 x.\n  <\/li>\n<\/ul>\n<h3>\n  7 pomys\u0142\u00f3w typograficznych i najlepszych praktyk<br \/>\n<\/h3>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-296011-638304942f71e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-296011-638304942f71e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Poni\u017cej znajduj\u0105 si\u0119 najlepsze praktyki typograficzne, kt\u00f3re mo\u017cesz zastosowa\u0107 w swojej pracy. Skorzystaj z tych wskaz\u00f3wek w swoich projektach, aby stworzy\u0107 w\u0142asne arcydzie\u0142a.\n<\/p>\n<h5>\n  Znaczenie wyboru odpowiednich czcionek<br \/>\n<\/h5>\n<p>\n  Ka\u017cdy projektant ma list\u0119 swoich ulubionych czcionek. Ale to nie znaczy, \u017ce musisz ca\u0142y czas wybiera\u0107 czcionk\u0119 tylko z listy ulubionych. Ka\u017cdy kr\u00f3j pisma ma sw\u00f3j w\u0142asny styl, osobowo\u015b\u0107 i nastr\u00f3j. Musisz wi\u0119c zdecydowa\u0107, kt\u00f3ra czcionka b\u0119dzie idealnie pasowa\u0107 do Twojego projektu. Wyb\u00f3r czcionki jest wa\u017cny, poniewa\u017c pomaga przekaza\u0107 wiadomo\u015b\u0107 odbiorcom.\n<\/p>\n<h5>\n  Pami\u0119taj o swoich odbiorcach<br \/>\n<\/h5>\n<p>\n  Po wybraniu czcionki, kt\u00f3ra pasuje do idei Twojego projektu, powiniene\u015b zastanowi\u0107 si\u0119, czy b\u0119dzie pasowa\u0107 do odbiorc\u00f3w. Jedna grupa docelowych odbiorc\u00f3w mo\u017ce uzna\u0107, \u017ce Twoje czcionki s\u0105 modne, podczas gdy niekt\u00f3rzy uznaj\u0105 je za przestarza\u0142e. Musisz wi\u0119c zrozumie\u0107, dla kogo projektujesz projekt. Przed podj\u0119ciem decyzji dotycz\u0105cej czcionki nale\u017cy wzi\u0105\u0107 pod uwag\u0119 wiek, p\u0142e\u0107, lokalizacj\u0119 i inne czynniki odbiorc\u00f3w.\n<\/p>\n<h5>\n  Ustal hierarchi\u0119<br \/>\n<\/h5>\n<p>\n  Jak wspomniano wcze\u015bniej, hierarchia odgrywa wa\u017cn\u0105 rol\u0119 w typografii. Twoja grafika powinna by\u0107 dobrze zorganizowana i powinna zapewnia\u0107 czytelnikom \u0142atw\u0105 nawigacj\u0119. Hierarchia typografii jest bardzo przydatna przy tworzeniu projekt\u00f3w zawieraj\u0105cych du\u017co tekstu, takich jak ksi\u0105\u017cki, biuletyny, czasopisma i inne tradycyjne publikacje drukowane.\n<\/p>\n<h5>\n  Zwr\u00f3\u0107 uwag\u0119 na odst\u0119py i wyr\u00f3wnanie<br \/>\n<\/h5>\n<p>\n  Odst\u0119py i wyr\u00f3wnanie mog\u0105 wydawa\u0107 si\u0119 mniej wa\u017cne, ale z pewno\u015bci\u0105 tak nie jest. Bez odpowiednich odst\u0119p\u00f3w i wyr\u00f3wnania Twoje projekty b\u0119d\u0105 wygl\u0105da\u0142y na zagmatwane, zagracone i zwyczajne. Odst\u0119py obejmuj\u0105 u\u017cycie interlinii, margines\u00f3w, \u015bledzenia i odst\u0119p\u00f3w.\n<\/p>\n<h5>\n  U\u017cyj Kerning, kiedy tylko potrzebujesz<br \/>\n<\/h5>\n<p>\n  Wielu projektant\u00f3w myli poj\u0119cia \u015bledzenia i kerningu. Jednak oba s\u0105 r\u00f3\u017cnymi terminami. Kerning pozwala nada\u0107 typografii profesjonalny i dopracowany wygl\u0105d.\n<\/p>\n<h5>\n  Nie przekraczaj zakresu kroj\u00f3w pisma, grubo\u015bci i styl\u00f3w<br \/>\n<\/h5>\n<p>\n  Wszyscy lubimy u\u017cywa\u0107 r\u00f3\u017cnych czcionek i dostosowywa\u0107 je, aby wygl\u0105da\u0142y z klas\u0105. Jednak u\u017cycie r\u00f3\u017cnych kroj\u00f3w pisma w jednym projekcie mo\u017ce sprawi\u0107, \u017ce Twoja praca b\u0119dzie wygl\u0105da\u0107 amatorsko i niechlujnie. Nale\u017cy unika\u0107 u\u017cywania wi\u0119cej ni\u017c trzech czcionek w jednym projekcie, aby nada\u0107 mu profesjonalny wygl\u0105d.\n<\/p>\n<h5>\n  Obserwuj i \u0107wicz<br \/>\n<\/h5>\n<p>\n  Jedynym wypr\u00f3bowanym i przetestowanym sposobem na popraw\u0119 umiej\u0119tno\u015bci typograficznych jest zbadanie, w jaki spos\u00f3b inni projektanci u\u017cywaj\u0105 typografii w swojej pracy. Jest to umiej\u0119tno\u015b\u0107, kt\u00f3ra wymaga praktyki i wyczucia szczeg\u00f3\u0142\u00f3w, aby zrozumie\u0107, w jaki spos\u00f3b kto\u015b wykorzysta\u0142 typografi\u0119 w swoim projekcie i jak b\u0119dziesz m\u00f3g\u0142 wykorzysta\u0107 j\u0105 w swoich projektach.\n<\/p>\n<p>\n  To by\u0142 ostateczny przewodnik po typografii. Mam nadziej\u0119, \u017ce ten przewodnik pom\u00f3g\u0142 ci zrozumie\u0107 r\u00f3\u017cne koncepcje i praktyki, dzi\u0119ki kt\u00f3rym mo\u017cesz poprawi\u0107 swoje umiej\u0119tno\u015bci typograficzne.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  \u0179r\u00f3d\u0142o nagrywania: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/05\/16\/web-typography-guide\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#8217;Obraz jest wart tysi\u0105ca s\u0142\u00f3w.&#8217; Najcz\u0119\u015bciej zdj\u0119cia przekazuj\u0105 to, co maj\u0105 do powiedzenia. Jednak obraz z tekstem robi wi\u0119ksze wra\u017cenie. Typografia dzia\u0142a jako dodatek do grafiki. Typografia to nie tylko wybieranie losowej czcionki i rozmiaru punktu z rozwijanego menu oprogramowania do edycji. Jest to wyspecjalizowana dziedzina projektowania graficznego. Jest to sztuka i technika uk\u0142adania czcionek. Jest to jedna z wa\u017cnych umiej\u0119tno\u015bci, kt\u00f3ra mo\u017ce odr\u00f3\u017cni\u0107 Ci\u0119 od reszty projektant\u00f3w, je\u015bli wiesz, jak jej u\u017cywa\u0107. Co to jest typografia? Przed wej\u015bciem do\u2026<\/p>\n","protected":false},"author":1,"featured_media":192175,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[253,201,58],"tags":[],"class_list":["post-258893","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-czcionki","category-projektowanie-stron","category-web-i-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/258893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/comments?post=258893"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/258893\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media\/192175"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media?parent=258893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/categories?post=258893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/tags?post=258893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}