Kurs interaktywnej komunikacji wizualnej NARZĘDZIA WIZUALIZACJI Andrzej Łachwa andrzej.lachwa@uj.edu.pl 8/8
Osiem zasad projektowania plakatów Davida Bernsteina 1. prostota 2. jeden element dominujący 3. śmiałość 4. wyraźna, czytelna czcionka 5. krótkie zdania 6. odpowiednia wielkość 7. kontrastujące barwy 8. 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. używanie obrazów rastrowych 2. rozpoczynanie od monogramu 3. kradzieże pomysłów i zapożyczenia 4. 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/
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=c228f21b
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!
PROJEKT 1 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/
PROJEKT 2 Tytuł: Struktura społeczności studentów w Polsce Autorzy: Mateusz Bartczak, Michał Bialik, Grzegorz Ryguła, Agnieszka Wolska, Paweł Zwoliński Dane: www.stat.gov.pl/gus/5840_657_plk_html.htm
PROJEKT 3 Tytuł: Małżeństwa w Polsce Autorzy: Maksymilian Imioło,... Dane: www.stat.gov.pl/gus/5840_rocznik_demograficzny_plk _HTML.htm
PROJEKT 4 Tytuł: Eksport broni w USA w latach 1980-2011 Autorzy: Szczepan Urlik,... Dane: www.stat.gov.pl/gus/5840_rocznik_demograficzny_plk _HTML.htm
Zadanie indywidualne (termin oddania: 8 maja 2013) Proszę opracować model struktury danych dla hipotetycznej wizualizacji. Proszę przysłać dokumentację zawierającą: 1. tytuł i autora 2. krótki opis wizualizacji 3. krótki opis obszaru analizy, diagram, schemat oraz adresy źródeł danych