PJWSTK, NoWe Media
Studia Magisterskie, rok I
Ewa Satalecka, dr
TYPoGRaFia 3
semestr zimowy I
TYPoGRaFia KiNeTYczNa
ZAłOżENIA I CELE
Przedmiot typografia kinetyczna na poziomie studiów magisterskich,
bazując na wcześniej zdobytej wiedzy w zakresie podstaw typografii,
wprowadza do projektowania typograficznego elementy ruchu, czasu
i rytmu oraz interakcji, służące tworzeniu dynamicznych kompozycji
tekstowych, edytowanych przy pomocy nowoczesnych narzędzi cyfro-
wych.
Po ukończeniu kursu typografii student potrafi samodzielnie stworzyć
i wyedytować dynamiczny, interaktywny projekt typograficzny. Rozu-
mie i potrafi przedstawić dokumentację procesu projektowego. Uży-
wa prawidłowo hierarchii w tworzeniu struktury tekstowej informacji
wizualnej. Zna i stosuje zasady składu tekstu ruchomego i statycznego
w języku polskim. Prawidłowo przygotowuje materiały projektowe do
publikacji na wybranym nośniku. Posługuje się sprawnie narracją wizu-
alną, umiejętnie budując relację między obrazem i tekstem, tworzący-
mi sekwencję. Potrafi analizować i dyskutować projekt w zespole.
TRYB PROWADZENIA ZAJęć
zajęcia odbywają się w środy od godz. 15.15 do godz. 17.00 w pracowni
typografii, w oparciu zarówno o narzędzia cyfrowe jak i narzędzia kla-
sycznego warsztatu graficznego. Obejmują trzy ćwiczenia semestralne
opisane w oddzielnych, szczegółowych sylabusach.
Praca nad rozwiązaniem ćwiczeń opiera się na prowadzonych samo-
dzielnie badaniach, pracy domowej, bibliotecznej oraz spotkaniach se-
minaryjnych i dyskusjach w grupie. Każde ćwiczenie poprzedza wykład
wprowadzajÄ…cy. Projekty oceniane i dyskutowane sÄ… w grupie, w trakcie
prezentacji i spotkań seminaryjnych. Korekcie i ocenie podlega pełny
proces projektowy.
OCENA
abY uzYSKać zaliczeNie NiezbędNY JeST udział W MiNiMuM 80 % zaJęć.
Ocena obejmuje:
 SToPień zdolNości do SaModzielNeJ, KReaTYWNeJ PRacY Nad RozWią-
zaNieM PRobleMu:
 nowatorskie idee,
 eksperymenty,
 organizacjÄ™ procesu projektowego;
 PRaKTYczNe RezulTaTY PRzePRoWadzoNeGo PRoceSu PRoJeKToWeGo:
 jakość i stopień odpowiedzi na zadane cele,
 walory komunikacyjne i wizualne,
 estetykÄ™ prezentacji projektu;
 zdobYTÄ… WiedzÄ™ TeoReTYczNÄ… i WaRSzTaToWÄ…:
 jakość i zakres przeprowadzonych badań,
 znajomość i sposób użycia narzędzi,
 własne pomysły innowacyjne i rozwiązania warsztatowe wspo-
magajÄ…ce projekt;
 zaaNGażoWaNie i WSPółPRacę W zeSPole:
 obecność na zajęciach,
 zaangażowanie i jakość współpracy w zespole,
