3 sposoby na zaprojektowanie infografiki, która wyróżnia się na tle tłumu
Infografiki nie są nowe. Z pewnością interaktywne też nie są - ale wraz z wprowadzeniem na rynek najnowszych serwisów informacyjnych, takich jak Vox,Pięćdziesiąt osiem i The Upshot , stają się coraz popularniejsze.
A ponieważ widzowie oglądają te infografiki na tabletach, telefonach i komputerach, budowanie tych grafik w HTML5 jest najlepszym rozwiązaniem - to prawdopodobnie sposób, w jaki Twoi klienci i współpracownicy poprosią Cię o kompilację!
ZA mapa fanów baseballu przez The Upshot
Oto trzy sposoby, aby upewnić się, że interaktywne infografiki oparte na HTML5 przerywają bałagan.
1) Zastanów się, dlaczego robisz infografikę w pierwszej kolejności przy użyciu metody FIRED
Zanim nawet pomyślisz o technologii, ważne jest, aby pomyśleć o grafice z punktu widzenia widza. Podczas gdy HTML5 daje ci zupełnie nowe medium do prezentacji historii twoich danych, nie daje to automatycznie celu ani narracji utworu.
To oczywiste, kiedy projekt został spolszczony w ostatniej chwili, bez względu na użyteczność czy jakość. Jak uniknąć wykonywania tej pracy? Lubię stosować metodę "FIRED" - łatwy sposób na zapamiętanie krytycznego myślenia, zanim zaczniesz używać najnowszych sztuczek CSS do stworzenia interaktywnej mapy:
- Fresh - Jak Twój projekt wyróżnia się z tłumu?
- Informacyjne - Czy prezentujesz dokładne i intrygujące fakty?
- Istotne - czy twoje informacje mówią o harmonijnej historii?
- Zabawne - Czy widz jest wciągnięty i podekscytowany faktem bycia częścią twojej opowieści?
- Różne - Czy Twoja infografika jest nowa? Czy to już było zrobione wcześniej?
Zadając te pytania, pomożesz określić cele swojej strony i sposób, w jaki twoja wiadomość ma się rezonować z odbiorcami. Ostatecznie twój produkt końcowy powinien ująć twój pomysł w jasny i smaczny sposób. Bądź kreatywny, tak, ale także zdyscyplinowany. Sztuka graficzna jest tym, co powinno przyciągnąć czytelnika, ale przedstawione dane muszą być zwięzłe; nie pozwól, aby medium wyprzedziło wiadomość. Udana infografika przyciąga widzów po więcej i jest łatwa do strawienia.
2) Niech się poruszy
Adobe Edge Animate to narzędzie do animacji HTML5, które pozwala dodawać ruch do grafiki internetowej, umożliwiając rozszerzanie niestandardowych projektów za pomocą interaktywności i ruchu. Ponadto integruje się z innymi narzędziami kreacji, aby zapewnić bezproblemową łączność między projektem i HTML podczas tworzenia w Internecie. Jest kilka naprawdę świetnych szablonów i próbek strona prezentacyjna aby zacząć. Jeśli chcesz przejść głębiej i dodać elementy, takie jak przeciągane przez kliknięcie i dotknięcie skrubery, tutaj jest samouczek z zasobami aby zacząć.
Możesz także tkać w interaktywnej grafice, która wykorzystuje najnowsze aktualizacje przeglądarki do CSS i HTML5, aby uzyskać całkiem ciekawe efekty. CSS Shapes jest w ostatniej fazie specyfikacji; Sprawdź to (Github repo tutaj ).
The ewolucja sieci infografika.
3) Dane, dane, dane
Infografika to nic, bez silnych źródeł danych i narzędzi do zilustrowania ich.
Źródła danych mogą się różnić - niezależnie od tego, czy chodzi o własne badania, czy o klienta. Jest też dobra lista na Quora of publicznie dostępne zbiory danych który może dać ci dobre, surowe dane do zabawy.
Niektóre z moich ulubionych usług infograficznych (które oczywiście dostarczają wszystkich produktów HTML5) do zbierania i oceniania twoich danych to:
- Piktochart - bezpłatna usługa (z płatną opcją pro) oferująca szeroki zakres dostosowywalnych motywów za pomocą narzędzia do importowania danych.
- infogr.am - bezpłatna usługa (z opcją płatnego pro), oferująca szablony, arkusze kalkulacyjne i inne narzędzia do tworzenia wykresów wizualnych.
- naocznie - społeczność grafików. Podczas gdy cena visual.ly może wydawać się nieco stroma (stworzą ci infografikę opartą na kreatywnym briefie zaczynającym się od 999 $), ich społeczność jest pełna inspiracji, kiedy chce rozpocząć swój własny projekt infografiki.
A jeśli jesteś szczególnie ambitny i chcesz naprawdę głęboko zagłębić się w szerszą dziedzinę nauki o danych, istnieje mnóstwo zasobów online na ten temat. Są takie MOOC kurs dotyczący danych z Uniwersytetu Waszyngtońskiego.