Hanna Grabowska portfolio Visual Communication Design

Page 1

hanna grabowska portfolio


hanna grabowska portfolio

SYSTEM INFORMACJI WIZUALNEJ URZĄD MARSZAŁKOWSKI W KATOWICACH Wayfinding – system informacji wizualnej w budynku Budynek przy ulicy Dąbrowskiego 23 należy do zespołu pięciu obiektów Urzędu Marszał­kowskiego w Katowicach. Poruszanie się po budynku jest trudnym doświadczeniem dla użytkownika ze względu na jego wielkość i poziom skomplikowania jego struktur. Dynamika zmian zachodzących w ulokowaniu podjednostek (w obrębie piętra, sektoru, po­koju) spowodowała, że tablice informacyjne przestały tworzyć konsekwentnie prowadzo­ny, logiczny system.

Projekt systemu, który przygotowaliśmy, zakłada elastyczność oraz ma zapobiegać zmianom wprowadzanym samowolnie przez pracowników, czego gwarantem jest ekonomiczne rozwiązanie i łatwa wymiana poszczególnych elementów. Ze względu na obszerność informacji i jej zmien­ny charakter stworzyliśmy modułowy system wymiennych tabliczek. Dzięki temu ułatwia to eksploatację systemu oraz zwiększa jego elastyczność. Zabieg ten ma ograniczyć kosz­t y przy ewentualnych aktualizacjach. Dzięki elementowi łączącemu tabliczki można swobodnie wymieniać moduły zawierające informację tekstową.

02


hanna grabowska portfolio

SYSTEM INFORMACJI WIZUALNEJ URZĄD MARSZAŁKOWSKI W KATOWICACH Wayfinding – system informacji wizualnej w budynku

03


hanna grabowska portfolio

SYSTEM INFORMACJI WIZUALNEJ URZĄD MARSZAŁKOWSKI W KATOWICACH Wayfinding – system informacji wizualnej w budynku

04


hanna grabowska hanna grabowska portfolio portfolio

na grabowska porfolio

THINK(IN) VISUAL COMMUNICATION THINK(IN) VISUAL COMMUNICATION INTERANTIONAL CONFERENCE INTERANTIONAL CONFERENCE Projekt zwycięzył w konkursie na Projekt zwycięzył w konkursie na identyfikację konferencji. identyfikację konferencji.

DENTYFIKACJA

organizatorzy: EUNIC, NInA, Copernicus Science Center,

THINK(IN) VISUAL PJWSTK, ASP Katowice

COMMUNICATION organizatorzy: EUNIC, NInA, Copernicus INTERANTIONAL CONFERENCE Science Center, Projekt zwycięzył w konkursie naPJWSTK, ASP Katowice

Celem, który postawiłyśmy identyfikację konferencji.sobie w budowaniu identyfikacji konferencji było stowrzenie systemu, który sam w sobie któryCopernicus postawiłyśmy sobie organizatorzy: EUNIC, NInA, byłby informacją,Celem, wizualizowałby wydarzenia mające miej- w budowaScience Center, PJWSTK, ASP Katowice niu identyfikacji konferencji było sce podczas konferencji. Nawiązałyśmy do harmonogramustowrzenie

systemu, który sam w sobie konferencji, jej czterech bloków tematycznych.