BIBLIOGRAFIA
Ogólne
Emil Ruder, Typography
Erick Bain, Display Typography
Armin Hofmann, Graphic Design Manual
Robin Kinross, Modern Typography
Robert Bringhurst, The Elements of Typographic Style
Otl Aicher, Typography
Erik Spiekermann and EM Ginger, Stop Stealing Sheep
Carter, Day, Meggs Typographic Design. Form and Communication
Josef Muller-Brockmann, The Graphic Artist and His Design Problems
Phil Baines & Andrew Haslam, Type & Typography
John Kane, Type Primer
James Felici, The Complete Manual of Typography
Ellen Lupton, Thinking with Type
Ambrose and Harris, The Fundamentals of Typography
Jost Hochuli, Detail in Typography
Gerard Unger, While You,re Reading
Hans Willberg, Friedrich Forssman, Pierwsza pomoc w typografii, SÅ‚owo/
obraz terytoria, 2004
Robert Bringhurst, Elementarz stylu w typografii, Design Plus and Robert
Bringhurst Inc., 2007
Ellen Lupton, Thinking with type, a critical guide for designers, writers, editors
& students, Princeton Architectural Press, 2004  książka on-line: http://
www.papress.com/thinkingwithtype/
Adrian Frutiger: Człowiek i jego znaki, Wydawnictwo Do, Optima 2003
James Felici: Kompletny przewodnik po typografii, SÅ‚owo/obraz, 2006
Krzysztof Tyczkowski: Lettera magica, Polski Drukarz 2005
Gavin Ambrose, Paul Harris Twórcze Projektowanie, Wydawnictwo Na-
ukowe PWN, 2007
Tibor Szanto: Pismo i styl, Ossolineum, 1986
Friedrich Friedl, Nicolaus Ott, Bernard Stein: Typo when, who, how, Ko-
nemann, 1998
Andrzej Tomaszewski: Leksykon pism drukarskich, Krupski, 1996
Projektowanie krojów i kaligrafia
Alexander Lawson, Anatomy of a Typeface
Adrian Frutiger, Type, Sign, Symbol
Sebastian Carter, Twentieth-Century Type Designers
Neil Macmillan, An A-Z Type Designers
Karen Cheng: Design in type, Yale University, 2006
Gerrit Noordzij: The stroke theory of writing, Hyphen Press, London, 1985
Biografie, monografie, postaci, studia na które warto zwrócić uwagę
Paul Rand
Bruce Rogers
Jan Tschichold
Bradbury Thompson
El Lissitzky
Josef Müller-Brockmann
Herbert Bayer
Piet Zwart
Armin Hoffmann
Wolfgang Weingart
W.A. Dwiggins
Max Bill
Richard Paul Lohse
Alexander Rodchenko
Varvara Stepanova
Ladislav Sutnar
Bruno Monguzzi
Hans Neuburg
Massimo Vignelli
Eric Gill
Liubov Popova
Dan Friedman
Anton Stankowski
Ken Hiebert
Vaugham Oliver
Hans Schmoller
Karl Gerster
Yusaku Kemekura
Herb Lubalin
William Golden
Hans Schleger (Zero) Władysław Strzemiński
Ikko Tanaka Henryk Berlewi
Will Sandberg Teresa Żarnowerówna
Anthony Froshaug Franciszka & Stefan Themerson
Otto Treumann Jan Kubasiewicz
Max Huber Jan Tomaszewski
Studio Boggeri Jan Lenica
Lou Dorfsman Roman Cieślewicz
Art Chantry Krzysztof Lenk
Karel Teige Roman Tomaszewski
Kurt Schwitters Leon Urbański
Laszlo Moholy-Nagy Maciej Buszewicz
HN Werkman Lech Majewski
Hermann Zapf Robert OleÅ›
Hendrik Werkman Magdalena & Artur Frankowski
Willi Baumeister A
ukasz Dziedzic
Ed Fella Martin Majoor
Georg Trump
Paul Renner
Willi Kuntz
Derek Birdsall
Chermayeff & Geismar
Neville Brody
Jonathan Barnbrook
Robert Brownjohn
Otl Aicher
April Greiman
Paul Schuitema
Massin
MacLaren
Fischinger
Typetogether
Georg Richter
Saul Bass
Alexy Brodovich
Kyle Cooper
Muriel Cooper
John Maeda
David Small
Lisa Starausfield
Dan Boyarski
Jenny Holtzer
Wodiczko
Media Lab MIT
Projektowanie książki, layout, grid
Richard Hendel, On Book Design
Jost Hochuli & Robin Kinross, Designing Books
Hugh Williamson, Methods of Books Designing
Adrian Wilson, The Design of Books
Jan Tschichold, Designing Books
Josef Muller-Brockmann, Grid systems in Graphic Design
Hans Rudolf Bosshard, The Typographic Grid
Douglas Martin, Book Design
Alam Bartram, Making Books
Lucienne Roberts and Julia Thrift, The Designer and the Grid
Tim Samara, Making and Breaking Grid
Roger Fawcett-Tang,ed, New Book Design
Ari Rafaeli, Book Typography
Andrew Haslam, Book Design
Alan Swann, How to understand and Use Grids
Black and Berry,s Contemporary Newspaper Design
Projektowanie typografii ruchomej
David Small, Rethinking the Book
Matt Woolman, Jeff Bellantoni: Moving type. Designing for Time and Space,
Digital Media Design, Rotovision, 2000
Gemma Solana / Antonio Boneu: Uncredited. Graphic Design & Opening
Titles in Movies, Index Book SL, 2007
Jonathan Baldwin, Lucienne Roberts: Visual communication, AVA2006
Daniel Boyarski: Kinetic typography: A new direction for communication design,
lecture
Daniel Boyarski: A study of fonts design for screen display, research, CHI-98,
18-23 April 1998,
Andrea Codrington: Kyle Cooper, Laurence King Publishing, 2003
David Crow: Visible Signs, AVA, 2003
David Crow: Left to right, the cultural shift from word to picture, AVA Acade-
mia, 2006
Spencer Drate, David Robbins, Judith Salavetz: Motion by design, Lau-
rence King Publishing, 2006
Robert Klanten Nicolas Bourquin: Data Flow, Gestalten, Berlin 2008
Alexander Lawson: Anatomy of a typeface
Simon Morley: Writing on the wall. Word and image in modern art, Universi-
ty of California Press, Berkeley, 2003
Mary Plummer: Title Design Essentials for Film and Video, Peachpit Press
2007
Edward A. Shanken: Art and Electronic Media, Phaidon 2008
Matt Woolman: Type in motion 2, Thames & Hudson, 2005
Historia projektowania graficznego i typografii
Philip B. Meggs History of graphic design
Rob Carter, Ben Day, Philip B. Meggs Typographic Design. form and Com-
munication
Lewis Blackwell, Twentieth-Century Type
ZADANIA SEMESTR ZIMOWY
1. Mam ci coÅ› do powiedzenia&
statyczne / dynamiczne
narracja tekstem statycznym i ruchomym
Narracja autorska lub krótka notatka prasowa, cytat z literatury  mo-
nolog  zawierajÄ…ca informacjÄ™ tekstowÄ….
Zadanie indywidualne, dwuetapowe.
 statyczne: plakat typograficzny,
 dynamiczne: ruchoma typografia, animacja lub działania interaktywne
