Portfolio Hanna Grabowska

Page 1

Makaron pszenny razowy

hanna grabowska porfolio

ZAWIERA: ZAWIERA:

WAGA NETTO: 400 g

Makaron pszenny razowy

WAGA NETTO: 400 g 100 g =

INFORMACJA WIZUALNA

PROJEKT SYSTEMU INFORMACJI WIZUALNEJ ZWIĄZANEJ Z PRODUKTAMI ŻYWNOŚCIOWYMI

informacja dla alergików informacja dla alergików

JAJKO GLUTEN JAJKO GLUTEN

bogaty w witaminy: niacyna 5,10 mg B1 0,50 mg kwas pantotenowy 0,5 mg

ZAWIERA:

WAGA 400 gg WAGANETTO: NETTO: 400

= 323 kcalkcal = 323

100 g = bogaty w witaminy: niacyna 5,10 mg B1 0,50 mg kwas pantotenowy 0,5 mg

projekt dyplomowy

(0 g)

W 2016 roku wchodzi w życie nowe prawo unijne dotyczące obowiązku umieszczania‑ na opakowaniach artykułów spożywczych informacji o ich składzie; kwestia wizuali‑ zacji tych danych pozostaje jednak otwar‑ ta. Jako rozwiązanie proponuję nowy ujed‑ nolicony system takich informacji oparty na rozchodzącym się promieniście diagra‑ mie słupkowym. Przedstawia on zawar‑ tość poszczególnych składników produktu – np. tłuszczu, białka, cukru itp. – w relacji do dobowych norm spożycia każdego z nich. Czarne słupki obrazują wagę uwzględnio‑ nych składników w 100‑gramowej porcji danego artykułu. Wskazane dzienne spoży‑ cie oznaczono liniami przerywanymi. Nie‑ zmienny, promienisty układ słupków został wybrany nieprzypadkowo, jako najbardziej ekonomiczny sposób wykorzystanie zazwy‑ czaj bardzo ograniczonej powierzchni opa‑ kowania przeznaczonej na podobne wskaź‑ niki czy wyliczenia. Autorka zaproponowała dodatkowo aplikację na urządzenia mobil‑ ne, dzięki której osoby zainteresowane będą mogły precyzyjnie dobierać produkty i kon‑ trolować wartość odżywczą przygotowywa‑ nych posiłków. http://issuu.com/hanna_grabowska

01

informacja dla alergików

GLUTEN

JAJKO

Makaron Makaronpszenny pszennyrazowy razowy cukry (3 g) WAGA 400 WAGANETTO: NETTO: 400g g400 g WAGA NETTO:

(0 g)

(13 g) = 323 kcal

cukry (3 g)

(0,28 g)

100 gg== (61 (0,85 g) 100g) Makaron pszenny razowy (7 g) bogaty 5,105,10 mgmgB1B1 0,50 mg mg kwas 0,5 mg0,5 mg g)pantotenowy (0kwas (0,5 g) bogatywwwitaminy: witaminy:niacyna niacyna 0,50 pantotenowy

WAGA NETTO: 400 g

(13 g) (0,28 g)

(61 g)

(0,85 g)

(7 g)

(0 g) (0,5 g)

100 g =(0 g) (0 g) bogaty w witaminy: niacyna 5,10cukry mg B1 0,50 mg kwas pantotenowy 0,5 mg cukry (3(3 g)g) kraj pochodzenia: (13(13 g) g)

POLSKA

g) g) (0,28 (0,28

kraj pochodzenia:

POLSKA (0 g) (61 (61 g) g)

g) g) (0,85 (0,85

cukry (3 g)

(7 (7 g) g) (0 g) (0,5 g) (0 g) (0,5 g) (13 g)

(0,28 g)

(61 g)

(0,85 g)

(7 g)

(0 g) (0,5 g) kraj pochodzenia: kraj pochodzenia:

POLSKA POLSKA

kraj pochodzenia:

POLSKA


D.rep

hanna grabowska porfolio

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


hanna grabowska porfolio

IDENTYFIKACJA

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

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

Celem, który postawiłyśmy sobie w budowaniu identyfikacji konferencji było stowrzenie syste‑ mu, który sam w sobie byłby informacją, wizu‑ alizowałby wydarzenia mające miejsce podczas konferencji. Nawiązałyśmy do harmonogramu konferencji, jej czterech bloków tematycznych.

Prelekcje w danych blokach tematycznych umie‑ ściłyśmy na lini czasowej, pokazując ich przebieg w czasie. Dzięki temu powstały logotypy dla po‑ szczególnych wykadowców. Stwarza to możliwość animowania logotypu w trakcie trwania konferen‑ cji, 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 Dead-ends in design thinking

II Abilities of our brainst

III Visualization of thinking

Schemat, bedący podstawą do budowy identyfikacji

03

Schemat z naniesionymi wszystkimi etapami konferencji

Olafur Eliason

Daphne Bavelier

Jean-Michel Geneste


04


ORGANIZER

LECTURER

Natalia Nowak

Beryl McAlhone David Stuart

technical support

participate in thinking

WARSZAWA

05

WARSZAWA


hanna grabowska 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


hanna grabowska porfolio

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


08


hanna grabowska porfolio

TYPOGRAFIA EDYTORSTWO

09

PROJEKT KWARTALNIKA TACHION publikacja


hanna grabowska porfolio

TYPOGRAFIA EDYTORSTWO

010

PROJEKT KWARTALNIKA TACHION publikacja


hanna grabowska porfolio

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


hanna grabowska porfolio

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


hanna grabowska porfolio

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


hanna grabowska porfolio

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


hanna grabowska porfolio

TYPOGRAFIA EDYTORSTWO

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

015


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.