transformal GmbH

»(Image navigation)«: Difference between revisions

Created page with "[[de:{{T|(Bildnavigation)}}]] This is a series of interactive illustrations on split self-narration: At the left (top) a professional and at the right (bottom) a personal perspective. ==Welcoming== {{ImageStack |background=File:Begrüßung Foto.png |overlay1=File:01_Begrüßung Firma.png |overlay2=File:02 Begrüßung Firma.png |overlay3=File:03 Begrüßung Firma.png |overlay4=File:04 Begrüßung Firma.png |width=400 |height=400 |align=left |mouseimage=File:Bildnavigatio..."
 
m Text replacement - "BookNavigation" to "Table of Contents"
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[de:{{T|(Bildnavigation)}}]]
<div id="preprint-magic"></div>{{BookNav|book=Table of Contents}}[[de:{{T|(Bildnavigation)}}]]
This is a series of interactive illustrations on split self-narration: At the left (top) a professional and at the right (bottom) a personal perspective.
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==
==Welcoming==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=File:Begrüßung Foto.png
|background=File:Begrüßung Foto.png
Line 9: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Welcoming
|title2=Professional Perspective: Welcoming
|title3=Professional Perspective: Welcoming
|title4=Professional Perspective: Welcoming
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
|background=File:Begrüßung Foto.png
|background=File:Begrüßung Foto.png
|overlay1=File:01_Begrüßung Firma.png
|overlay1=File:01_Begrüßung Person.png
|overlay2=File:02 Begrüßung Firma.png
|overlay2=File:02 Begrüßung Person.png
|overlay3=File:03 Begrüßung Firma.png
|overlay3=File:03 Begrüßung Person.png
|overlay4=File:04 Begrüßung Firma.png
|overlay4=File:04 Begrüßung Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Welcoming
|title2=Personal Perspective: Welcoming
|title3=Personal Perspective: Welcoming
|title4=Personal Perspective: Welcoming
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Offering==
==Offer==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=File:Angebot Foto.png
|background=File:Angebot Foto.png
Line 40: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Show something
|title2=Professional Perspective: Show something
|title3=Professional Perspective: Show something
|title4=Professional Perspective: Show something
|title5=Professional Perspective: Show something
|title6=Professional Perspective: Show something
|title7=Professional Perspective: Show something
}}
}}
{{ImageStack
{{ImageStack
|background=File:Angebot Foto.png
|background=File:Angebot Foto.png
|overlay1=File:01_Angebot Firma.png
|overlay1=File:01_Angebot Person.png
|overlay2=File:02 Angebot Firma.png
|overlay2=File:02 Angebot Person.png
|overlay3=File:03 Angebot Firma.png
|overlay3=File:03 Angebot Person.png
|overlay4=File:04 Angebot Firma.png
|overlay4=File:04 Angebot Person.png
|overlay5=File:05 Angebot Firma.png
|overlay5=File:05 Angebot Person.png
|overlay6=File:06 Angebot Firma.png
|overlay6=File:06 Angebot Person.png
|overlay7=File:07 Angebot Firma.png
|overlay7=File:07 Angebot Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Show something
|title2=Personal Perspective: Show something
|title3=Personal Perspective: Show something
|title4=Personal Perspective: Show something
|title5=Personal Perspective: Show something
|title6=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 72: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Learn
|title2=Professional Perspective: Learn
|title3=Professional Perspective: Learn
|title4=Professional Perspective: Learn
|title5=Professional Perspective: Learn
|title6=Professional Perspective: Learn
|title7=Professional Perspective: Learn
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
|background=File:Ausbildung Foto.png
|background=File:Ausbildung Foto.png
|overlay1=File:01_Ausbildung Firma.png
|overlay1=File:01_Ausbildung Person.png
|overlay2=File:02 Ausbildung Firma.png
|overlay2=File:02 Ausbildung Person.png
|overlay3=File:03 Ausbildung Firma.png
|overlay3=File:03 Ausbildung Person.png
|overlay4=File:04 Ausbildung Firma.png
|overlay4=File:04 Ausbildung Person.png
|overlay5=File:05 Ausbildung Firma.png
|overlay5=File:05 Ausbildung Person.png
|overlay6=File:06 Ausbildung Firma.png
|overlay6=File:06 Ausbildung Person.png
|overlay7=File:07 Ausbildung Firma.png
|width=2000
|width=400
|height=2000
|height=400
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Learn
|title2=Personal Perspective: Learn
|title3=Personal Perspective: Learn
|title4=Personal Perspective: Learn
|title5=Personal Perspective: Learn
|title6=Personal Perspective: Learn
|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 105: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Defend
|title2=Professional Perspective: Defend
|title3=Professional Perspective: Defend
|title4=Professional Perspective: Defend
|title5=Professional Perspective: Defend
|title6=Professional Perspective: Defend
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 120: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Defend
|title2=Personal Perspective: Defend
|title3=Personal Perspective: Defend
|title4=Personal Perspective: Defend
|title5=Personal Perspective: Defend
|title6=Personal Perspective: Defend
|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 135: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Konstruieren
|title2=Professional Perspective: Konstruieren
|title3=Professional Perspective: Konstruieren
|title4=Professional Perspective: Konstruieren
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 148: 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=400
|width=2000
|height=400
|height=2000
|align=right
|align=right
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Grow
|title2=Personal Perspective: Grow
|title3=Personal Perspective: Grow
|title4=Personal Perspective: Grow
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Ambitions==
==Ambition==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=File:Ambitionen Foto.png
|background=File:Ambitionen Foto.png
Line 163: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Conquer
|title2=Professional Perspective: Conquer
|title3=Professional Perspective: Conquer
|title4=Professional Perspective: Conquer
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
Line 175: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Conquer
|title2=Personal Perspective: Conquer
|title3=Personal Perspective: Conquer
|title4=Personal Perspective: Conquer
|ellipsis_invert=true
}}
}}
 
