We wtorek, 07.12.2021 o godz. 11:00, poprowadziłem webinar z zakresu typografii i kompozycji opartej na matematyce.
Zostałem zaproszony przez Artura Pajkerta oraz Adriannę Szałańską z cyber_Folks. Jak sami o sobie piszą „Jesteśmy technologią. Jesteśmy CYBER. Jesteśmy wsparciem. Jesteśmy FOLKS”.
Z Arturem znamy się od czasu poznańskiego WordCampa 2018, ale przyczynkiem do tego projektu była nasza rozmowa podczas niedawnych Targów eHandlu 2021 w Warszawie. Postawiliśmy na webinar.
Czego możesz się dowiedzieć?
Jak za pomocą liter zwiększyć sprzedaż i poprawić komunikację na stronie internetowej.
Masz już swoją stronę internetową i szukasz sposobu na poprawę czytelności? A może dopiero myślisz o swojej pierwszej stronie i nie wiesz jak poukładać te wszystkie teksty? Interesują Cię konkretne rozwiązania, a nie teoretyczna wiedza? Dobrze trafiłeś!
Ten webinar powstał z myślą o:
- specjalistach w działach marketingu, contentu i grafiki, którym zależy na użytecznych układach i czytelnych tekstach na stronach internetowych,
- właścicielach stron internetowych, którzy cenią wiedzę praktyków i chcą realnie poprawić swoją witrynę, aby zwiększyć sprzedaż,
- wszystkich tych, którzy uważają, że nie mają poczucia estetyki i „od tego jest grafik” i chcą się przekonać, że za sprawą kilku podstawowych zasad mogą zmienić zdanie :).
Nagranie.
Na kanale cyber_Folks na YouTube znajduje się już nagranie naszego wspólnego webinaru.
Reakcje po webinarze.
Sądząc po zaangażowaniu i opiniach uczestników zebranych bezpośrednio po, odbiór był bardzo pozytywny i zapewne nie będzie to nasza ostatnia współpraca ;).
Jestem początkująca i pierwszy raz brałam udział w webinarze. Było ciekawie i na pewno na tym skorzystałam.
Małgorzata.
Fajne, prowadzone z pomysłem.
Paweł.
W ostatnim czasie jeden z lepszych webinarów, a to może być spowodowane (nie koniecznie tematyką) osobą prowadzącego. Może następne webinary/następny webinar będzie zgłębieniem dzisiejszego tematu? Bo pewnie o czytelności można jeszcze długo opowiadać.
Kuba.
Czytelnie, rzeczowo! Szkoda tylko, że tak krótko…
Jan.
Estetyka to ważna rzecz!
Gil.
Świetny i zangażujący webinar, zostanie w pamięci. Prowadzący charyzmatyczny, super spędzona godzina!
Weronika.
Reklama dźwignią handlu ;).
Przy okazji całego zamieszania, Adrianna przygotowała fajną kreację kampanii reklamowej, zapraszającej do wzięcia udziału w webinarze.
Jeśli lubicie pieski, to coś dla Was!
Fonty użyte w prezentacji.
W kolejności pojawiania się na ekranie:
- PlayFair Display
- Courier
- Alek Regular
- Nexa Rust Script L
- Arial
- Wayfinding Sans
- Atkinson Hyperlegible
- Futura
- Luminari
- Alek Bold
- Arial Black
- Arial Narrow
- Noto Sans
- Noto Sans Display
- Noto Sans Display Condensed
- Noto Sans ExtraCondensed
- Noto Serif
- Noto Serif Display
- Noto Serif Display Condensed
- Noto Serif ExtraCondenset
- Noto Sans Mono
- Noto Sans Condensed
- Noto Sans ExtraCondensed
Źródła i narzędzia.
- https://fontjoy.com
- https://www.fontpair.co/blog/low-hanging-design-fruit-why-you-should-use-google-font-superfamilies
- https://grtcalculator.com/
- https://github.com/modularscale/modularscale-sass
- https://github.com/zellwk/typi
- https://www.kevinpowell.co/article/typographic-scale/
- https://gregrickaby.com/2013/05/using-the-golden-ratio-and-rems/
- https://typecast.com/blog/contrast-through-scale
- https://www.slideshare.net/jontangerine/web-type-80-science-20-art
- https://www.imarc.com/blog/using-the-golden-ratio-with-typography
- http://spencermortensen.com/articles/typographic-scale/
- https://alistapart.com/article/more-meaningful-typography/
- https://zellwk.com/blog/why-vertical-rhythms/
- https://pearsonified.com/golden-ratio-typography-intro/
- https://www.mypinkplum.pl/2016/04/dobieranie-typografii-na-bloga.html
- http://webtypography.net/toc/
- http://matejlatin.github.io/Gutenberg/
- https://www.madebymike.com.au/writing/precise-control-responsive-typography/
- https://www.codementor.io/ricardozea/100-responsive-typography-system-using-a-modular-scale-s5rhft58g
- https://zellwk.com/blog/modular-scale/
- http://www.thismanslife.co.uk/projects/phiculator/
- https://pl.wikipedia.org/wiki/Z%C5%82oty_podzia%C5%82
- http://collegiumpapricum.com/2010/03/typografia-na-stronach-internetowych/
Prezentacja „O alchemii, matematyce i typografii w WordPressie, czyli kiedy Au=1,6180339887…”
Webinar bazuje na jednej z moich najlepszych prezentacji, pierwotnie wygłoszonej na WordCampie 2019 w Łodzi. Przeszła ona kilka faz ewolucji i była już prezentowana z powodzeniem w wielu miejscach w Polsce. Nadszedł czas na jeszcze szerszą publikę ;).
Dlaczego niektóre teksty są po prostu ładne i czytelne, a inne nie? Czy wszystko złoto co się świeci i czemu używać kalkulatora zamiast ołówka do projektowania treści naszych witryn internetowych? Jak sprawić, żeby moje treści były czytelniejsze? Dlaczego #WszyscyJesteśmyGrafikami, jeśli tylko potrafimy myśleć? I czy, na Thora, JEST DO TEGO WTYCZKA?
Na te i kilka innych pytań odpowiedź da Ci prezentacja, po której typografia będzie twoim sprzymierzeńcem. Bez znaczenia czy jesteś twórcą bloga, projektujesz wygląd witryn czy je kodujesz. Pamiętaj, by łamać zasady, trzeba je najpierw poznać. Tym razem poznasz jedną. One ring to rule them all!
Do zobaczenia na najbliższych spotkaniach i mam nadzieję, że wyniesiesz coś z webinaru, a praca z tekstem nie będzie taka straszna ;).
Ten utwór jest dostępny na licencji Creative Commons Uznanie autorstwa 3.0 Unported.