z użyciem kinetycznej typografii.
Użycie dz
więku możliwe ale niekonieczne
Zadanie pozwala przeanalizować różnice i podobieństwa w formułowa-
niu krótkiej wypowiedzi / komunikatu tekstowego statycznymi i dyna-
micznymi środkami projektowymi. Kształtuje umiejętne posługiwanie
się kompozycją, kadrem, rytmem i narracją w wyrażaniu hierarchii
treści informacji wizualnej.
http://www.scribd.com/doc/3510862/Platon-Fajdros
Italo Calvino Wykłady amerykańskie. Sześć przypomnień dla przyszłego
tysiÄ…clecia.
Lou Reed Small town
Lou Reed Work
Lou Reed Perfect day
2. Typografia i dz
więk
rytm, ruch, czas
 interpretacja typograficzna utworu muzycznego
zadanie indywidualne
a/ projekt opakowania produktu multimedialnego okładka i bo-
oklet, zastosowanie typowych elementów typografii wydawniczej
b/ animacja oparta na projekcie statycznym, typografia interpre-
tujÄ…ca rytm, ruch i czas trwania utworu muzycznego, nie zawie-
rającego tekstu. Możliwe zastosowaniem obrazu i dodatkowych
elementów graficznych
 statyczne: opakowanie i booklet
wersja czarno-biała i barwna
 dynamiczne: ruchoma typografia i dz
więk
wersja czarno-biała i barwna
Zadanie pozwala przeanalizować różnice i podobieństwa w posługiwa-
niu się rytmem i następstwem czasowym w formułowaniu komunikatu
statycznego i dynamicznego. Porównuje środki wizualne i dz
więkowe
interpretujące nastrój kompozycji, natężenie i barwę, tempo i rytm.
3. UczÄ™ ciÄ™&
typografia interaktywna
 ćwiczenie dydaktyczne prezentujące wybrane zagadnienie typogra-
