Design Handbuch - Brandmanagement von handwerk.de - Das ...
Design Handbuch - Brandmanagement von handwerk.de - Das ...
Design Handbuch - Brandmanagement von handwerk.de - Das ...
Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
1.8 OnlineBanner<br />
Ablauf eines Bildbanners<br />
BILDBANNER<br />
1. <strong>Das</strong> Bildbanner wird mit <strong>de</strong>m Bildmotiv<br />
gestartet.<br />
2. Anschließend folgt die Animation<br />
<strong>de</strong>r Headline, in<strong>de</strong>m sich <strong>de</strong>r erste<br />
Balken <strong>von</strong> rechts, alle weiteren Balken<br />
abwechselnd <strong>von</strong> links und rechts in<br />
das Banner schieben.<br />
3. Bevor je<strong>de</strong> einzelne Zeile linksbündig<br />
am Rand zum Stehen kommt, be <br />
ginnt sich das Bildmotiv nach links<br />
zu be wegen.<br />
1. Bildmotiv<br />
4. Die anschließen<strong>de</strong> Abspannphase<br />
wird eingeleitet, in<strong>de</strong>m sich das Bildmotiv<br />
schrittweise so weit nach links<br />
bewegt, bis es mit allen Inhalten ganz<br />
im Banner zu sehen ist. Zusätzlich wird<br />
das Logo eingeblen<strong>de</strong>t.<br />
5. Headline und Bildmotiv wer<strong>de</strong>n ausgeblen<strong>de</strong>t;<br />
an ihre Stelle tritt <strong>de</strong>r blaue<br />
Hintergrund mitsamt Copytext.<br />
6. Abschließend wird <strong>de</strong>r Aktivierungsbutton<br />
eingeblen<strong>de</strong>t.<br />
2. Textanimation 3. Anfang Bewegung Bildmotiv<br />
Empfohlen wird die Wahl ein<strong>de</strong>utiger<br />
Bildmotive, <strong>de</strong>ren Aussage sich auf<br />
einen Blick erschließt.<br />
31<br />
4. Bewegung Bildmotiv,<br />
Einblen<strong>de</strong>n <strong>de</strong>s Logos<br />
5. Einblen<strong>de</strong>n <strong>de</strong>s copytextes<br />
mit blauem Hintergrund<br />
6. Einblen<strong>de</strong>n <strong>de</strong>s buttons