NARZĘDZIA WIZUALIZACJI

Kurs interaktywnej komunikacji wizualnej
NARZĘDZIA WIZUALIZACJI
Andrzej Łachwa
[email protected]
8/8
Osiem zasad projektowania plakatów Davida
Bernsteina
1.
2.
3.
4.
5.
6.
7.
8.
prostota
jeden element dominujący
śmiałość
wyraźna, czytelna czcionka
krótkie zdania
odpowiednia wielkość
kontrastujące barwy
spójny wizerunek
www.ams.com.pl/abc_zasady_projektowania.html
Trzy cechy legendarnych logotypów firmowych
1. prostota
2. rozpoznawalność
3. ponadczasosowość
http://www.logofirmowe.pl/reguly‐i‐zasady‐projektowania‐logo/
Siedem mądrych zasad projektowania logo
1. nie używaj więcej niż trzech kolorów
2. nie używaj więcej niż dwóch krojów pisma
3. pozbywaj się wszystkiego, co nie jest
absolutnie konieczne
4. logo powinno zawsze wyglądać dobrze: małe,
duże, pozytyw, negatyw
5. logo musi być zapamiętywalne
6. nie słuchaj destruktywnych opinii
7. nie łącz znanych elementów nazywając to
oryginalną pracą
http://www.logofirmowe.pl/reguly‐i‐zasady‐projektowania‐logo/
Cztery podstawowe błędy amatorskiego
projektowania logo
1.
2.
3.
4.
używanie obrazów rastrowych
rozpoczynanie od monogramu
kradzieże pomysłów i zapożyczenia
nieoczyszczenie finalnych plików
http://www.logofirmowe.pl/reguly‐i‐zasady‐projektowania‐logo/
Trzy zasady projektowania infografiki
1. szkielet i diagramy
2. kolory, typografia
3. badania i dane
http://www.projektowaniegraficzne.pl/jak‐zaprojektowac‐infografike/
Randy Krum: 10-tips-for-designing-infographics
http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/
http://www.projektowaniegraficzne.pl/zasady‐projektowania‐grafiki‐i‐
reklamy/
Some great tips for designing infographics:
Keep it simple! Don’t try to do too much in one picture.
Decide on a colour scheme.
Research some great facts and statistics.
Think of it as a visual essay: ensure your arguments hold
and are relevant.
Remember that it’s all about quickly conveying the
meaning behind complex data.
Draw conclusions.
Reference your facts in the infographic.
Include your URL so people can be sure who made it.
http://www.makeuseof.com/tag/awesome-free-tools-infographics/?asid=c228f21
b
InfoGraphic Designs: Overview, Examples and Best
Practices
Some Examples
http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/
10 of My Favorite Infographics
http://www.evolutionarydesigns.net/blog/2010/09/22/10-of-my-favorite-infographics/
40 Useful and Creative Infographics
http://sixrevisions.com/graphics‐design/40‐useful‐and‐creative‐infographics/
http://spyrestudios.com/
„5-steps-to-create-a-powerful-visual”
http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/
http://spyrestudios.com/the-anatomy-of-well-designed-successful-infographics/
http://spyrestudios.com/top-10-internet-tech-related-infographics-from-2012/
Sztuką jest wspaniały design, który nie tylko
wygląda świetnie, ale jest również wartością dodaną
do treści. Wydobywa z niej to co najlepsze. Ułatwia
jej konsumpcję.
www.contentking.pl
Poszukaj metafory wizualnej, za pomocą której
możesz przedstawić swoją koncepcję. Metafory,
która dodatkowo podkreśli prezentowane dane i
Twoje przesłanie.
Na bazie metafory wizualnej utwórz szkic swojej
infografiki. Rozplanuj prezentację danych, czyli
liczb, tekstów, obrazków.
Tworzenie stron internetowych wymaga takiego
samego zrozumienia tekstu i elementów
wizualnych, jakie potrzebne jest przy tworzeniu
stron do druku!
Zobacz:
Tim Harrower: Podręcznik projektanta gazet.
exPres, Warszawa 2006
„W ramach Learning Network New York Times
nauczyciele i uczniowie mogą używać
udostępnionych materiałów, wykorzystywać
aktualne treści, cytować dokumenty i uczestniczyć
we wszystkich edukacyjnych projektach
realizowanych przez Redakcję. W 2010 r. New York
Times zaproponował studentom i nauczycielom
interaktywne szkolenia w zakresie czytania i
interpretacji wizualnej informacji udostępniając
najlepiej opracowane projekty infograficzne ...”
[Pulak I., Wieczorek-Tomaszewska M.: Infografika – graficzne piękno
informacji. Kraków 2011;
www.ktime.up.krakow.pl/symp2011/referaty2011/pulak.pdf]
http://learning.blogs.nytimes.com/2010/08/23/
teaching-with-infographics-places-to-start/
Zobacz koniecznie film:
http://www.ted.com/talks/david_mccandless_the_beauty_of_dat
a_visualization.html
i inne materiały NYT!
PRZYKŁAD PROJEKTU Z 2013 ROKU
Tytuł: Wypadki lotnicze na świecie
Autorzy: Stanisław Maciaś, Piotr Obłonczek, Katarzyna
Sobótka, Patrycja Trela, Marlena Gierczak
Dane: http://www.ntsb.gov/aviationquery/