ficzne w formie interaktywnego zadania edukacyjnego
zadanie w zespole, wprowadzajÄ…ce wiedzÄ™ z dziedziny typografii opartÄ…
o wybrany przez autorów zakres zagadnień historycznych, formalnych
lub warsztatowych
Zadanie pogłębia wiedzę studentów w dziedzinie typografii, uczy ją
gromadzić, analizować i interpretować, a także przekazywać osobom
nie posiadającym wykształcenia projektowego. Zmusza do przemyśle-
nia zagadnień interakcji i interpretacji komunikatu wizualnego w rela-
cji nadawca  odbiorca. Rozwija umiejętność pracy w zespole.
SZCZEGÓA
OWE SYLABUSY ĆWICZEC

Uwaga
wszystkie ćwiczenia oddajemy podpisane wg następującego schematu:
na opakowaniu i na płycie:
imiÄ™ i nazwisko autora prac,
pracownia,
rok studiów,
rok powstania prac
w zapisie cyfrowym pliki porządkujemy w folderach wg następującego
schematu:
folder:
temat ćwiczenia
plik:
autor pracy nazwisko_(podkreślnik)_temat
wydruki opatrujemy autorskÄ… sygnaturÄ…, dyskretnie, na awersie
i podpisujemy ołówkiem, pełnym imieniem i nazwiskiem,
rok studiów
tytuł pracy
pracownia
z datÄ… powstania pracy na rewersie
1. Mam ci coÅ› do powiedzenia&
statyczne / dynamiczne
narracja tekstem statycznym i ruchomym
Narracja autorska lub krótka notatka prasowa, cytat z literatury  mo-
nolog  zawierajÄ…ca informacjÄ™ tekstowÄ….
Zadanie indywidualne, dwuetapowe.
W ćwiczeniu posłużymy się krótkim tekstem,
może to być wybrany fragment
http://www.scribd.com/doc/3510862/Platon-Fajdros
Italo Calvino Wykłady amerykańskie. Sześć przypomnień dla przyszłego
tysiÄ…clecia.
lub jeden z tekstów poetyckich:
Lou Reed Small town
Lou Reed Work
Lou Reed Perfect day
który zostanie zaprezentowany w formie
A / statycznej: plakat typograficzny,
 kompozycja na plakacie format B2 (50x70, kompozycja w pionie),
możliwe jest przedstawienie fragmentów tekstu, przetworzenie treści,
użycie schematów, piktogramów i metafory by najlepiej oddać jej sens
w postaci plakatowej.
Kompozycje można wykonać jako czarno-białą lub barwną. Druk cyfro-
wy 1:1 CMYK.
B / dynamicznej: ruchoma typografia, animacja lub działania interak-
tywne z użyciem kinetycznej typografii. Format 720 x 567, 25 klatek/s,
RGB, QUICK TIME lub AVI. W wypadku pracy FLASH owej należy oprócz SWF
wygenerować plik AVI lub QUICK TIME jako dodatkowy, prezentacyjny.
Użycie dz
więku możliwe ale niekonieczne.
Nagranie na płycie CD lub DVD, dodatkowo story-board jako rysunek od-
ręczny lub komputerowy w formacie A3 lub wielokrotność tego forma-
tu i jako plik PDF lub JPG zarchiwizowany na tej samej co film płycie.
Pracując nad kompozycją dynamiczną należy wykorzystać lub zmodyfi-
kować elementy kompozycji statycznej, tak by oba działania sprawiały
wrażenie spójnych formalnie. Należy pamiętać iż w projekcjach kino-
wych, rzutnikowych i ekranowych biel i jasne kolory świecą intensyw-
nie rozjaśniając obraz.
Pytania:
 Czy i jak grafik projektant może wpłynąć na interpretację tekstu?
 Czy czytając głośno tekst wpływamy na jego recepcję?
 W jaki sposób możemy te same wartości oddać dz