byłby informacją, wizualizowałby wydarzenia mające Prelekcje w danych blokach tematycznych umieściłyśmy na miejsce podczas konferencji. Nawiązałyśmy dowharCelem, którypokazując postawiłyśmy sobie w budowaniu Prelekcje danych blokach tematycznych umie‑ lini czasowej, ich przebieg w czasie. Dzięki temu monogramu konferencji, jej czterech bloków identyfikacji konferencji było stowrzenie syste‑ ściłyśmy na lini czasowej, pokazując ich przebieg powstały logotypy dla poszczególnych wykadowców. Stwatematycznych. mu, który sam w sobie byłby informacją, wizu‑ w czasie. Dzięki temu powstały logotypy dla po‑ rza to możliwość animowania logotypu w trakcie trwania Prelekcje w danych blokach tematycznych alizowałby wydarzenia mające miejsce podczas szczególnych wykadowców. Stwarza to możliwość konferencji, wizualizując w ten sposób na jakim jest etapie. umieściłyśmy na lini czasowej,animowania pokazująclogotypu ich konferencji. Nawiązałyśmy do harmonogramu w trakcie trwania konferen‑ w czasie. Dzięki temucji, powstały logokonferencji, jej przebieg czterech bloków tematycznych. wizualizując w ten sposób na jakim jest etapie. typy dla poszczególnych wykadowców. Stwarza to możliwość animowania logotypu w trakcie trwania konferencji, wizualizując w ten sposób na jakim jest etapie.

Think (in) visual communication Interantional Conference 9th – 13th Dec. 2014, Warsaw

I Participate in thinking

IV

II

Dead-ends in design thinking

Abilities of our brainst

III Visualization of thinking

Schemat, bedący podstawą do budowy identyfikacji

03

05 02

Schemat z naniesionymi wszystkimi etapami konferencji

Olafur Eliason

Daphne Bavelier

Jean‑Michel Geneste


hanna hanna grabowska grabowska portfolio portfolio THINK(IN) VISUAL COMMUNICATION THINK(IN) VISUAL COMMUNICATION INTERANTIONAL CONFERENCE INTERANTIONAL CONFERENCE Projekt zwycięzył w konkursie na identyfikację konferencji. THINK(IN) VISUAL COMMUNICATION INTERANTIONAL CONFERENCE organizatorzy: EUNIC, NInA, Copernicus Science Center, PJWSTK, ASP Katowice

06 03


grabowska hanna grabowska portfolio portfolio THINK(IN) VISUAL COMMUNICATION INTERANTIONAL CONFERENCE Projekt zwycięzył w konkursie na identyfikację konferencji. THINK(IN) VISUAL COMMUNICATION

INTERANTIONAL CONFERENCE

organizatorzy: EUNIC, NInA, Copernicus Science Center, PJWSTK, ASP Katowice

04 07


hanna grabowska hanna grabowska portfolio portfolio

TYCHY PRESS PHOTO Passe-partout jest to pojęcie, które narodziło się we Francji, PRESS PHOTO o powierzchni określające ramkę TYCHY kartonową z wycięciem, Projekt indentyfikacji dla konkursu trochę mniejszej od powierzchni karty z ilustracją, któfotograficznego i wystawy re umieszczane jest najczęściej w ramie obrazu, służące

TYCHY PRESS PHOTO

również do wykadrowania części ilustracji do określonego Passe-partout jest to pojęcie, które narodziło fragmentu. się we Francji, określające ramkę kartonową Istotą działań promocyjnych z wydarzeniem z wycięciem,związanych o powierzchni trochę mniejszej powierzchni karty z ilustracją, które umieszjakim jest wystawaod fotografii pokonkursowej należy skupić czane jest najczęściej w ramie obrazu, się na zainteresowaniu odbiorcy pracami znajdującymi sięsłużące również do wykadrowania części ilustracji do na wystawie, ale jednocześnie nie odkrywać całości – tego określonego fragmentu. widz ma doświadczyć biorąc w niej udział. Istotą działań promocyjnych związanych z wydarzeniem jakim jestzakłada wystawaużycie fotografii Koncepcja na której oparłam identyfikację pokonkursowej należy skupić się na zainterepasse-partout niejako w negatywie. Zamiast podkreślać wasowaniu odbiorcy pracami znajdującymi się lory pracy biała apla odsłania przed nami jedynie fragmenty na wystawie, ale jednocześnie nie odkrywać fotografii, budując całości w ten sposób zaciekawienie. – tego napięcie widz ma idoświadczyć biorąc w niej udział. Koncepcja którejfotografię oparłam identyfikację Z uwagi na tematykę wystawyna(czyli prasową), zakłada użycie passe-partout niejako w negaakronim nazwy Tychy Press Photo został zaprojektowany tywie. Zamiast podkreślać walory pracy biała z zastosowaniem znaków korektorskich – stosowanych apla odsłania przed nami jedynie fragmenty przy pracy nad wszelkiego rodzaju wydrukami. Nadają one fotografii, budując w ten sposób napięcie całości nowoczesnyi zaciekawienie. i prosty wygląd – jedocześnie budząc Z uwagi na tematykę wystawy (czyli fotografię skojarzenia z logotypami gazet. prasową), akronim nazwy Tychy Press Photo został zaprojektowany z zastosowaniem znaków korektorskich – stosowanych przy pracy nad wszelkiego rodzaju wydrukami. Nadają one całości nowoczesny i prosty wygląd – jedocześnie budząc skojarzenia z logotypami gazet.

