Zum Inhalt springen

»(Bildnavigation)«: Unterschied zwischen den Versionen

Aus transformal GmbH
← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
K Textersetzung - „BuchNavigation“ durch „Inhaltsverzeichnis“
 
(16 dazwischenliegende Versionen derselben Benutzerin werden nicht angezeigt)
Zeile 1: Zeile 1:
[[en:{{T|(Image navigation)}}]]
<div id="preprint-magic"></div>{{BookNav|book=Inhaltsverzeichnis}}[[en:{{T|(Image navigation)}}]]
Dies ist eine Serie interaktiver Illustrationen über geteilte Selbsterzählung: Zuerst ein professioneller und dann ein persönlicher Blick auf das gleiche Thema.
Dies ist eine Serie interaktiver Illustrationen über gespaltene Selbsterzählung: Zuerst ein professioneller und dann ein persönlicher Blick auf den gleichen Aspekt der Erzählung.
==Anfang==
==Zuhaus==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Begrüßung Foto.png
|background=Datei:Begrüßung Foto.png
|overlay1=Datei:01_Begrüßung Firma.png
|overlay1=Datei:01 Begrüßung Firma.png
|overlay2=Datei:02 Begrüßung Firma.png
|overlay2=Datei:02 Begrüßung Firma.png
|overlay3=Datei:03 Begrüßung Firma.png
|overlay3=Datei:03 Begrüßung Firma.png
|overlay4=Datei:04 Begrüßung Firma.png
|overlay4=Datei:04 Begrüßung Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 21: Zeile 22:
{{ImageStack
{{ImageStack
|background=Datei:Begrüßung Foto.png
|background=Datei:Begrüßung Foto.png
|overlay1=Datei:01_Begrüßung Person.png
|overlay1=Datei:01 Begrüßung Person.png
|overlay2=Datei:02 Begrüßung Person.png
|overlay2=Datei:02 Begrüßung Person.png
|overlay3=Datei:03 Begrüßung Person.png
|overlay3=Datei:03 Begrüßung Person.png
|overlay4=Datei:04 Begrüßung Person.png
|overlay4=Datei:04 Begrüßung Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title0=Persönliche Perspektive
|title0=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Begrüßen
|title1=Persönliche Perspektive: Begrüßen
Zeile 37: Zeile 37:
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Angebot==
==Angebot==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Angebot Foto.png
|background=Datei:Angebot Foto.png
|overlay1=Datei:01_Angebot Firma.png
|overlay1=Datei:01 Angebot Firma.png
|overlay2=Datei:02 Angebot Firma.png
|overlay2=Datei:02 Angebot Firma.png
|overlay3=Datei:03 Angebot Firma.png
|overlay3=Datei:03 Angebot Firma.png
Zeile 48: Zeile 49:
|overlay6=Datei:06 Angebot Firma.png
|overlay6=Datei:06 Angebot Firma.png
|overlay7=Datei:07 Angebot Firma.png
|overlay7=Datei:07 Angebot Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 63: Zeile 64:
{{ImageStack
{{ImageStack
|background=Datei:Angebot Foto.png
|background=Datei:Angebot Foto.png
|overlay1=Datei:01_Angebot Person.png
|overlay1=Datei:01 Angebot Person.png
|overlay2=Datei:02 Angebot Person.png
|overlay2=Datei:02 Angebot Person.png
|overlay3=Datei:03 Angebot Person.png
|overlay3=Datei:03 Angebot Person.png
Zeile 70: Zeile 71:
|overlay6=Datei:06 Angebot Person.png
|overlay6=Datei:06 Angebot Person.png
|overlay7=Datei:07 Angebot Person.png
|overlay7=Datei:07 Angebot Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 83: Zeile 84:
|title7=Persönliche Perspektive: Etwas zeigen
|title7=Persönliche Perspektive: Etwas zeigen
}}
}}
 
</div>
==Ausbildung==
==Ausbildung==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Ausbildung Foto.png
|background=Datei:Ausbildung Foto.png
|overlay1=Datei:01_Ausbildung Firma.png
|overlay1=Datei:01 Ausbildung Firma.png
|overlay2=Datei:02 Ausbildung Firma.png
|overlay2=Datei:02 Ausbildung Firma.png
|overlay3=Datei:03 Ausbildung Firma.png
|overlay3=Datei:03 Ausbildung Firma.png
Zeile 94: Zeile 96:
|overlay6=Datei:06 Ausbildung Firma.png
|overlay6=Datei:06 Ausbildung Firma.png
|overlay7=Datei:07 Ausbildung Firma.png
|overlay7=Datei:07 Ausbildung Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 110: Zeile 112:
{{ImageStack
{{ImageStack
|background=Datei:Ausbildung Foto.png
|background=Datei:Ausbildung Foto.png
|overlay1=Datei:01_Ausbildung Person.png
|overlay1=Datei:01 Ausbildung Person.png
|overlay2=Datei:02 Ausbildung Person.png
|overlay2=Datei:02 Ausbildung Person.png
|overlay3=Datei:03 Ausbildung Person.png
|overlay3=Datei:03 Ausbildung Person.png
Zeile 116: Zeile 118:
|overlay5=Datei:05 Ausbildung Person.png
|overlay5=Datei:05 Ausbildung Person.png
|overlay6=Datei:06 Ausbildung Person.png
|overlay6=Datei:06 Ausbildung Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 129: Zeile 131:
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Standpunkt==
==Standpunkt==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Standpunkt Foto.png
|background=Datei:Standpunkt Foto.png
Zeile 139: Zeile 142:
|overlay5=Datei:05 Standpunkt Firma.png
|overlay5=Datei:05 Standpunkt Firma.png
|overlay6=Datei:06 Standpunkt Firma.png
|overlay6=Datei:06 Standpunkt Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 161: Zeile 164:
|overlay5=Datei:05 Standpunkt Person.png
|overlay5=Datei:05 Standpunkt Person.png
|overlay6=Datei:06 Standpunkt Person.png
|overlay6=Datei:06 Standpunkt Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 175: Zeile 178:
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Modelle==
==Modelle==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Modelle Foto.png
|background=Datei:Modelle Foto.png
Zeile 183: Zeile 187:
|overlay3=Datei:03 Modelle Firma.png
|overlay3=Datei:03 Modelle Firma.png
|overlay4=Datei:04 Modelle Firma.png
|overlay4=Datei:04 Modelle Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 200: Zeile 204:
|overlay3=Datei:03 Modelle Person.png
|overlay3=Datei:03 Modelle Person.png
|overlay4=Datei:04 Modelle Person.png
|overlay4=Datei:04 Modelle Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 211: Zeile 215:
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Ambitionen==
==Ambition==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Ambitionen Foto.png
|background=Datei:Ambitionen Foto.png
Zeile 219: Zeile 224:
|overlay3=Datei:03 Ambitionen Firma.png
|overlay3=Datei:03 Ambitionen Firma.png
|overlay4=Datei:04 Ambitionen Firma.png
|overlay4=Datei:04 Ambitionen Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 228: Zeile 233:
|title3=Professionelle Perspektive: Erobern
|title3=Professionelle Perspektive: Erobern
|title4=Professionelle Perspektive: Erobern
|title4=Professionelle Perspektive: Erobern
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
Zeile 235: Zeile 241:
|overlay3=Datei:03 Ambitionen Person.png
|overlay3=Datei:03 Ambitionen Person.png
|overlay4=Datei:04 Ambitionen Person.png
|overlay4=Datei:04 Ambitionen Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
Zeile 244: Zeile 250:
|title3=Persönliche Perspektive: Erobern
|title3=Persönliche Perspektive: Erobern
|title4=Persönliche Perspektive: Erobern
|title4=Persönliche Perspektive: Erobern
|ellipsis_invert=true
}}
}}
 
</div>
==Web- und Drucksachen==
==Arbeiten==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:WebundDruck Foto.png
|background=Datei:WebundDruck Foto.png
Zeile 256: Zeile 264:
|overlay6=Datei:06 WebundDrucksachen Firma.png
|overlay6=Datei:06 WebundDrucksachen Firma.png
|overlay7=Datei:07 WebundDrucksachen Firma.png
|overlay7=Datei:07 WebundDrucksachen Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|title0=Professionelle Perspektive
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Etwas geben
|title1=Professionelle Perspektive: Etwas geben
Zeile 268: Zeile 274:
|title6=Professionelle Perspektive: Etwas geben
|title6=Professionelle Perspektive: Etwas geben
|title7=Professionelle Perspektive: Etwas geben
|title7=Professionelle Perspektive: Etwas geben
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Zeile 279: Zeile 287:
|overlay6=Datei:06 WebundDrucksachen Person.png
|overlay6=Datei:06 WebundDrucksachen Person.png
|overlay7=Datei:07 WebundDrucksachen Person.png
|overlay7=Datei:07 WebundDrucksachen Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|title0=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Etwas geben
|title1=Persönliche Perspektive: Etwas geben
Zeile 291: Zeile 297:
|title6=Persönliche Perspektive: Etwas geben
|title6=Persönliche Perspektive: Etwas geben
|title7=Persönliche Perspektive: Etwas geben
|title7=Persönliche Perspektive: Etwas geben
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Aus dem Erläuterungsbericht==
==Aus dem Erläuterungsbericht==
Ihre Personalität ist eine unteilbare Qualität jeder Person. Darum wird die gleiche Fotografie für berufliche und persönliche Aspekte der Selbsterzählung verwendet.
Ihre Personalität ist eine unteilbare Qualität jeder Person. Darum wird die gleiche Fotografie für berufliche und persönliche Aspekte der Selbsterzählung verwendet. Deren Illustrationen verbinden sie mit einer mehrstufigen Textnavigation, die in der Simulation oben auf zwei Ebenen verkürzt wird.
{{TableIC}}
{| class="mw-collapsible mw-collapsed wikitable"  
{| class="mw-collapsible mw-collapsed wikitable"  
! colspan="2" | [[transformal GmbH:Konventionen#Archivdaten|Archivdaten]] &nbsp;
! colspan="2" | [[transformal GmbH:Konventionen#Archivdaten|Archivdaten]] &nbsp;
Zeile 309: Zeile 318:
| H&nbsp;'''Zugehörigkeit''' || [[Olaf Langmack#Ausgabe7|7. Ausgabe]] dieser Site und<br>[[{{T|Bildstapel}}|Simulation der Anwendung]]
| H&nbsp;'''Zugehörigkeit''' || [[Olaf Langmack#Ausgabe7|7. Ausgabe]] dieser Site und<br>[[{{T|Bildstapel}}|Simulation der Anwendung]]
|}
|}
{{TableIC/End}}
[[Kategorie:Beschreibung]]
[[Kategorie:Beschreibung]]
[[Kategorie:Fertige Arbeit]]
[[Kategorie:Fertige Arbeit]]
[[Kategorie:Konzept]]
[[Kategorie:Konzept]]
[[Kategorie:Interaktive Visualisierung]]
[[Kategorie:Interaktive Visualisierung]]

Aktuelle Version vom 14. Februar 2026, 10:24 Uhr

Dies ist eine Serie interaktiver Illustrationen über gespaltene Selbsterzählung: Zuerst ein professioneller und dann ein persönlicher Blick auf den gleichen Aspekt der Erzählung.

Zuhaus

Angebot

Ausbildung

Standpunkt

Modelle

Ambition

Arbeiten

Aus dem Erläuterungsbericht

Ihre Personalität ist eine unteilbare Qualität jeder Person. Darum wird die gleiche Fotografie für berufliche und persönliche Aspekte der Selbsterzählung verwendet. Deren Illustrationen verbinden sie mit einer mehrstufigen Textnavigation, die in der Simulation oben auf zwei Ebenen verkürzt wird.

Archivdaten  
A Beschreibung Bildnavigation für öffentliche Selbsterzählung
39 Illustrationen: Steph Mazagg
7 Fotografien: Olaf Langmack
C Herstellung Konzept für semantische Navigation: Sommer 2018
Fotografie: Herbst 2018
Illustration: Februar bis Mai 2019
D Eingang veröffentlicht im Juli 2025
G Reifegrad Fertige Arbeit
H Zugehörigkeit 7. Ausgabe dieser Site und
Simulation der Anwendung
Abgerufen von „https://de.transformal.com/index.php?title=»(Bildnavigation)«&oldid=7596“