transformal GmbH

»(Image navigation)«: Difference between revisions

← Older edit
No edit summary
m Text replacement - "BookNavigation" to "Table of Contents"
 
(14 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 a personal view of the same topic.  
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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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
|title0=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;
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]]
Retrieved from "https://en.transformal.com/wiki/»(Image_navigation)«"