Typografia kinetyczna: przewodnik wprowadzający
Obecnie typografia kinetyczna wydaje się być wszędzie. Od reklam telewizyjnych po strony docelowe stron internetowych, ruchome typy są popularnym narzędziem wizualnym. Ta popularność może wynikać z wielu powodów, ale jednym oczywistym czynnikiem jest to, że przyciąga twoją uwagę. Ludzie mają tendencję do przyciągania do słów i chcą je przeczytać.
Typografia kinetyczna łączy to z kilkoma prostymi animacjami, aby tworzyć słowa poruszające się na ekranie, przyciągające uwagę i angażujące zmysły. Rzućmy więc okiem na typografię kinetyczną i jak możesz zintegrować ją z niektórymi projektami. (Uwaga: przykłady w tym artykule obejmują animację; kliknij obrazy, aby wyświetlić łącza do oryginalnych źródeł, aby zobaczyć je w akcji).
Co to jest typografia kinetyczna?
Typografia kinetyczna odnosi się do tworzenia typu ruchomego. Jest to technika animacji służąca do powiększania, zmniejszania, latania, poruszania się w zwolnionym tempie, powiększania i zmiany na wiele sposobów dla użytkownika. Efekt może być prosty i krótki z niewielkimi zmianami lub dość skomplikowany i długi.
Typografia kinetyczna ostatnio prawie eksplodowała ze względu na częstsze stosowanie tej techniki w projektowaniu stron internetowych. Kiedyś coś, co było używane tylko w wideo i telewizji, typografia kinetyczna zyskuje popularność jako efekt tła na stronach internetowych i filmach internetowych. (Wszystko to jest możliwe dzięki wyższemu i powszechniejszemu dostępowi szerokopasmowemu oraz zwiększonej prędkości Internetu i surfowania po Internecie.)
Technika stosowana z wielu powodów, ale może kłaść nacisk na pewne treści. Może pomóc przekazać ton i emocje. Może pomóc w stworzeniu unikalnego obrazu, którego nie ma. Może to być niedroga opcja dla osób o ograniczonych budżetach. Może zwiększyć zainteresowanie, gdy Twój projekt wymaga ulepszenia.
Geneza typografii kinetycznej
Choć typografię kinetyczną można dziś nazwać nowym trendem w projektowaniu stron internetowych, istnieje ona już od dłuższego czasu. Po raz pierwszy użyto go na dużym ekranie.
Naukowcy z Human Computer Interaction Institute i School of Design na Carnegie Mellon University prześledzili pierwsze zastosowanie typografii kinetycznej w filmie Alfreda Hitchcocka z 1959 r. „North by Northwest”. W napisach początkowych typ jest używany w ruchomym formacie. Rok później efekt wykorzystano ponownie w „Psycho”. „Praca ta wynikała częściowo z chęci, aby napisy początkowe przygotowały scenę dla filmu poprzez stworzenie nastroju, a nie po prostu przekazanie informacji o napisach” - napisali naukowcy.
Od tego momentu typografia kinetyczna stała się bardziej powszechna w filmie, a później w telewizji. Został wykorzystany w kredytach, podczas pokazów i do reklam. Znaczące zastosowanie typografii kinetycznej w reklamie nastąpiło w 2009 r., Kiedy Pepsi rozpoczęła kampanię „Odśwież wszystko” (obecnie nazywaną „Pepsi Pulse”) z nowym logo. Nowy projekt - z logo w miejscu litery „o” - pojawił się wszędzie, od telewizji po Internet, używając ruchomego typu.
Niedawno stała się szeroko stosowaną techniką projektowania stron internetowych (a także niektórych aplikacji mobilnych) i jest dość powszechna w filmach internetowych. Służy do wszystkiego, od reklamy i promocji po sztukę, teledyski i narzędzie do opowiadania historii dla dziennikarzy.
Kiedy należy stosować typografię kinetyczną?
Typografia kinetyczna to zabawne narzędzie dla twojego zestawu, ale nie jest to łatwe rozwiązanie problemu, którego nie znam na żadną sztukę. Powinien być używany - jak każde inne narzędzie - do określonego celu i określonego celu.
Istnieją zastosowania, w których typografia kinetyczna okazała się szczególnie skuteczna. Te zastosowania najczęściej dotyczą tonu. Dodanie ruchomego typu do czegoś, co w innym przypadku byłoby statyczne, może pomóc w osiągnięciu tego celu. Najlepsze zastosowania typografii kinetycznej obejmują:
- Tworzenie treści emocjonalnych
- Tworzenie postaci
- Przyciąganie uwagi
Według badań, sposób przesuwania się typów również przyczynia się do tych zastosowań. Na przykład: „Głośność można naśladować, zmieniając rozmiar tekstu, a także jego wagę, a czasami kontrast lub kolor. W przypadku dużych objętości można zastosować ruchy imitujące wibracje. ” Podczas tworzenia postaci można ustawić czcionkę tak, aby poruszała się w sposób, który naśladuje ludzki ruch, a ponadto można ją animować w celu „dołączenia” do obiektów lub kształtów w sposób, który tworzy relacje przestrzenne lub tworzy skojarzenia z określonym kierunkiem.
Zastosowania typografii kinetycznej
Teraz, gdy zaczynasz ekscytować się ideą typografii kinetycznej, jak możesz ją wykorzystać w praktycznych zastosowaniach? Jakie media działają najlepiej?
Po pierwsze, rodzaj ruchomy to format wideo i online. O ile nie tworzysz flipbooka, koncepcja ta ma niewiele zastosowań w drukowanych projektach. Ważne jest, aby pomyśleć o swoich odbiorcach i czasie, jaki mogą spędzić z animacją. Krótko mówiąc jest zalecane w aplikacjach internetowych i mobilnych, podczas gdy w filmie lub reklamie możesz mieć nieco więcej czasu dla każdego użytkownika.
Tak czy inaczej, ważne jest, aby stworzyć coś interesującego, łatwego do odczytania i zrozumienia oraz tworzącego emocjonalne połączenie. Typowe praktyczne zastosowania typografii kinetycznej obejmują zastosowania edukacyjne, takie jak popularne filmy „Schoolhouse Rock” i programy, które były nadawane na żywo w latach 1973–2009; promocyjne lub reklamowe; i teledyski.
Podczas planowania typografii kinetycznej występują pewne typowe wzorce ruchu i zachowania.
- Zwolnione lub przyspieszone
- Rozciąganie lub kurczenie się
- Poruszanie się po łukach lub falach, gdy tekst porusza się po zakrzywionych ścieżkach
- Przewidywana akcja, taki subtelny ruch przed ostrym
- Wykonuj czynności, które mają miejsce po tym, jak wydarzyło się coś innego
- Druga akcja, gdy tekst się przesuwa z powodu czegoś, co dzieje się z innym elementem w ramce
Zasoby i samouczki
Złożenie animowanego typu może być tak proste, jak utworzenie gif lub tak skomplikowane, jak stworzenie teledysku. Istnieje jednak wiele dobrych i bardzo łatwych do opanowania samouczków, jeśli naprawdę chcesz nauczyć się technik typografii kinetycznej.
Po pierwsze, polecam przyjrzeć się, co tam jest i nieograniczoną liczbę dostępnych opcji tworzenia ruchomego typu. (Zapoznaj się z typografią kinetyczną na Tumblrze, aby uzyskać zabawne przykłady.) A potem zacznij grać z gifami. Jeśli nie masz nic przeciwko narzędziom do animacji Adobe Photoshop, możesz stworzyć coś prostego w kilka minut. Następnie możesz przejść do większych projektów.
Ponadto istnieją narzędzia ułatwiające szybkie tworzenie prostych animacji tekstowych.
- Silnik typografii kinetycznej
- Samouczek typografii kinetycznej autorstwa Jesse Rosten
- Samouczek typografii kinetycznej autorstwa Crooked Gremlins
- Techniki typografii kinetycznej z efektami końcowymi
- Kurs typografii kinematograficznej Udemy
- Adobe TV: samouczki wideo Edge Animate
- Wskazówki dotyczące animacji typu MotionWorks
Wniosek
Korzystanie z typografii kinetycznej może być świetnym narzędziem. Typ ruchomy może dodać efekt, połączenie emocjonalne i zainteresowanie wizualne projektom cyfrowym i wideo. Choć opanowanie technik może zająć trochę czasu, prawdopodobnie pozostanie. (Pomyśl tylko, że projektanci używali tej techniki w jakiejś formie od ponad 50 lat).
Czy pracujesz obecnie nad projektami wykorzystującymi typografię kinetyczną? Jak oni się kształtują? Podziel się z nami swoimi przemyśleniami (i linkami do projektów) w komentarzach. Chcielibyśmy zobaczyć, nad czym pracujesz.