więkowo i wizual-
nie?
 Jak zachowuje się reżyser i aktor w interpretacji tekstu? Czy i jak
można te metody stosować w działaniach wizualnych?
 Czym różni się działanie literalne od działania metaforycznego?
 W jaki sposób barwa, skala, głębia i inne środki wizualne wpływają na
odbiór emocjonalny komunikatu?
 Czy i jakie kody wizualne musimy brać pod uwagę w naszych działa-
niach komunikacyjnych?
Etapy pracy nad ćwiczeniem:
 analiza tekstu, określenie hierarchii informacji, dominant, dobór środ-
ków wizualnych;  7.10.09
 scenariusz przewidujący rozwój narracji  w postaci tekstowego kon-
spektu w punktach;  14.10.09
 przetworzenie tekstu równolegle
 dla kompozycji statycznej
 i dynamicznej
 analiza różnic;
 szkice do plakatu i story-board do kompozycji dynamicznej, kompo-
zycja, kolorystyka, kadrowanie, rytm, ruch, czas, dynamika poszczegól-
nych sekwencji.  21.10.09
 realizacja i korekta zadania  28.10.09
Student ma prawo pracować nad kolejnymi wersjami zadania do końca
semestru  po 28.10.09 korekty będą prowadzone indywidualnie, do
satysfakcjonującego zakończenia ćwiczenia.
Zadanie pozwala przeanalizować różnice i podobieństwa w formułowa-
niu krótkiej wypowiedzi / komunikatu tekstowego statycznymi i dyna-
micznymi środkami projektowymi. Kształtuje umiejętne posługiwanie
się kompozycją, kadrem, rytmem i narracją w wyrażaniu hierarchii
treści informacji wizualnej. Wprowadza w podstawowe zagadnienia
projektowe związane z krótkim wizualnym komunikatem tekstowym.
pomocne materiały wizualne
OÅ‚tarz w Binarowej
Ramon Lull
http://lullianarts.net/miniatures/index.HTM
Poezja konkretna
http://www.drozdz.art.pl/
Poezja wizualna  Apollinaire
http://wordsandeggs.wordpress.com/2008/10/27/apollinaires-calligram-
mes/
Kompozycja dynamiczna  Konstruktywiści
Jenny Holtzer  kompozycje
http://www.jennyholzer.com/list.php
Krzysztof Wodiczko
http://architecture.mit.edu/people/profiles/prwodicz.html
Pulp Fiction
http://www.youtube.com/watch?v=Sg14IX5OXWs
http://www.youtube.com/watch?v=LpK2b4IWRsY&feature=related
http://www.youtube.com/watch?v=uuiKJ0rRTAo&feature=related
Paula Scher
http://www.paulascher.com/
studenci Dana Boyarskiego
2. Typografia i dz
więk
rytm, ruch, czas
 interpretacja typograficzna utworu muzycznego
zadanie indywidualne
Narracja formami typograficznymi  dozwolone działania abstrakcyjne
lub czytelne, dominuje typografia i znaki typograficzne, w uzasadnio-
nych przypadkach można używać obrazu, piktogramu itp.
a/ projekt opakowania produktu multimedialnego nadruk na płytę,
okładka i booklet,
 zastosowanie typowych elementów typografii wydawniczej
 znak producenta
 znak serii
 dane dotyczÄ…ce autorstwa i wykonania utworu
 kod kreskowy
 kompozycja w format standardowego opakowania cd (12.5 x 12.5,
kompozycja w kwadracie  dowolna ilość połączonych modułów, sfol-
dowane do formatu podstawowego kwadratu), oprawa lub okładka do
opakowania plastikowego (template do pobrania na stronie producenta
wydawnictw multimedialnych TAKT). Kompozycje można wykonać jako
czarno-białą i barwną. Druk cyfrowy 1:1 CMYK.
Oddajemy:
 makietę 1:1 (oprawa, booklet, nadruk na płycie),