</div>
==Web and printed matter==
==Works==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=File:WebundDruck Foto.png
|background=File:WebundDruck Foto.png
Line 192: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Give something
|title2=Professional Perspective: Give something
|title3=Professional Perspective: Give something
|title4=Professional Perspective: Give something
|title5=Professional Perspective: Give something
|title6=Professional Perspective: Give something
|title7=Professional Perspective: Give something
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 208: 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=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Give something
|title2=Personal Perspective: Give something
|title3=Personal Perspective: Give something
|title4=Personal Perspective: Give something
|title5=Personal Perspective: Give something
|title6=Personal Perspective: Give something
|title7=Personal Perspective: Give something
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==From the explanatory report==
==From the explanatory report==
The same photograph is used above for different professional and personal narratives.
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.  
{{TableIC}}
{| class="mw-collapsible mw-collapsed wikitable"  
{| class="mw-collapsible mw-collapsed wikitable"  
! colspan="2" | [[transformal GmbH:Conventions#Archive data|Archive data]] &nbsp;
! colspan="2" | [[transformal GmbH:Conventions#Archive data|Archive data]] &nbsp;
|- {{T-HLVT}} |
|- {{T-HLVT}} |
| A '''Description'''  || (Image navigation)<br>Illustration: Steph Mazzagg<br>Photography: Olaf Langmack<br>39 illustrations on 7 photographs
| A '''Description'''  || Image navigation for public self-narration<br>39 Illustrations: Steph Mazagg<br>7 Photographs: Olaf Langmack
|- {{T-HLVT}} |
|- {{T-HLVT}} |
| C '''Manufacture''' ||  Concept for the navigation of this site: Summer 2018<br>Illustration: February until April 2019<br>Photography: Autumn 2018
| C '''Manufacture''' ||  Concept for [[Olaf Langmack#Edition7|semantic navigation]]: Summer 2018<br>Photography: Autumn 2018<br>Illustration: February until April 2019
|-
|-
| D '''Entry''' || Published in July 2025
| D '''Entry''' || Published July 31, 2025
|-
|-
| G&nbsp;'''Maturity''' || Finished Work
| G&nbsp;'''Maturity''' || Finished Work
|-
|- {{T-HLVT}} |
| H '''Affiliation''' ||  [[Olaf Langmack#Edition7|7th Edition]]
| 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]]
Retrieved from "https://en.transformal.com/wiki/»(Image_navigation)«"