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
- steve jakobs
- ohne titel
- stefan burger
- no one belongs here more than you
- uffizi
- mieke driessen
- upso
- casarramona
- siggi eggertsson
guimp
- peter sutherland
- saltie
- boey
- sampler

beispiel div. iweb sites
- mono-gramm
- favi
- olaf breuning
- trackmybirthday
- julien david
- salisverlag
- 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 (del.ico.us)

vorstellung und präsentation der eigenen analyse im plenum
- katja alissa müller
- raffinerie
- steiner & lenzlinger
- muriel baumgartner
- marc atlan
- klaus stiegemeyer
- cooper
- coccu


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

-
februar 2011
wieso, weshalb, warum x web 0.5


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

delicious
how to explain delicious to your parents

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