»(Image navigation)«: Difference between revisions
OlafLangmack (talk | contribs) |
OlafLangmack (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
[[de:{{T|(Bildnavigation)}}]] | <div id="preprint-magic"></div>{{BookNav|book=BuchNavigation}}[[de:{{T|(Bildnavigation)}}]] | ||
This is a series of interactive illustrations on split self-narration: First a professional and then a personal view of the same aspect of their narrative. | This is a series of interactive illustrations on split self-narration: First a professional and then a personal view of the same aspect of their narrative. | ||
==Home== | ==Home== | ||
<div class="imagestack-pair"> | |||
{{ImageStack | {{ImageStack | ||
|background=File:Begrüßung Foto.png | |background=File:Begrüßung Foto.png | ||
| Line 8: | Line 9: | ||
|overlay3=File:03 Begrüßung Firma.png | |overlay3=File:03 Begrüßung Firma.png | ||
|overlay4=File:04 Begrüßung Firma.png | |overlay4=File:04 Begrüßung Firma.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 25: | Line 26: | ||
|overlay3=File:03 Begrüßung Person.png | |overlay3=File:03 Begrüßung Person.png | ||
|overlay4=File:04 Begrüßung Person.png | |overlay4=File:04 Begrüßung Person.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 36: | Line 37: | ||
|ellipsis_invert=true | |ellipsis_invert=true | ||
}} | }} | ||
</div> | |||
==Offer== | ==Offer== | ||
<div class="imagestack-pair"> | |||
{{ImageStack | {{ImageStack | ||
|background=File:Angebot Foto.png | |background=File:Angebot Foto.png | ||
| Line 47: | Line 49: | ||
|overlay6=File:06 Angebot Firma.png | |overlay6=File:06 Angebot Firma.png | ||
|overlay7=File:07 Angebot Firma.png | |overlay7=File:07 Angebot Firma.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 69: | Line 71: | ||
|overlay6=File:06 Angebot Person.png | |overlay6=File:06 Angebot Person.png | ||
|overlay7=File:07 Angebot Person.png | |overlay7=File:07 Angebot Person.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 82: | Line 84: | ||
|title7=Personal Perspective: Show something | |title7=Personal Perspective: Show something | ||
}} | }} | ||
</div> | |||
==Education== | ==Education== | ||
<div class="imagestack-pair"> | |||
{{ImageStack | {{ImageStack | ||
|background=File:Ausbildung Foto.png | |background=File:Ausbildung Foto.png | ||
| Line 93: | Line 96: | ||
|overlay6=File:06 Ausbildung Firma.png | |overlay6=File:06 Ausbildung Firma.png | ||
|overlay7=File:07 Ausbildung Firma.png | |overlay7=File:07 Ausbildung Firma.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 115: | Line 118: | ||
|overlay5=File:05 Ausbildung Person.png | |overlay5=File:05 Ausbildung Person.png | ||
|overlay6=File:06 Ausbildung Person.png | |overlay6=File:06 Ausbildung Person.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 128: | Line 131: | ||
|ellipsis_invert=true | |ellipsis_invert=true | ||
}} | }} | ||
</div> | |||
==Position== | ==Position== | ||
<div class="imagestack-pair"> | |||
{{ImageStack | {{ImageStack | ||
|background=File:Standpunkt Foto.png | |background=File:Standpunkt Foto.png | ||
| Line 138: | Line 142: | ||
|overlay5=File:05 Standpunkt Firma.png | |overlay5=File:05 Standpunkt Firma.png | ||
|overlay6=File:06 Standpunkt Firma.png | |overlay6=File:06 Standpunkt Firma.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 159: | Line 163: | ||
|overlay5=File:05 Standpunkt Person.png | |overlay5=File:05 Standpunkt Person.png | ||
|overlay6=File:06 Standpunkt Person.png | |overlay6=File:06 Standpunkt Person.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 172: | Line 176: | ||
|ellipsis_invert=true | |ellipsis_invert=true | ||
}} | }} | ||
</div> | |||
==Models== | ==Models== | ||
<div class="imagestack-pair"> | |||
{{ImageStack | {{ImageStack | ||
|background=File:Modelle Foto.png | |background=File:Modelle Foto.png | ||
| Line 180: | Line 185: | ||
|overlay3=File:03 Modelle Firma.png | |overlay3=File:03 Modelle Firma.png | ||
|overlay4=File:04 Modelle Firma.png | |overlay4=File:04 Modelle Firma.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 197: | Line 202: | ||
|overlay3=File:03 Modelle Person.png | |overlay3=File:03 Modelle Person.png | ||
|overlay4=File:04 Modelle Person.png | |overlay4=File:04 Modelle Person.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=right | |align=right | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 208: | Line 213: | ||
|ellipsis_invert=true | |ellipsis_invert=true | ||
}} | }} | ||
</div> | |||
==Ambition== | ==Ambition== | ||
<div class="imagestack-pair"> | |||
{{ImageStack | {{ImageStack | ||
|background=File:Ambitionen Foto.png | |background=File:Ambitionen Foto.png | ||
| Line 216: | Line 222: | ||
|overlay3=File:03 Ambitionen Firma.png | |overlay3=File:03 Ambitionen Firma.png | ||
|overlay4=File:04 Ambitionen Firma.png | |overlay4=File:04 Ambitionen Firma.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 233: | Line 239: | ||
|overlay3=File:03 Ambitionen Person.png | |overlay3=File:03 Ambitionen Person.png | ||
|overlay4=File:04 Ambitionen Person.png | |overlay4=File:04 Ambitionen Person.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 244: | Line 250: | ||
|ellipsis_invert=true | |ellipsis_invert=true | ||
}} | }} | ||
</div> | |||
==Works== | ==Works== | ||
<div class="imagestack-pair"> | |||
{{ImageStack | {{ImageStack | ||
|background=File:WebundDruck Foto.png | |background=File:WebundDruck Foto.png | ||
| Line 255: | Line 262: | ||
|overlay6=File:06 WebundDrucksachen Firma.png | |overlay6=File:06 WebundDrucksachen Firma.png | ||
|overlay7=File:07 WebundDrucksachen Firma.png | |overlay7=File:07 WebundDrucksachen Firma.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 278: | Line 285: | ||
|overlay6=File:06 WebundDrucksachen Person.png | |overlay6=File:06 WebundDrucksachen Person.png | ||
|overlay7=File:07 WebundDrucksachen Person.png | |overlay7=File:07 WebundDrucksachen Person.png | ||
|width= | |width=2000 | ||
|height= | |height=2000 | ||
|align=left | |align=left | ||
|mouseimage=File:Bildnavigation.42px.png | |mouseimage=File:Bildnavigation.42px.png | ||
| Line 292: | Line 299: | ||
|ellipsis_invert=true | |ellipsis_invert=true | ||
}} | }} | ||
</div> | |||
==From the explanatory report== | ==From the explanatory report== | ||
Their personality is an indivisible quality of any person. So the same photograph is used for professional and personal self-narration. Their illustration connects them with a multi-level text navigation. The simulation above reduces it to two levels. | Their personality is an indivisible quality of any person. So the same photograph is used for professional and personal self-narration. Their illustration connects them with a multi-level text navigation. The simulation above reduces it to two levels. | ||
{{TableIC}} | |||
{| class="mw-collapsible mw-collapsed wikitable" | {| class="mw-collapsible mw-collapsed wikitable" | ||
! colspan="2" | [[transformal GmbH:Conventions#Archive data|Archive data]] | ! colspan="2" | [[transformal GmbH:Conventions#Archive data|Archive data]] | ||
| Line 308: | Line 316: | ||
| H '''Affiliation''' || [[Olaf Langmack#Edition7|7th Edition]] of this site<br>[[{{T|Image Stack}}|Simulation of the application]] | | H '''Affiliation''' || [[Olaf Langmack#Edition7|7th Edition]] of this site<br>[[{{T|Image Stack}}|Simulation of the application]] | ||
|} | |} | ||
{{TableIC/End}} | |||
[[Category:Description]] | [[Category:Description]] | ||
[[Category:Finished Work]] | [[Category:Finished Work]] | ||
[[Category:Concept]] | [[Category:Concept]] | ||
[[Category:Interactive Visual]] | [[Category:Interactive Visual]] | ||
Revision as of 15:56, 10 February 2026
This is a series of interactive illustrations on split self-narration: First a professional and then a personal view of the same aspect of their narrative.
Home
Offer
Education
Position
Models
Ambition
Works
From the explanatory report
Their personality is an indivisible quality of any person. So the same photograph is used for professional and personal self-narration. Their illustration connects them with a multi-level text navigation. The simulation above reduces it to two levels.
| Archive data | |
|---|---|
| A Description | Image navigation for public self-narration 39 Illustrations: Steph Mazagg 7 Photographs: Olaf Langmack |
| C Manufacture | Concept for semantic navigation: Summer 2018 Photography: Autumn 2018 Illustration: February until April 2019 |
| D Entry | Published July 31, 2025 |
| G Maturity | Finished Work |
| H Affiliation | 7th Edition of this site Simulation of the application |