»(Image navigation)«: Difference between revisions

m Text replacement - "BookNavigation" to "Table of Contents"
 
(5 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 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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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>
==Web and printed matter==
==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=400
|width=2000
|height=400
|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=400
|width=2000
|height=400
|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, which  in the simulation on the site is displayed abbreviated.
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 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]]