SeeholzerKristina_SecretAgent
Wahlpflichtprojekt Digitale Applikationen Teil 2 Kristina Seeholzers Website SecretAgent ist Teil der Marketingkampagne zum Filmstart des neuen Bonds am Ende des Jahres 2018. SecretAgent ist eine Gamingseite, auf welcher Spieler/innen die Rolle des Geheimagenten einnehmen. Im Auftrag des britischen Geheimdienstes bewältigen sie die Missionen aus der Egoperspektive. Die Spielszenarien entspringen der Filmerzählung. Durch das erfolgreiche Bestreiten einer Mission wird die nächste freigeschaltet und in einem internationalen Ranking beweisen sich die Agenten untereinander. Als zusätzliches Feature gibt es News und Infos rund um den neuen Bond.
Wahlpflichtprojekt Digitale Applikationen Teil 2
Kristina Seeholzers Website SecretAgent ist Teil der Marketingkampagne zum Filmstart des neuen Bonds am Ende des Jahres 2018.
SecretAgent ist eine Gamingseite, auf welcher Spieler/innen die Rolle des Geheimagenten einnehmen. Im Auftrag des britischen Geheimdienstes bewältigen sie die Missionen aus der Egoperspektive. Die Spielszenarien entspringen der Filmerzählung. Durch das erfolgreiche Bestreiten einer Mission wird die nächste freigeschaltet und in einem internationalen Ranking beweisen sich die Agenten untereinander.
Als zusätzliches Feature gibt es News und Infos rund um den neuen Bond.
Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
Seite 20<br />
Seite 21<br />
Interface Virtuell - Secret Agent<br />
SCREENDESIGN<br />
Layoutraster<br />
Flexibles Design<br />
3.<br />
SCREENDESIGN<br />
Ein Gestaltungsraster ist für ein strukturiertes Layout<br />
und eine professioniell wirkende Website unerlässlich.<br />
Bei der Gesamtbreite des Layouts empfiehlt es sich,<br />
sich an der Zielgruppe der Website zu orientieren.<br />
Ein Web-Layout, das auf einem Raster basiert, wirkt<br />
aufgeräumter und harmonischer.<br />
Ein responsives Gestaltungsraster besteht aus<br />
mehrerern Gestaltungsrastern, die an Breakspoints<br />
umbrechen und die Anzahl an Rasterspalten ändert.<br />
Die Spaltenanzahl variiert je nach Displaygröße,<br />
also auch nach Endgeräten. Darüber hinaus sind<br />
in einem responsiven Layout die Rasterspalten in<br />
der Breite flexibel. Die Breitenangaben basieren auf<br />
Prozentwerten.<br />
Hier der Aufbau des Gestaltungsrasters für die Seite<br />
secretagent.com für drei verschiedene Endgeräte mit<br />
kleiner Display Darstellung, mittlerer Displaygröße<br />
und Desktop-Darstellung.<br />
Small<br />
1-spaltiges<br />
Raster<br />
Large<br />
4-spaltiges Raster<br />
Medium<br />
3-spaltiges Raster<br />
25 %<br />
33,333 %<br />
50 %<br />
66,666 %<br />
75 % 100 %<br />
100 %<br />
100 %<br />
Abbildung 6.0
Change language