Tworzenie wstępów lub dodawanie tekstu i tytułów do filmu może być frustrujące — czujesz, że nie wyszło dobrze, ale nie wiesz, co można poprawić. Przyjrzymy się problemowi tworzenia wstępów i dodawania tekstu do filmów przy użyciu prostej struktury.
C.R.A.P to prosty i łatwy do zapamiętania (z oczywistych powodów) framework przedstawiony przez projektanta Robina Williamsa w jej książce The Non-Designer's Design Book. Sprawdź, czy dopiero zaczynasz interesować się projektowaniem i chcesz je pielęgnować.
A więc przejdźmy do rzeczy.
Na potrzeby analizy weźmy to intro, które stworzyłem na Typito, używając najprostszych dostępnych mi elementów - prostokąta, płynnego przejścia i zestawu krojów pisma.
Bezbarwny, prosty sposób na przedstawienie filmu
C.R.A.P
Kontrast
Kontrast powinien być używany do podkreślenia najważniejszych punktów, które publiczność powinna zabrać.
W powyższym wstępie są tylko dwie informacje, a najważniejszą z nich jest tytuł. Powinniśmy zwrócić uwagę widza na tytuł, a można to osiągnąć, nadając tytułowi większy rozmiar czcionki, tak aby pierwszą rzeczą, na którą zwraca się uwagę, był tytuł.
Tworzenie rozróżnienia między tytułem a podtytułem
Powtórzenie
Powtarzanie to czynność polegająca na ujednoliceniu wszystkich części projektu poprzez osiągnięcie spójności
Jeśli spojrzysz na projekt intra, są tam trzy elementy - prostokątne wzory, tytuł i slogan wspierający tytuł. Te trzy elementy są nie do odróżnienia od siebie, przez co intro wygląda nijakie.
Teraz możemy nadać osobną czcionkę tytułowi i podtytułowi, aby wyróżniały się od siebie. Ten styl można następnie zastosować do dowolnych innych tytułów lub tekstu, które trzeba dodać w filmie. Użyłem Roboto Black dla tytułu i Raleway dla podtytułu.
Poza podaniem osobnych krojów czcionek, usunąłem cień z podtytułu, teraz tytuł jest bardziej widoczny
Prostokątne wzory można ujednolicić, nadając im jeden kolor. Daje to również kontrast między wzorami a tekstem, dzięki czemu jest przyjemniejszy dla oka.
Wyrównanie
Nic nie powinno być umieszczane dowolnie, każdy element powinien mieć jakiś związek z innym elementem na stronie (w naszym przypadku wideo)
Teraz animacja wprowadzająca znajduje się na środku filmu, dlatego może być właściwe wyśrodkowanie tytułu i podtytułu.
Możesz również zauważyć, że wideo przesuwa się powoli od prawej do lewej, więc prawdopodobnie dobrze by wyglądało, gdybyśmy mogli ujawnić przejście z prawej strony. Po zabawie z szybkością przejścia:
Po prostu wsuń płynnie
Bliskość
Elementy lub grupy informacji, które nie są ze sobą powiązane, nie powinny znajdować się blisko innych elementów, co daje czytelnikowi natychmiastową wizualną wskazówkę dotyczącą organizacji i zawartości strony (ponownie w naszym przypadku wideo)
Niekoniecznie dotyczy to naszego wstępu, ponieważ ma bardzo mało elementów. Należy jednak pamiętać, że nie należy próbować zmieścić zbyt wielu elementów lub tekstu w tym samym czasie. Na przykład, jeśli masz inny tytuł, który dzieli film na różne rozdziały, prawdopodobnie powinieneś wybrać inną klatkę, w której chcesz go umieścić.
Nie umieszczaj zbyt wielu treści w tej samej ramce, rozłóż je
Dużo myśleliśmy o tych zasadach, kiedy tworzyliśmy Typito, dlatego zostały one domyślnie uwzględnione w tworzonych przez nas szablonach ruchu. Możesz użyć jednego z szablonów, które stworzyliśmy, lub skorzystać z zasady C.R.A.P, aby stworzyć świetne wprowadzenie do swojego filmu na YouTube.
Szablony ruchu dostępne w Typito