Cinemagraphs w projektowaniu stron internetowych
Jeśli przeczytasz któryś z niezliczonych raportów trendów w zakresie projektowania stron internetowych, które pojawiły się na początku tego roku, prawdopodobnie przeczytałeś o obietnicy dużych rozmiarów kinematograficznych wielkości bohatera umieszczonych w widocznym miejscu na wszystkich stronach internetowych. Więc gdzie oni są?
Podczas gdy kilka modnych firm wykorzystuje je na swoich stronach internetowych, kinograf został w dużej mierze pozbawiony możliwości prezentowania artykułów podsumowujących i reddit.
Cóż, wystarczy powiedzieć, że wystarczy. Nadszedł czas, aby kinomaniaki powstały i zajęły swoje właściwe miejsce jako strona internetowa, której mieli zostać przeznaczeni.
Dlaczego działają kinografy
Pomysł podążania za trendem projektowania stron internetowych po prostu dlatego, że został przewidziany, nigdy naprawdę mnie nie ekscytował. Ale co, jeśli mógłbyś rzeczywiście zapoczątkować taki trend? A co, jeśli rzeczywiście miał jakiś cel i rozwiązał problem w tym samym czasie?
Ludzkie oko uwielbia ruch.
Jeśli chodzi o cinemagraphs, wszystkie powyższe stwierdzenia są prawdziwe. Choć z pewnością omawiano go (a nawet prognozowano jako trend w projektowaniu stron internetowych), bardzo niewiele stron internetowych faktycznie je wykorzystuje. W rezultacie nawet nie zbliżyli się do osiągnięcia masy krytycznej, więc nadal hipnotyzują większość użytkowników sieci.
Niezupełnie zdjęcie, nie całkiem wideo, kinografy są nieodłącznie związane z okiem, ponieważ oszukują widza na tyle długo, by móc im się przyjrzeć. W erze ADD, w której dziś żyjemy, wszystko, co możesz zrobić, aby zatrzymać użytkownika - nawet na chwilę - liczy się jako mała wygrana z jednego bardzo ważnego powodu:
Masz ich uwagę.
Jednym ze szczególnie skutecznych sposobów przyciągnięcia uwagi na stronie internetowej zawsze był film. Ludzkie oko uwielbia ruch. Ale duże wideo bohatera (nawet krótkie) jest tak nieporęczne . Na pewno można go skompresować w ciągu jednego cala jego życia, ale potem wygląda na ... skompresowany. Możesz też zostawić to w spokoju i ponosić konsekwencje powolnego ładowania strony internetowej.
Ale dzięki kinematografii można zaoszczędzić dużo przepustowości, a jednocześnie zaspokoić zapotrzebowanie na ruch. W rzeczywistości podnosisz stawkę, ponieważ możesz skorzystać z nowatorskiego aspektu kinematografii - Ludzie po prostu nie widzą ich zbyt często i są pod wrażeniem, kiedy to robią.
Skoro już wiesz, dlaczego kinomaniści zasługują na miejsce w sieci, przyjrzyjmy się, jak ożywić kogoś na wysokim poziomie.
Silniki Glendevon wykorzystuje kinografię w obszarze swojego bohatera, aby przekazać nastrój i wyróżniać się jako "marka premium" wśród swoich konkurentów.
Opcja 1: użyj wcześniej utworzonego kinematografii
Istnieje wiele przypadków, w których pozyskanie gotowego CG jest akceptowalne, a nawet preferowane do tworzenia własnych. Powiedziałbym, że jeśli znajdziesz to, czego potrzebujesz, i masz w budżecie na uzyskanie praw do tego, to jest droga do zrobienia. Jedyne pytanie brzmi: gdzie je znajdziesz?
Dobra wiadomość jest taka, że masz opcje. Będą one w dużej mierze zależne od twojego budżetu (lub twojego klienta), ale istnieje wiele źródeł. Jest ich nawet kilka darmowe do wybrania z. Jednakże, jeśli masz osiemdziesiąt dolarów do wydania, Shutterstock ma całkiem przyzwoity wybór CG o wysokiej rozdzielczości.
(Wskazówka: nie mają osobnej sekcji kinematografii, więc po prostu musisz wyszukać termin "kinografika" oraz inne wyszukiwane słowa w sekcji "nagrania").
Jeśli uda Ci się znaleźć to, co wymyśliłeś, prawdopodobnie będziesz chciał skompresować plik do pewnego stopnia. Wiecej o tym za chwile.
Opcja 2: Stwórz własne
Cały sens używania CG zamiast wideo polega na tym, że ma on być odrobiną mind-trick.
Może nie możesz znaleźć tego, co sobie wymyśliłeś. A może jesteś po prostu głupim majsterkowiczem i szanuję cię za to. Jak więc dokładnie wygląda kinematografia od zera?
Po pierwsze, pomaga mieć odpowiedni sprzęt i plan. Oto, co polecam zacząć:
- Aparat, który może nagrywać wideo
- Trójnóg
- Model i / lub wszelkie niezbędne rekwizyty
- Komputer
- Dostęp do programu do edycji wideo (opcjonalnie)
- Dostęp do Adobe Photoshop lub bardziej dedykowanego oprogramowania do edycji filmów, takiego jak flixel
Tego właśnie potrzebujesz, aby zrobić kinografię. Ale aby było to skuteczne, potrzebujesz świetnego pomysłu.
Co sprawia, że świetny bohater Kinografika?
Podczas gdy ogólny temat twojej GG zostanie w dużej mierze podyktowany przez niszę samej strony, podczas ustawiania sceny należy pamiętać o pewnych uniwersalnych punktach. Upewnij się, że:
- Zachowaj to subtelnie: cały sens używania CG zamiast wideo jest taki, że ma to być trochę umysłu-triku. Niektóre z najlepszych CG wyglądają bardzo nieruchomo, a następnie zaskakują widza subtelnym ruchem. Mówiąc o subtelności, upewnij się, że cała kompozycja nie jest nadmiernie zajęta lub jaskrawo zabarwiona, jeśli nakładasz warstwę tekstu i na nią CTA. Pamiętaj, że CG powinien odegrać te elementy, a nie odwracać ich uwagi. A propos…
- Pozostaw miejsce prawdziwemu bohaterowi: upewnij się, że wiesz, gdzie chcesz nagłówek, nagłówek i przycisk wezwania do działania, aby przejść do kinematografii. Ma to wpływ na miejsce głównej akcji w kompozycji.
- Trzymaj go zakotwiczone: Oczywiście, CG ma jakiś ruch, ale scena musi być bardzo nieruchoma, aby właściwie przeciwstawić ruch. Statyw powinien pomagać w ruchu tła i stabilności aparatu. Jeśli oczy twojego modela mają poruszać się z boku na bok, upewnij się, że trzyma w tym samym momencie swoją głowę.
- Spraw, aby pętla była w stanie: Ponieważ plik ma być względnie mały, trzeba zapętlić akcję, aby powtarzała się tak płynnie, jak to tylko możliwe. Zaplanuj to podczas ustawiania sceny. Idealnie pierwsza pozycja powinna bardzo ściśle pasować do ostatecznej pozycji, zamykając pętlę.
- Użyj osoby, jeśli to możliwe: Badania wykazały że obrazy z ludźmi w nich trzymają uwagę ludzi znacznie bardziej niż tych, którzy tego nie robią. Dotyczy to również CG. Dodatkowe punkty, jeśli uda Ci się sprawić, by twój model wyglądał w kierunku CTA. Zostało to pokazane aby również przyciągnąć oko użytkownika.
Po ustawieniu wszystkich elementów, postaraj się nakręcić około 20-30 sekund filmu, powtarzając pożądany ruch kilka razy, z około 5 sekundami utrzymywania rzeczy całkowicie nieruchomych pomiędzy. Powinno to dać ci wystarczająco dużo materiału, by przekształcić się w przyciągający wzrok kinograf.
Składając to razem
Chociaż nie będę przechodził krok po kroku w kierunku przekształcania wideo w kinematografię, dostępnych jest kilka opcji. Możesz zapłacić 299 $ za wykorzystanie dedykowanego programu do projektowania kinematografii, ale możesz umieścić ładne CG razem używając Photoshopa (które, jak przypuszczam, już wykorzystujesz.)
Kompresowanie pliku
Niezależnie od tego, czy wykonano CG od zera, czy pozyskano już istniejący, chcemy się upewnić, że ładuje się szybko. Niezależnie od tego, czy ostatecznym plikiem wyjściowym jest gif, czy wideo (co polecam), kompresja będzie opierać się na dwóch osobnych czynnikach:
- Jakość
- Długość
Osobiście staram się uzyskać najwyższą możliwą jakość w każdym dużym formacie obrazu bohatera, wideo lub kinematografii. Moim zdaniem, poświęcenie jakości każdego pliku, który ma na celu taki efekt wizualny, jest wstydem. Aby to zrównoważyć, staram się, aby moja pętla kinematograficzna była tak krótka, jak to tylko możliwe.
Działanie będzie miało wpływ na to, jak krótka może być pętla - pociąg brzęczący może być znacznie krótszy niż powolne, celowe spojrzenie na oku, które może wyglądać nieco spastycznie, jeśli powtórzy się zbyt szybko. Weź poniższy przykład z agencji internetowej Głębokie zakończenie . Ponieważ wszystko, co potrzebne jest tutaj, aby jeden samochód pociągowy pasował do następnego, aby uzyskać całkiem płynną pętlę, udało mi się go zredukować do około jednej sekundy.
Mimo że udało mi się zachować tę akcję niezwykle zwięzłą, nadal wiedziałem, że rozmiar pliku może zostać zmniejszony, aby jeszcze bardziej zwiększyć obciążenie. Skończyło się na użyciu darmowego kompresora wideo online o nazwie ClipChamp . Udało mi się skompresować wideo z kilku megabajtów do soczystego 319 KB. Pamiętaj, że większość użytkowników odbije się od Twojej witryny po zaledwie trzech sekundach oczekiwania, więc opłaca się być szybkim.
A jeśli wynik końcowy pozostawia artefakty ze skrajnej kompresji, zawsze możesz zastosować wypróbowaną i prawdziwą sztuczkę używaną na niedoskonałych filmach bohatera - zamaskuj ją półprzezroczystą wzorzysta nakładka .
Chcesz zobaczyć, jak inni wykorzystali kinografię jako obrazy bohaterów? Mam dobre i złe wiadomości. Nie ma zbyt wielu do pokazania, co jest złą wiadomością. Ale dobrą wiadomością jest to, że gdybyś wprowadził ten plan w czyn, byłbyś na awangardzie, co zapowiada się na całkiem spory trend.
Oto para, którą udało mi się znaleźć w internecie:
Gilt Taste [Editor's note: Ta strona jest wyłączona.]
Końcowe przemyślenia
Kinograf może nie tylko kopnąć nudny projekt strony internetowej o kilka stopni, ale może również wpłynąć na jego sukces. Jeśli połączysz to z morderczym nagłówkiem i przekonującym wezwaniem do działania, możesz naprawdę przyciągnąć uwagę użytkowników. To, co robisz z tą uwagą, zależy od Ciebie.