re umieszczane jest najczęściej w ramie obrazu, służące

05 08

Passe-partout jest to pojęcie, które narodziło się we Francji, określające ramkę kartonową z wycięciem, o powierzchni trochę mniejszej od powierzchni karty z ilustracją, którównież do wykadrowania części ilustracji do określonego fragmentu. Istotą działań promocyjnych związanych z wydarzeniem

TYCHY PRESS PHOTO 2017

jakim jest wystawa fotografii pokonkursowej należy skupić się na zainteresowaniu odbiorcy pracami znajdującymi się na wystawie, ale jednocześnie nie odkrywać całości – tego widz ma doświadczyć biorąc w niej udział. Koncepcja na której oparłam identyfikację zakłada użycie passe-partout niejako w negatywie. Zamiast podkreślać walory pracy biała apla odsłania przed nami jedynie fragmenty fotografii, budując w ten sposób napięcie i zaciekawienie. Z uwagi na tematykę wystawy (czyli fotografię prasową), akronim nazwy Tychy Press Photo został zaprojektowany z zastosowaniem znaków korektorskich – stosowanych przy pracy nad wszelkiego rodzaju wydrukami. Nadają one całości nowoczesny i prosty wygląd – jedocześnie budząc skojarzenia z logotypami gazet.

TYCHY PRESS PHOTO 2017


hanna grabowska portfolio

TYCHY PRESS PHOTO Projekt indentyfikacji dla konkursu fotograficznego i wystawy

06 09


hanna grabowska portfolio

TYCHY PRESS PHOTO Projekt indentyfikacji dla konkursu fotograficznego i wystawy

010 07


hanna grabowska portfolio

TYCHY PRESS PHOTO Projekt katalogu dla konkursu fotograficznego i wystawy

08 011


hanna grabowska portfolio

PORANKI MUZYCZNE Projekt plakatรณw na wydarzenie muzyczne dla Teatru Maล ego w Tychach

09 012


hanna grabowska hanna grabowska portfolio portfolio

INFOGRAFIKA Projekt infografiki dla Grupy Onet ilustracja wektorowa

010 013

hanna grabowska porfolio


hanna hanna grabowska grabowska portfolio portfolio

INFOGRAFIKA Projekt infografiki dla Grupy Onet ilustracja wektorowa

011 014


hanna grabowska portfolio

INFOGRAFIKA Projekt infografiki dla Grupy Onet ilustracja wektorowa

015 012


hanna grabowska portfolio

cykl PRACOWNIA Projekt indentyfikacji dla Miejskiej Galerii Sztuki Obok

013 016


hanna hanna grabowska grabowska portfolio porfolio portfolio

TYPOGRAFIA EDYTORSTWO

PORTRET TYPOGRAFICZNY LE CORBUSIERA publikacja

