Jump to content

»(Image navigation)«: Difference between revisions

From transformal GmbH
← Older edit
m Text replacement - "BookNavigation" to "Table of Contents"
 
(23 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: First a professional and then 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.  
==Welcoming==
==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=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
}}
}}
Line 21: 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=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 39: 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
Line 54: 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=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 71: 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
}}
}}
Line 86: 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
|overlay7=File:07 Ausbildung Person.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 104: 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 119: 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 134: 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 147: 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 162: 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 174: 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 191: 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 207: 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==
Their personality is an indivisible quality of any person. So the same photograph is used for professional and personal self-narration.
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]] &nbsp;
! colspan="2" | [[transformal GmbH:Conventions#Archive data|Archive data]] &nbsp;
|- {{T-HLVT}} |
|- {{T-HLVT}} |
| A '''Description'''  || Image navigation for this site<br>39 Illustrations: Steph Mazagg<br>7 Photographs: Olaf Langmack
| 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 [[Olaf Langmack#Edition7|semantic navigation]]: Summer 2018<br>Photography: Autumn 2018<br>Illustration: February until April 2019
| C '''Manufacture''' ||  Concept for [[Olaf Langmack#Edition7|semantic navigation]]: Summer 2018<br>Photography: Autumn 2018<br>Illustration: February until April 2019
Line 230: 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]]

Latest revision as of 12:28, 14 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
Retrieved from "https://en.transformal.com/index.php?title=»(Image_navigation)«&oldid=5326"