einführung datenaufbereitung + datenstruktur
- pixel, bildschirmgrössen, farbenraum, auflösung, sonderzeichen und umlaute
- media
- schriften im digitalen
einführung iweb (rapid prototyping)
- beispiel portfolio strukturieren + seite anlegen
- grobstruktur, architektur, layout, inhalte aufbereiten…
- funktionserklärungen
anmerkungen iweb
- seite: navigation ausschalten
- layout: header & footer auf 0 einheiten setzen
- hyperlink: immer auf ein textelement (ein wort, etc…) oder ein bildelement, nicht auf den textrahmen!
- formatierungen der verlinkung: status normal, status rollover, status besucht
- testen im browser
aufgabe (eine kleine website für eine musiklabel)
gestelltes material:
- allgemeine informationen
- diverse logos und grafiken
- soundfiles und diverse videos
- neue tourdaten
- tourtagebuch (mit text und bildern)
- veröffentlichungen (vinyl, etc.)
material link: musicstar.zip
präsentation der eigenen lösung im plenum
aufgabe: portfolioskizze (hand) & besprechung
skizziere von hand die strukur deines portfolios
- zeige mindestens 5-10 wichtige arbeiten
- kombination mit kurzer erklärung oder beschreibung
- idee für ein bild und layoutkonzept
- seitenstruktur (sitemap) und ausformulierung von zwei fallbeispielen (minimal & maximal)
- beachte dabei deine eigene wertung, wie organisierst du die arbeiten (zeit, zeitaufwand, gefühlte wichtigkeit?)
- versuche diese aufgabe anhand von zwei standpunkten zu lösen:
- standpunkt eins: unbekannte/r betrachter/in deines portfolios, der mehr über deinen arbeitsansatz wissen möchte
- standpunkt zwei: unbekannte/r betrachter/in deines portfolios mit kurzer aufmerksamkeitspannung, eine arbeit muss in kürzester zeit erfasst werden können
hausaufgabe
- eigenes portfolio weiterdenken + feinstrukturieren
- arbeit am entwurf mit fokus auf:
- inszenierung, abbildungen, darstellung der arbeiten
- struktur, platzierung, gliederung
- raster & horizonte
- farben, farbkonzepte, hintergründe
- schrift, schriftschnitte, hervorhebungen
- systematik
-
-
sommer 2013
wieso, weshalb, warum
-
-
unfolded
iweb hilfe
iweb hilfe online
iweb pdf (english)
iweb tricks
farben
color wheel
hex color picker
color scheme design
typografie
typetester
google fonts
dafont
typekit
html & css
selfhtml
ressourcen
texturen und hintergründe
patterntap
graphical user interface