oraz plik PDF, CMYK drukarski
i wydruk A3 ze schematem projektu zadiustowanym do druku (opis
techniczny projektu umożliwia jego dokładne powtórzenie i może być
wykorzystany w tworzeniu serii)
Praca opiera się o działanie na gridzie, projekt layoutu, kompozycję na
formacie z uwzględnieniem, rytmu, czasu i natężenia dz
więku. Two-
rząc ją student równolegle rozważa interpretowanie tej samej kompozy-
cji z użyciem dynamicznych środków graficznych, opartych o zapropo-
nowaną wcześniej statyczną kompozycję, która może być potraktowana
jak forma story-boardu.
b/ animacja oparta na projekcie statycznym, typografia interpretujÄ…ca
rytm, ruch i czas trwania utworu muzycznego, nie zawierajÄ…cego tekstu.
Format 720 x 567, 25 klatek/s, RGB, QUICK TIME lub AVI. W wypadku pra-
cy FLASH owej należy oprócz SWF wygenerować plik AVI lub QUICK TIME
jako dodatkowy, prezentacyjny.
Możliwe zastosowaniem obrazu i dodatkowych elementów graficznych,
wersja czarno-biała i barwna.
Oddajemy:
Nagranie na płycie CD lub DVD, Pracując nad kompozycją dynamiczną
należy wykorzystać lub zmodyfikować elementy kompozycji statycznej,
tak by oba działania sprawiały wrażenie spójnych formalnie. Należy
pamiętać iż w projekcjach kinowych, rzutnikowych i ekranowych biel
i jasne kolory świecą intensywnie rozjaśniając obraz.
Zadanie polega na posługiwaniu się rytmem i następstwem czasowym
w interpretacji dz
więku. Porównuje środki wizualne i dz
więkowe inter-
pretujące nastrój kompozycji, natężenie i barwę, tempo i rytm.
Pytania:
 Czy abstrakcyjny dz
więk można oddać literą lub znakiem typograficz-
nym?
 Jak interpretować baseline?
 Czy grid może nam pomóc w takiej interpretacji, jeśli z niego korzy-
stać to jak można go użyć?
 W jaki sposób możemy te same wartości emocjonalne i kompozycyjne
oddać dz
więkowo i wizualnie, jakich używać krojów, wielkości, grubo-
ści, szerokości, punktacji?
 Czy wg naszej interpretacji muzyk może odtworzyć utwór?
 Czy użyte barwy są ważne dla zrozumienia jakiegoś aspektu utworu
muzycznego?
 W jaki sposób tempo, skala, głębia i inne środki wizualne wpływają na
interpretacjÄ™ emocjonalnÄ… dz
więku ?
 Czy i jakie kody wizualne musimy brać pod uwagę w naszych działa-
niach komunikacyjnych?
Etapy pracy nad ćwiczeniem:
 analiza utworu muzycznego, struktury kompozycji, dominant, dobór
środków wizualnych;  4.11.09
 scenariusz przewidujący rozwój narracji  w postaci tekstowego kon-
spektu w punktach;  11.11.09
 przetworzenie rysunku na scrollu / zwoju równolegle
 dla kompozycji statycznej
 i dynamicznej
 podział na sekwencje i praca z wymiarami w obrazie ruchomym: głe-
biÄ…, skalÄ…, kierunkami ruchu;
 szkice do bookletu i story-board do kompozycji dynamicznej, kompo-
zycja, kolorystyka, kadrowanie, rytm, ruch, czas, dynamika poszczegól-
nych sekwencji.  18.11.09
 realizacja i korekta zadania  25.11.09
