Dedicated to The Steelworkers of America. Keep Reaching For That Rainbow!

web 0.5 1 2 3 4 5

yeah… those were popular in the late 90's.


welcome world
- vorstellungsrunde
- fragerunde
 - name/studienbereich
 - motivation
 - warum mache ich den kurs
 - was habe ich für vorkenntnisse
 aka in welchen programmen fühle ich mich zuhause)
 - wieso/weshalb/warum brauche ich ein portfolio
 - erkläre innerhalb von 3 minuten deine arbeit/interessen
 - wie dokumentiere ich bislang meine arbeiten
 - netzverhalten, lieblingswebsiten, daily work, daily use
- geplantes wochenprogramm & ziel der woche


einführung internet
- technikgeschichte
- computer, www, das netz, etc…
- server, browser, verbindungen
- die sendung mit der maus: mausklick
- pdf (zusammenfassung & vertiefung)


begriffsklärung
- was ist/kann/muss/sollte ein portfolio?
- für wen ist ein portfolio?
- five steps to a better design portfolio


einführung portfolioarchitektur
- wege, strategien, beispiele
- ohne titel
- no one belongs here more than you
- uffizi
- upso
- siggi eggertsson
- guimp
- peter sutherland
- boey

beispiel div. iweb sites
- mono-gramm
- katja alissa müller
- peter hauser
- neue galerie
- laura ferrara
- favi
- olaf breuning
- trackmybirthday
- julien david
- henner besuch


beispiel/analyse portfolio

- inhaltliche struktur

- wie ist die gliederung (z.b. nach jahren oder nach thema)
- was gibt es an navigationspunkten (hauptnavigation)
- wieviel tiefe gibt es (wieviel clicks braucht es von a nach b)
- struktur & platzierung (wo ist die navigation, wo befindet sich der inhalt)
- navigation in der unternavigation (wo geht es zurück zur übersicht)

- gestaltungsstruktur

- farbsetting (wieviel farben, abstufungen, welche farbe wird wofür verwendet)
- typographie (schriftanmutung, serifen)
- auszeichnungen (kursiv, unterstreichungen)
- gliederung (bullet points, einrückungen)
- schmuckelemente & logos
- raster & horizonte(wie richten sich elemente zueinander aus?)

- informationsstruktur

- detailgrad (was gibt es, was fehlt, was wäre schön zu wissen?)
- zeitfaktor (wichtigkeit von informationen, was springt zuerst ins auge)

- eigenes reflektieren

- warum finde ich diese seite gut (allgemeine anmutung oder details?)
- was bedeutet das für mein eigenes portfolio

- linkliste

vorstellung und präsentation der eigenen analyse im plenum
- beni bischof
- peter regli
- leandro erlich
- jasper morrison
- gabriela chicherio
- mitch bekk
- karin kurzmeyer
- miranda july
- macho verlag


hausaufgabe #1
- eigene idee entwickeln + navigationskonzept (flowchart) für das portfolio + bestehendes material aufbereiten
-

-
februar 2012
wieso, weshalb, warum


what is a portfolio?
wikipedia
making a killer portfolio

essay
top 10 things i never learned in design school by michael mcdonough
designing under the influence by michael bierut
five steps to a better design portfolio by jeffrey veen
10 points to better art & design event websites by paul baron
grids are good by khoi vinh

the web
20 Things I Learned About Browsers and the Web

back in the days
when i was a teenager
before i had status
and before i had a pager

new kids on the block, archiv