01_screendesign
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
I lernen I trainieren I anwenden I<br />
76<strong>01</strong> 1<strong>01</strong><br />
crashkurs<br />
atelier doppelpunkt<br />
visuelle<br />
gestaltung<br />
<strong>screendesign</strong><br />
visuelle kommunikation und wahrnehmung<br />
ernst peter hebeisen<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
crashkurs<br />
I lernen I trainieren I anwenden I 76<strong>01</strong> 02<br />
visuellegestaltung<br />
<strong>screendesign</strong><br />
visuelle kommunikation und wahrnehmung<br />
crashkurs<br />
I lernen I trainieren I anwenden I<br />
onlinelabor.ch<br />
Visuelle Gestaltung<br />
ScreenDesign<br />
Ernst Peter Hebeisen<br />
0 Termine siehe www.onlinelabor.ch/kalender<br />
1 [Montag 14:00 - 16:30 Uhr]<br />
Wahrnehmung und<br />
Kommunikation im Web<br />
2 [Montag 14:00 - 16:30 Uhr]<br />
Grundlagen der<br />
Mediengestaltung im Web<br />
4 [Montag 14:00 - 16:30 Uhr]<br />
Usability<br />
Navigation<br />
5 [Montag 14:00 - 16:30 Uhr]<br />
Typografie am Bildschirm<br />
Logo Design<br />
3 [Montag 14:00 - 16:30 Uhr]<br />
Farbe<br />
Webfarben<br />
6 [Montag 14:00 - 16:30 Uhr]<br />
Online Portfolio<br />
Bildbearbeitung<br />
0 Crashkurs mit<br />
- Präsentationen<br />
- Übungen/Training<br />
- Literaturlisten<br />
- Linklisten<br />
- Checklisten<br />
- Diskussionen<br />
Änderungen + Umstellungen vorbehalten<br />
© Hebeisen 2006<br />
www.onlinelabor.ch<br />
hebeisen@onlinelabor.ch<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
crashkurs<br />
I lernen I trainieren I anwenden I<br />
visuellegestaltung<br />
<strong>screendesign</strong><br />
visuelle kommunikation und wahrnehmung<br />
gliederung<br />
4 1. teil<br />
4 kommunikation<br />
4 wahrnehmung<br />
4 informationsaufnahme<br />
4 gestaltgesetze<br />
4 graphic user interface<br />
4 designrichtlinien<br />
4 styleguide<br />
4 zusammenfassung<br />
4 2. teil<br />
4 ressourcen<br />
4 toplinks<br />
4 literatur<br />
4 diskussion<br />
4 training<br />
4 ankündigung<br />
76<strong>01</strong> 03<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
crashkurs<br />
I lernen I trainieren I anwenden I<br />
visuellegestaltung<br />
<strong>screendesign</strong><br />
visuelle kommunikation und wahrnehmung<br />
die grundlage<br />
jedes <strong>screendesign</strong>s<br />
ist die frage danach<br />
was der benutzer<br />
des produkts<br />
damit tun wird und<br />
wie er es tut<br />
76<strong>01</strong> 04<br />
die klärung dieser frage<br />
entscheidet über<br />
den erfolg oder misserfolg<br />
was ist kommunikation ?<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I 76<strong>01</strong> 05<br />
kommunikation<br />
grundlagen<br />
wer kommuniziert mit wem ?<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
zeichen zur verständigung<br />
76<strong>01</strong> 06<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
zeichentheorie<br />
visuelle symbole<br />
insbesondere die<br />
bildsymbole<br />
sind zum<br />
untentbehrlichen<br />
verständigungsmittel geworden...<br />
76<strong>01</strong> 07<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
test informationsarchitektur<br />
visuelle symbole<br />
www.viper.ch<br />
76<strong>01</strong> 08<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
test informationsarchitektur<br />
portal<br />
www.tagesanzeiger.ch<br />
76<strong>01</strong> 09<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
test informationsarchitektur<br />
ökonomie des sehens<br />
informationen werden nach der<br />
methode des kurzzeitgedächtnisses<br />
gegliedert<br />
an was erinnern wir uns?<br />
beispiel 1 beispiel 2<br />
... ...<br />
... ...<br />
... ...<br />
... ...<br />
... ...<br />
76<strong>01</strong> 10<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
internet<br />
76<strong>01</strong> 11<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
sender empfänger modell<br />
76<strong>01</strong> 12<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
heisst<br />
austausch von nachrichten<br />
zwischen<br />
zwei oder mehreren partnern<br />
in der kommunikativen beziehung<br />
stellt einer von beiden<br />
den sender<br />
und der andere<br />
den empfänger<br />
dar ...<br />
76<strong>01</strong> 13<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
grundlagen<br />
damit kommunikation<br />
zustande kommt<br />
müssen sender und empfänger<br />
über den gleichen signalvorrat verfügen<br />
nicht nur die übertragung<br />
sondern auch die entschlüsselung<br />
von signalen hat zu erfolgen<br />
76<strong>01</strong> 14<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
sender - empfänger - modell - internet<br />
übereinstimmende erwartungen zwischen<br />
inhalt und form<br />
76<strong>01</strong> 15<br />
sender<br />
unternehmensziele<br />
marketingstrategie<br />
textdarstellung<br />
& design<br />
computer-hardware<br />
& software<br />
internet<br />
computer-hardware<br />
& software<br />
wahrnehmungs- und<br />
erkenntnis-faktoren<br />
kulturelle- und<br />
soziale einflüsse<br />
erwartungen<br />
empfänger<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
grundlagen<br />
bertold brecht radiotheorie<br />
es kann der fall eintreten<br />
dass der sender zum empfänger wird<br />
und der empfänger zu senden beginnt<br />
dass beide komplex strukturiert sind<br />
76<strong>01</strong> 16<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I 76<strong>01</strong> 17<br />
kommunikation<br />
italienisch handzeichen<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
auch ein kuss ist eine kommunikationsform<br />
aber die botschaft ist nicht eindeutig<br />
es gibt vielerart küsse<br />
76<strong>01</strong> 18<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
kommunikationsmodelle<br />
4 1 zu 1 [interview]<br />
4 kleingruppe [meeting]<br />
4 1 zu viele [vortrag]<br />
4 1 zu viele [internet]<br />
4 1 zu 1 [geldautomat]<br />
4 viele zu 1 [umfrage]<br />
76<strong>01</strong> 19<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
I lernen I trainieren I anwenden I<br />
76<strong>01</strong> 20<br />
<strong>screendesign</strong><br />
kommunikation<br />
kommunikationsmodelle<br />
4 1 akzeptanz<br />
[kundenbindung]<br />
4 2 kodierung<br />
[konventionen usability]<br />
4 3 soziale rolle<br />
4 4 lohn<br />
[botschaft]<br />
4 5 aufbau<br />
[wunsch content]<br />
[dramaturgie]<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
kommunikationsmodelle<br />
76<strong>01</strong> 21<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
kommunikationskriterien<br />
76<strong>01</strong> 22<br />
1<br />
wie drücken wir unseren wunsch nach kommunikation aus?<br />
[problem der kommunikativen akzeptanz]<br />
2<br />
wie vermitteln wir unsere informationen?<br />
[problem der kodierung]<br />
3<br />
in welchem verhältnis stehen wir zueinander?<br />
[problem der sozialen koordination]<br />
4<br />
wie bekommen wir, was wir wollen<br />
[problem der belohnung]<br />
5<br />
wie beeinflussen wir uns gegenseitig<br />
[problem der entwicklung und des aufbaus]<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kommunikation<br />
kommunikationskriterien<br />
ol_checkliste<br />
online_portfolio<br />
76<strong>01</strong> 23<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
wahrnehmung<br />
visuell<br />
76<strong>01</strong> 24<br />
1 physikalische ereignisse ausserhalb des körpers<br />
2 reaktionen des sehorgans auf lichtreize<br />
3 entstehung der sehempfindung im gehirn<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
wahrnehmung<br />
was ist licht?<br />
76<strong>01</strong> 25<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
wahrnehmung<br />
grundlagen<br />
wahrnehmungsprozess<br />
beim sehen verläuft der weg<br />
nicht nur in einer richtung<br />
von den dingen zum auge und<br />
ins gehirn ...<br />
wahrnehmung ist vielmehr<br />
als eine fortwährende zwiesprache<br />
zwischen den augen und<br />
der sichtbaren umgebung zu verstehen<br />
76<strong>01</strong> 26<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
wahrnehmung<br />
wahrnehmungsprozess<br />
76<strong>01</strong> 27<br />
wenn wir unseren weg durch eine website finden<br />
ist dies nichts anderes<br />
als wenn wir uns in einem gebäude zurechtfinden<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
wahrnehmung<br />
nicht gespeicherte informationen sind wertlos<br />
drei gedächtnissystem<br />
76<strong>01</strong> 28<br />
alles was wir wahrnehmen<br />
landet im<br />
sensorischen gedächtnis<br />
das kurzzeit gedächtnis<br />
selektiert eine kleine auswahl<br />
[ 7 - 9 informationseinheiten]<br />
im langzeit gedächtnis<br />
können informationen nur<br />
dann gespeichert werden<br />
wenn sie der mensch mit<br />
bereits bekanntem verknüpft<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
wahrnehmung<br />
um <strong>screendesign</strong> besser zu machen...<br />
sind einige grundkenntnisse<br />
über die geistigen prozesse erforderlich<br />
die im benutzer beim betrachten und bedienen von<br />
webseiten vorgehen...<br />
die wahrnehmung von gesehenem<br />
ist eine enorme gehirnleistung<br />
76<strong>01</strong> 29<br />
alles gesehene wird in einzelne objekte zerlegt<br />
das gehirn setzt diese in beziehung zueinander und<br />
ordnet sie an<br />
die wahrnehmungstheorie nennt diesen wissenszweig<br />
gestaltgesetze...<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
unter einer gestalt<br />
versteht man ein gebilde<br />
das als ganzes<br />
andere qualitäten aufweist<br />
als seine einzelnen elemente<br />
die gestalt ist mehr<br />
als die summe ihrer teile<br />
76<strong>01</strong> 30<br />
einige gestaltgesetze...<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
räumliche nähe<br />
[04:11] 02_02_<strong>01</strong>.swf<br />
76<strong>01</strong> 31<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
gross und klein kontrast<br />
[04:20] 02_02_02.swf<br />
76<strong>01</strong> 32<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
leicht und schwer kontrast<br />
[04:02] 02_02_03.swf<br />
76<strong>01</strong> 33<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I 76<strong>01</strong> 34<br />
gestaltgesetze<br />
rhythmus und wiederholung<br />
[<strong>01</strong>:56] 02_02_04.swf<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
helligkeitskontrast<br />
[02:07] 02_02_05.swf<br />
76<strong>01</strong> 35<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
farbkontrast<br />
[06:<strong>01</strong>] 02_02_06.swf<br />
76<strong>01</strong> 36<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
struktur und permutation<br />
[03:45] 02_02_07.swf<br />
76<strong>01</strong> 37<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
räumliche anordnung<br />
[<strong>01</strong>:49] 02_02_08.swf<br />
76<strong>01</strong> 38<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
goldener schnitt<br />
[07:33] 02_02_09.swf<br />
76<strong>01</strong> 39<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
kurze pause<br />
der geist wächst durch das,<br />
was man ihm füttert.<br />
j.g. holland<br />
76<strong>01</strong> 40<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
gestaltgesetze<br />
corporate identity<br />
graphic user interface<br />
76<strong>01</strong> 41<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
graphic user interface<br />
gui ist ein mittel mit dessen hilfe<br />
benutzer und computer<br />
miteinander kommunizieren<br />
76<strong>01</strong> 42<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
graphic user interface<br />
benutzerschnittstelle<br />
eine grafische<br />
benutzerschnittstelle<br />
umfasst bildliche darstellungen<br />
die in einem<br />
interaktiven prozess<br />
funktionen und bedeutungen<br />
über den bildschirm vermitteln<br />
76<strong>01</strong> 43<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
graphic user interface<br />
metapher<br />
76<strong>01</strong> 44<br />
der kommunikationsprozess wird vereinfacht<br />
wenn der besucher die beziehung zwischen<br />
elementen leicht erfassen kann<br />
dies kann nur dann geschehen<br />
wenn man eine konsistente terminologie verwendet...<br />
haus = haus<br />
haus = zeichen für haus<br />
haus = startseite<br />
haus = anfang<br />
haus = home<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
als webdesigner ist man ein teil eines<br />
kommunikationsprozesses<br />
die aufgabe besteht darin<br />
botschaften darzustellen<br />
also die<br />
visualisierung von kommunikation<br />
76<strong>01</strong> 45<br />
dazu sind einige grundkenntnisse<br />
über die prozesse erforderlich<br />
die im benüzter beim betrachten und bedienen von<br />
webseiten vorgehen<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I 76<strong>01</strong> 46<br />
designrichtlinien<br />
statt einer linearen wissensvermittlung<br />
wird dem anwender eine individuell bestimmbare<br />
aneignung von informationen ermöglicht<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I 76<strong>01</strong> 47<br />
designrichtlinien<br />
leserichtung<br />
europäisch<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
hypertext<br />
76<strong>01</strong> 48<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I 76<strong>01</strong> 49<br />
designrichtlinien<br />
online gestaltung<br />
variablen<br />
es wird nicht<br />
irgendwie gestaltet...<br />
hier wird mit<br />
methode gestaltet<br />
mit text<br />
mit form<br />
mit farbe<br />
mit layout<br />
mit raster<br />
mit tabellen<br />
mit interaktivität<br />
mit hierarchien<br />
= styleguide<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
der buchstabe<br />
ist das kleinste element<br />
76<strong>01</strong> 50<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
das wort<br />
mehrfarbig<br />
76<strong>01</strong> 51<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
I lernen I trainieren I anwenden I<br />
76<strong>01</strong> 52<br />
<strong>screendesign</strong><br />
designrichtlinien<br />
das wort<br />
kann seine bedeutung ändern<br />
wort<br />
wort<br />
wort<br />
wort<br />
wort<br />
wort<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
textgestaltung<br />
satzspiegel<br />
satzbreite<br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
< text < text < text <br />
76<strong>01</strong> 53<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
durch visuelle kommunikation am bildschirm<br />
mittels grafischer benutzer funktionen<br />
wird eine intuitive orientierung ermöglicht<br />
76<strong>01</strong> 54<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
bildschirmfläche<br />
seitenformat<br />
wir sehen immer nur ein bruchteil<br />
76<strong>01</strong> 55<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
visuelle gruppierung<br />
seitenlayout<br />
76<strong>01</strong> 56<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
designrichtlinien<br />
musterlayout<br />
seitenaufbau<br />
76<strong>01</strong> 57<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
styleguide<br />
tamedia<br />
gutes design bedeutet beschränkung<br />
76<strong>01</strong> 58<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
styleguide<br />
meine attribute<br />
css<br />
76<strong>01</strong> 59<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
visuelle gestaltung<br />
zusammenfassung<br />
visuelle logik für<br />
grafische gestaltung<br />
zum eigenen ziel machen<br />
methodisch vorgehen<br />
weniger ist mehr<br />
76<strong>01</strong> 60<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
web-design aktuell<br />
grundwerk<br />
www.webdesign-aktuell.de<br />
76<strong>01</strong> 61<br />
grundlagen + praxiswissen<br />
für professionelles<br />
gestalten von<br />
webauftritten<br />
anwendungsbeispiele<br />
projektmanagement<br />
design-technik<br />
design-lösungn<br />
schritt für schritt anleitungen<br />
tipps & tricks<br />
serverseitige techniken<br />
php<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
ressourcen<br />
toplinks<br />
www.webdesign-aktuell.de<br />
[web-design-handbuch grundlagen und praxiswissen]<br />
www.kommdesign.de<br />
[ein- und durchblicke in 34 aufsätzen]<br />
www.gui-design.de<br />
[graphic user desing auf deutsch]<br />
www.frank-thissen.de<br />
[<strong>screendesign</strong> handbuch effektiv informieren und kommunizieren]<br />
www.teamone.de/selfhtml<br />
[die energie des verstehens]<br />
www.drweb.de<br />
[was webworker wissen müssen]<br />
www.www-kurs.de<br />
[online internetkurs mit glossar]<br />
www.tele-ak.de<br />
[online weiterbildung für mediengestalter]<br />
76<strong>01</strong> 62<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
ressourcen<br />
literatur<br />
screen-design handbuch<br />
frank thissen<br />
springer verlag<br />
www.frank-thissen.de<br />
[<strong>screendesign</strong> handbuch effektiv informieren und kommunizieren]<br />
www.springer.de<br />
[x.media.press eine praxisorientierte reihe für digitale medien]<br />
76<strong>01</strong> 63<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
ressourcen<br />
literatur<br />
1 handbuch visuelle mediengestaltung<br />
www.cornelsen.de<br />
[konzeption im webdesign]<br />
2 visuelles gestalten mit dem computer<br />
www.rororo.de<br />
[grundlagen der gestaltungsprozesse mit dem computer]<br />
3 erfolgreiches webdesign<br />
www.akademie.de/workshops<br />
[websites konzipieren mit design prinzipien]<br />
4 hypergraphics<br />
www.vcu.edu/artweb<br />
[design und architektur von websites]<br />
5 websites visualisieren<br />
www.rororo.de<br />
[entwerfen analysieren und steuern mit plänen und karten]<br />
76<strong>01</strong> 64<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
die homepage [startseite]<br />
ist der meistbesuchte bereich einer website<br />
sie ist sozusagen der haupteingangsbereich<br />
sie ist das erste<br />
was ein besucher sieht und hier entscheidet sich<br />
ob er mehr über dein angebot erfahren will<br />
76<strong>01</strong> 65<br />
training gestaltungspraxis<br />
übung<br />
aufgabe<br />
prüfe die visuellen metaphern<br />
einer von dir gestalteten homepage<br />
und kommentiere sie visuell<br />
[kurzpräsentation mit acrobat oder powerpoint]<br />
beim nächsten termin<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
nächstes thema<br />
termin siehe kalender<br />
crashkurs<br />
I lernen I trainieren I anwenden I<br />
onlinelabor.ch<br />
Visuelle Gestaltung<br />
ScreenDesign<br />
Ernst Peter Hebeisen<br />
0 Termine siehe www.onlinelabor.ch/kalender<br />
1 [Montag 14:00 - 16:30 Uhr]<br />
Wahrnehmung und<br />
Kommunikation im Web<br />
2 [Montag 14:00 - 16:30 Uhr]<br />
Grundlagen der<br />
Mediengestaltung im Web<br />
4 [Montag 14:00 - 16:30 Uhr]<br />
Usability<br />
Navigation<br />
5 [Montag 14:00 - 16:30 Uhr]<br />
Typografie am Bildschirm<br />
Logo Design<br />
76<strong>01</strong> 66<br />
3 [Montag 14:00 - 16:30 Uhr]<br />
Farbe<br />
Webfarben<br />
6 [Montag 14:00 - 16:30 Uhr]<br />
Online Portfolio<br />
Bildbearbeitung<br />
0 Crashkurs mit<br />
- Präsentationen<br />
- Übungen/Training<br />
- Literaturlisten<br />
- Linklisten<br />
- Checklisten<br />
- Diskussionen<br />
Änderungen + Umstellungen vorbehalten<br />
© Hebeisen 2006<br />
www.onlinelabor.ch<br />
hebeisen@onlinelabor.ch<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
<strong>screendesign</strong><br />
I lernen I trainieren I anwenden I<br />
ephebeisen.ch<br />
danke für die aufmerksamkeit<br />
76<strong>01</strong> 67<br />
ende<br />
www.ephebeisen.ch<br />
hebeisen@sunrise.ch
Change language