Styleguide: Unterschied zwischen den Versionen

Aus VcA | Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(29 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:


{| class="wikitable" style="float: right; font-size: 90%; margin-top: 0; width: 25em"
{| class="wikitable" style="float: right; font-size: 90%; margin-top: 0; width: 25em"
|-
|-
! colspan="2" | Styleguide
! colspan="2" | Styleguide
Zeile 7: Zeile 7:
|-
|-
| '''Bereich'''
| '''Bereich'''
| Graphik
| Grafik
|-
|-
| '''Wofür ist dieses Dokument gedacht?'''
| '''Wofür ist dieses Dokument gedacht?'''
Zeile 13: Zeile 13:
|-
|-
| '''Für wen ist dieses Dokument relevant'''
| '''Für wen ist dieses Dokument relevant'''
| Für alle, die für Viva con Agua graphischen Content erarbeiten.
| Für alle, die für Viva con Agua grafischen Content erarbeiten.
|-
|-
| '''Ansprechpartner*in'''
| '''Ansprechpartner*in'''
Zeile 28: Zeile 28:
|}
|}


Der Viva con Agua Styleguide erklärt dir, wie du die bunten Gestaltungselemente des Graphik-Toolkits nutzen kannst.
Der Viva con Agua Styleguide erklärt dir, wie du die bunten Gestaltungselemente des Grafik-Toolkits nutzen kannst.
 
<span style="font-size:larger">'''Den gesamten Styleguide zum durchschauen und deiner Crew zeigen, findest du [https://www.dropbox.com/sh/wlagrig0utro7l6/AADK0enAeFsyMvjIPWDbpDe4a?dl=0 hier].'''</span>
 
<span style="font-size:larger">'''Alle Assets, die du für das Arbeiten mit dem Toolkit benötigst, sowie Designvorlagen für InDesign und Powerpoint findest du [https://www.dropbox.com/sh/9tmaz26i5ob3572/AABjvtyI6VzTo5l90QSfl7NMa?dl=0 hier].'''</span>
 
&nbsp;


== Logo ==
== Logo ==
Zeile 34: Zeile 40:
Das Logo von Viva con Agua kann wie im folgenden Bild abgebildet, eingesetzt werden.
Das Logo von Viva con Agua kann wie im folgenden Bild abgebildet, eingesetzt werden.


[[File:Styleguide logo.jpg|500px|Styleguide logo.jpg]]
[[File:Logos.png|Logos.png]]


Weitere Infos zum Viva con Agua Logo findest du im Artikel zur&nbsp;[[Viva_con_Agua_Logo-Verwendung|Logoverwendung]].&nbsp;
Weitere Infos zum Viva con Agua Logo findest du im Artikel zur&nbsp;[[Viva_con_Agua_Logo-Verwendung|Logoverwendung]]. Bitte verwendet für eure Social Media oder eure Crew-Aktionen immer nur euer Crew-Logo in den abgebildeten Farbversionen. Dieses ist in [https://www.dropbox.com/sh/5t5s9k53nou8jtd/AAATR9PBKrSTqb53THiA_43Sa?dl=0 diesem Ordner] zu finden.


== Farben ==
== Farben ==


[[File:Styleguide Farben.jpg|700px|Styleguide Farben.jpg]]
Viva con Agua nutzt diese Primärfarben:


&nbsp;
[[File:Farben1.png|700px|Farben1.png]]


== Schriften ==
Ergänzt werden können sie durch diese Sekundärfarben:


Neben Logo und Farben schaffen auch unsere Schriften eine Wiedererkennung. Deshalb sollen alle Viva con Agua Dokumente in den folgenden Schriften gehalten werden. [https://www.dropbox.com/sh/khn5vmazfvvth49/AABOxZINcCy9nEkWgO-lYoJla?dl=0 Hier ]findest du alle Schriften zum runterladen.&nbsp;
[[File:Farben2.png|700px|Farben2.png]]


=== John Tape ===
&nbsp;


John Tape ist die Schrift für Überschriften oder Slogans und kann in folgenden Varianten angewandt werden.&nbsp; <gallery mode="slideshow">
== Schriften ==
File:Styleguide_typo.jpg|'''1.'''
File:Styleguide_typo_plain.jpg|'''2.'''
File:Styleguide_typo_rough.jpg|'''3.''' ''''>>''''
File:Styleguide_typo_spray.jpg|'''4.'''
</gallery>


=== Museo&nbsp; ===
Neben Logo und Farben schaffen auch unsere Schriften [https://www.dropbox.com/sh/qnrk5zi73ex9rly/AAC97jVF5o6Vbw5mGGotO_Uga?dl=0 (hier zum Runterladen)] eine Wiedererkennung. Deshalb sollen alle Viva con Agua Dokumente in den folgenden Schriften gehalten werden.


Museo ist die Schrift für Text und kann wie folgt eingesetzt werden.&nbsp;
[[File:Typo.png|700px|Typo.png]]


[[File:Styleguide text.jpg|700px|Styleguide text.jpg]]
== Grafik-Elemente ==


== Graphik-Elemente ==
Zusätzlich stehen weitere Grafik-Elemente zur Verfügung, um Dokumente im VcA-Style zu gestalten.&nbsp;


Zusätzlich stehen weitere Graphik-Elemente zur Verfügung, um Dokumente im VcA-Style zu gestalten.&nbsp;
&nbsp;


=== Drops ===
=== Störer ===


Drops und vieles mehr kannst du [https://www.dropbox.com/sh/db7derh91oq2aec/AADijxJ-ZkCLJDWNc4RWmqSqa?dl=0 hier] finden.&nbsp;
Diese findest du [https://www.dropbox.com/sh/kdc7r5tu5on7x16/AABim_Tm08SGX1apwoRzE2uPa?dl=0 hier] zum Download.


[[File:Styleguide Drop.jpg|700px|Styleguide Drop.jpg]]
[[File:Stoerer.png|700px|Stoerer.png]]


&nbsp;
&nbsp;
Zeile 77: Zeile 78:
=== Icons ===
=== Icons ===


Es gibt verschiedene Icons, die die Arbeitsbereiche und Facetten von Viva con Agua symbolisieren. [https://www.dropbox.com/sh/zmpk7a25h65f5z1/AAAeuAzEBsR-PbQmvcs4ZrC6a?dl=0 Hier] findest du diese auch einzeln.&nbsp;
Es gibt verschiedene Icons, die die Arbeitsbereiche und Facetten von Viva con Agua symbolisieren. Diese kannst du [https://www.dropbox.com/sh/ye271mphmhffjyi/AACwF_HS79WVqY7l32bRlIVfa?dl=0 hier] einfach runterladen.
 
[[File:Styleguide icons.jpg|700px|Styleguide icons.jpg]]
 
&nbsp;
 
=== Backrounds ===
 
Hintergründe helfen dir, langweilige Dokumente aufzupeppen. [https://www.dropbox.com/sh/9gpzg3qoocwhxs8/AADSY31HLM3G8gkgfVLulezba?dl=0 Hier] findest du eine große Auswahl.&nbsp;


&nbsp;
[[File:Icons.png|700px|Icons.png]]


&nbsp;
&nbsp;


=== Freak ===
== Präsentations-Vorlagen ==
 
Der Freak von Rebelzer ziert so manchen Flyer, Infostand uvm. [https://www.dropbox.com/sh/uw274efcyid7qs5/AAAmegiyWkDpL6Ogk3W1tX8Ia?dl=0 Hier] findest du ihn.&nbsp;


[[File:Styleguide freak.jpg|700px|Styleguide freak.jpg]]
Wenn du mal eine Präsentation für Viva con Agua machen möchtest, kannst du hierfür [https://www.dropbox.com/sh/ye27pa3vomdm0l8/AADrXe1T9oPxiY8Da6UzVs6Sa?dl=0 diese Vorlagen] im aktuellen Design nutzen.

Aktuelle Version vom 23. Oktober 2020, 13:19 Uhr

Styleguide
Corporate Design
Bereich Grafik
Wofür ist dieses Dokument gedacht? Überblick über die Design-Elemente von Viva con Agua
Für wen ist dieses Dokument relevant Für alle, die für Viva con Agua grafischen Content erarbeiten.
Ansprechpartner*in Julia Koch
E-Mail [1]
Weiterführende Artikel [Logo Verwendung]
Weiterführende Links [{{{URL}}} Links]

Der Viva con Agua Styleguide erklärt dir, wie du die bunten Gestaltungselemente des Grafik-Toolkits nutzen kannst.

Den gesamten Styleguide zum durchschauen und deiner Crew zeigen, findest du hier.

Alle Assets, die du für das Arbeiten mit dem Toolkit benötigst, sowie Designvorlagen für InDesign und Powerpoint findest du hier.

 

Das Logo von Viva con Agua kann wie im folgenden Bild abgebildet, eingesetzt werden.

Logos.png

Weitere Infos zum Viva con Agua Logo findest du im Artikel zur Logoverwendung. Bitte verwendet für eure Social Media oder eure Crew-Aktionen immer nur euer Crew-Logo in den abgebildeten Farbversionen. Dieses ist in diesem Ordner zu finden.

Farben

Viva con Agua nutzt diese Primärfarben:

Farben1.png

Ergänzt werden können sie durch diese Sekundärfarben:

Farben2.png

 

Schriften

Neben Logo und Farben schaffen auch unsere Schriften (hier zum Runterladen) eine Wiedererkennung. Deshalb sollen alle Viva con Agua Dokumente in den folgenden Schriften gehalten werden.

Typo.png

Grafik-Elemente

Zusätzlich stehen weitere Grafik-Elemente zur Verfügung, um Dokumente im VcA-Style zu gestalten. 

 

Störer

Diese findest du hier zum Download.

Stoerer.png

 

Icons

Es gibt verschiedene Icons, die die Arbeitsbereiche und Facetten von Viva con Agua symbolisieren. Diese kannst du hier einfach runterladen.

Icons.png

 

Präsentations-Vorlagen

Wenn du mal eine Präsentation für Viva con Agua machen möchtest, kannst du hierfür diese Vorlagen im aktuellen Design nutzen.