Publikacja oparta jest na gridzie, który stworzył i opublikował w „le Modulor” Le Corbusier. Składa się z zakładek wynikających z gridu. Każda strona z pu‑ blikacji zmniejsza się proporcjonalnie do niego. Po złożeniu otrzymujemy okładkę z tytułem publikacji.

04

017 014


hanna hannagrabowska grabowska porfolio portfolio

TYPOGRAFIA EDYTORSTWO

PORTRET TYPOGRAFICZNY LE CORBUSIERA publikacja

Publikacja oparta jest na gridzie, który stworzył i opublikował w „le Modulor” Le Corbusier. Składa się z zakładek wynikających z gridu. Każda strona z pu‑ blikacji zmniejsza się proporcjonalnie do niego. Po złożeniu otrzymujemy okładkę z tytułem publikacji.

04

018 015


hanna grabowska grabowska hanna porfolio portfolio portfolio

TYPOGRAFIA EDYTORSTWO

09

019 016

PROJEKT KWARTALNIKA TACHION publikacja


hanna hanna grabowska grabowska portfolio porfolio portfolio

TYPOGRAFIA EDYTORSTWO

010

020 017

PROJEKT KWARTALNIKA TACHION publikacja


hanna hanna grabowska grabowska porfolio portfolio

INFORMACJA WIZUALNA

MECHANIZM DZIAŁANIA PRZEMOCY EMOCJONALNEJ. INFOGRAFIKA Forma statyczna We współpracy z Agnieszką Siekierą, reprezentującą portal ROWNOSC.INFO oraz Towarzystwo Edukacji Antydyskryminacyjnej (TEA) Celem merytorycznym było stworzenie czytelnego, poprzez formę wizualną, komunikatu pokazującego znaczenie problemu przemocy domowej, konse‑ kwencje lekceważenia tych problematycz‑ nych zjawisk, konsekwencje społeczne nie przeciwdziałania im, oraz osobiste konsekwencje dla osób będących ofiarami przemocy domowej. Na podstawie samodzielnego researchu, analizy dostępnych materiałów oraz kon‑ sultacji stworzyłam wizualizacje procesu przemocy emocjonalnej. Było dla mnie istotne, aby podkreślić zmiany zachodzą‑ ce w profilu psychologicznym: zarówno ofiary, jak i sprawcy. Infografika w kilku krokach obrazuje mechanizm oraz jego skutki.

06

021 018


hanna hanna grabowska grabowska porfolio portfolio

INFORMACJA WIZUALNA

MECHANIZM DZIAŁANIA PRZEMOCY EMOCJONALNEJ. INFOGRAFIKA Forma dynamiczna. Towarzystwo Edukacji Antydyskryminacyjnej

Animacja pozwoliła poszerzyć infografikę o dodatkowe informacje. Umożliwiła również bardziej sugestywną, dynamiczną formę przedstawienia relacji pomiędzy ofiarą i przestępcą. Koło daje wrażenie zamknięcia i stopniowego odcinania się bohaterów od świata zewnętrznego kon‑ trastowe do początku animacji.

07

022 019


hanna grabowska porfolio portfolio

INFORMACJA WIZUALNA

LISTA OSÓB, Z KTÓRYMI MIAŁAM DO CZYNIENIA W SWOIM ŻYCIU W POSTACI UPORZĄDKOWANEGO ZBIORU Na podstawie momentu poznania zwią‑ zanego z miejscem zamieszkania oraz częstotliwości kontaktów z daną osobą. Ze względu na to, że wiele razy zmienia‑ łam miejsce zamieszkania, istotne jest dla mnie, w jaki sposób wpłynęło to na moje relacje interpersonalne. Analizując listę nazwisk, zaobserwowałam pewne prawi‑ dłowości. Pojawienie się każdej nowopo‑ znanej osoby (ograniczyłam się do tych, które byłam w stanie przywołać pamięcią w ciągu kilku dni) sygnalizuje za pomocą czerwonej lini. Grubość lini przekłada się na częstotliwość kontaktów. Najgrubsza oznacza nieprzerwaną relację, jej brak lub zniknięcie: brak kontaktu.