Student ma prawo pracować nad kolejnymi wersjami zadania do końca
semestru  po 25.11.09 korekty będą prowadzone indywidualnie, do
satysfakcjonującego zakończenia ćwiczenia.
Oskar Fischinger
http://www.oskarfischinger.org/
Norman McLaren
http://www.youtube.com/watch?v=TgJ-yOhpYIM
http://www.youtube.com/watch?v=Q0vgZv_JWfM&feature=related
Franciszka i Stefan Themersonowie
http://themersons.us.edu.pl/
Pieśni Szymanowskiego
Evelyn Glennie  perkusistka
http://www.youtube.com/watch?v=jVw5KawqUIg&feature=related
http://www.youtube.com/watch?v=t0eHY0cECcQ&feature=related
Andy Goldsworthy
http://www.youtube.com/watch?v=3TWBSMc47bw
http://www.youtube.com/watch?v=O9TyHzP-8b8
Hans Richter  scrolls
http://www.youtube.com/watch?v=uhv2KpQGMqY
http://www.youtube.com/watch?v=TBmjGV2Kb8k&feature=related
http://www.youtube.com/watch?v=Ml4WA16Eo28&feature=related
Marcel Duchamp / John Cage
http://www.youtube.com/watch?v=mJ5Cl30_KvE&feature=related
http://www.youtube.com/watch?v=dXINTf8kXCc&feature=related
Philippe Apeloig
http://www.apeloig.com/index.php?cle=Editions_le_serpent_a_plu
http://www.youtube.com/watch?v=HrnUK1hiJzw&feature=related
mes&r=Projets
studenci Jana Kubasiewicza
ćwiczenia Dana Boyarskiego
3. UczÄ™ ciÄ™&
typografia interaktywna
 ćwiczenie dydaktyczne prezentujące wybrane zagadnienie typogra-
ficzne w formie interaktywnego zadania edukacyjnego
Złożone, całosemestralne zadanie w zespole 4 osobowym, wprowa-
dzające wiedzę z dziedziny typografii, opartą o wybrany przez autorów
zakres zagadnień historycznych, formalnych lub warsztatowych.
Zadanie polega na samodzielnym określeniu obszaru research u i na
bazie zgromadzonych materiałów stworzeniu interaktywnego projektu
udostępniającego tę wiedzę odbiorcy.
Projekt prowadzony jest we współpracy z Wydziałem Informatyki,
w oparciu o powstałe tam narzędzia, wspierające działania projek-
tantów interaktywnej grafiki informacyjnej. W zajęciach uczestniczą
projektanci i wykładowcy tworzący urządzenia i narzędzia dostepne
w szkole. Projekt wspierany jest dodatkowymi warsztatami z PROCESSIN-
GU, FLASH a i AFTER EFFECTS.
Zadanie pogłębia znajomość zagadnień typografii, uczy jak gromadzić,
analizować i interpretować zebrane dane, a także przekazywać osobom
nie posiadającym wykształcenia projektowego. Zmusza do przemyśle-
nia zagadnień interakcji i interpretacji komunikatu wizualnego w rela-
cji nadawca  odbiorca. Rozwija umiejętność pracy w zespole.
Produktem finalnym jest interaktywna aplikacja, wypróbowana i zaopi-
niowana przez użytkowników nauczycieli i studentów.
Pytania:
 Czego warto uczyć na temat typografii?
 Do kogo jest kierowany ten projekt?
 Jak można porozumieć się z odbiorcą?
 W jaki sposób zachęcić go do interakcji, jakich środków wizualnych
użyć?
 Jakie informacje edytujemy?
 Jak je mapować  hierarchia, hiperlinki?
 Co sprawia, że chcemy grać w tę  grę ?
 Czy rozpoznawalność i czytelność dla każdego odbiorcy znaczy to
samo?
Etapy pracy nad ćwiczeniem:
 podział na zespoły, gromadzenie i analiza materiałów do zadania; ma-
powanie zebranych informacji  paz
dziernik  listopad.09
 scenariusz przewidujący rozwój narracji  w postaci tekstowego kon-
spektu w punktach, konsultacja z informatykami, szkice i rysunki do
projektu;  grudzień.09
 realizacja wg. stworzonego przez grupÄ™ konspektu i wykonanie proto-
typu projektu  styczeń.09
 Grupa pracuje nad ostateczna wersją zadania wg własnego konspektu
i tabeli czasowej do końca semestru. Korekty, wpisane w grafik kon-
spektu będą prowadzone w zespołach co drugi tydzień każdego miesią-
ca, do satysfakcjonującego zakończenia ćwiczenia.
Pomocne lektury i z
ródła:
Bill Moggridge, Designing Interactions
http://www.youtube.com/watch?v=kVkQYvN4_HA&feature=related
http://www.youtube.com/watch?v=wwiae9-c0K0
http://www.designinginteractions.com/bill
David Small, Rethinking the book
http://www.davidsmall.com/
Joachim Sauter
http://www.joachimsauter.com/