05

023 020


D.rep

hanna grabowska porfolio portfolio

INFORMACJA WIZUALNA

DATA FLOW IN MAGIC EXPERIMENT

M1/M2 telescope

Projekt dla Obserwatorium astronomicznego w La Palmie (The Magic Telescopes) Celem projektu było zwizualizowanie przepływu danych w eksperymencie MA‑ GIC, do którego niezbędnym było zaznajo‑ mienie się ze skomplikowaną architekturą: oprogramowania MARS, skryptow steruja‑ cych przeplywem danych wewnatrz OSA, napisanych w jezyku python, systemu

kolejkowego (queue system) Torque, kto‑ ry dystrybuuje zadania pomiedzy dostepny‑ mi procesorami. Następnym krokiem było przełożenie ich na komunikat w prostej formie wizualnej. Odbiorcą projektu była szczególnie trudna grupa: naukowcy zaj‑ mujący się tą dziedziną.

D.raw.gz

DATAFLOW

in MAGIC EXPERIMENT

Atmospheric Cherenkov Telescopes

LEGEND: OUTPUT FILES

1

output files analysis stage in order

sending file or command workflow <YYYYMMDD> - date <tel_id> - telescope ID <seq> - sequence number

CRONE DEAMON 0

1h sequence_<tel_id> <seq> <job_id>.anaX.magic.iac.es.out

torque 7

6a

.sequence_<tel_id> <seq> <job_id>.anaX.magic.iac.es.log

11

sequence_<tel_id> <seq> <job_id>.anaX.magic.iac.es.err

SEQUENCER.py 1 4

NIGHTSUMMARY.py

CALIBRATIONSEQUENCE.py

3 NightSummary 2

<YYYYMMDD><tel_id>.txt

6c

4c sequence<tel_id><seq>.history 2a

4d sequence<tel_id><seq>.veto

LITTLESEQUENCE.py

sorcerer-c

4a sequence<tel_id><seq>.txt 4b sequence<tel_id><seq>.sh 5

6d

8a 9a

sorcerer-y

scalib <YYYYMMDD><tel_id>.root

8b

10a

merpp

8c

C.raw.gz

9b

star

9c

10b

2b

P.raw.gz

10c

STEREOSEQUENCE.py 12a

D.rep

superstar 12b

13a 12b

RF matrices

melibea 13b

13c

M1/M2 telescope D.raw.gz

D.raw.gz

2c

D.raw.gz

Y.raw.gz

Y.raw.gz

D.root

D.root

I.root

M1 I .root + M2 I.root

S.root

S.root

Q.root

CLOSER

reduced data transfer:

Y.root I.root

PIC

S.root

Incidences.txt

www

02

024 021


hanna grabowska porfolio portfolio

TYPOGRAFIA EDYTORSTWO

LAYOUT MAGAZYNU MPC współpraca: Artur Blaźniak, Adam Masalski

015

025 022


hanna hanna grabowska grabowska porfolio portfolio

INFORMACJA WIZUALNA

MATERIAŁY EDUKACYJNE DZIAŁANIE RADY MIASTA http://rysiunaradnego.pl/

I etap rozwijanego projektu powstał w trakcie warsztatów: Katowice, miasto otwarte realizowanych przez Medialab Katowice. Trwają prace mające na celu rozbudowa‑ nie strony w interaktywną „grę” służącą jako narzędzie dla nauczycieli WOSu w szkołach ponadpodstawowych.

08

026 023


hanna hanna grabowska grabowska portfolio porfolio

IDENTYFIKACJA

BRENDING DLA FIZJOTERAPEUTKI

Projekt indentyfikacji i materiaล รณw reklamowych (logo, baner, wizytรณwki)

ww w.losko.eu tel. 880 983 011 elosko @wp.pl

06

027 024


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.