Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
| howto:design-artefakte [2024/10/23 00:45] – jwacalex | howto:design-artefakte [2024/11/08 14:11] (current) – scientress | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | bb====== Design-Artefakte ====== | + | ====== Design-Artefakte ====== |
| ===== Lizenz ===== | ===== Lizenz ===== | ||
| Die Designartefakte müssen unter der selben Lizenz wie die Veranstaltungsinhalte stehen. Bei Audio ist sicherzustellen, | Die Designartefakte müssen unter der selben Lizenz wie die Veranstaltungsinhalte stehen. Bei Audio ist sicherzustellen, | ||
| Line 19: | Line 19: | ||
| ===== Styleguide ===== | ===== Styleguide ===== | ||
| - | Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder. | + | Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder. Bitte keine Fonts die Kostenpflichtig sind. |
| ==== Streamingwebseite ==== | ==== Streamingwebseite ==== | ||
| Line 74: | Line 74: | ||
| * Software: https:// | * Software: https:// | ||
| * Designquelle: | * Designquelle: | ||
| - | * statisches PNG | ||
| - | * nur noch Text drüberlegen und gut ist | ||
| - | * simpel | ||
| - | * einfach | ||
| - | * kann überall laufen um auf abruf neue intros zu generieren | ||
| - | * svg | ||
| - | * simpel | ||
| - | * gibt im intro/outro generator funktionen für einfache 2D-Animationen | ||
| - | * kann überall laufen um auf abruf neue intros zu generieren | ||
| - | * blender | ||
| - | * aufwändigere animationen | ||
| - | * lange Renderdauer | ||
| - | * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist | ||
| - | * apple motion | ||
| - | * Braucht einen mac | ||
| - | * after effects | ||
| - | * Windows | ||
| - | ===== Outro ===== | + | ==== statisches PNG ==== |
| + | * nur noch Text drüberlegen und gut ist | ||
| + | * simpel | ||
| + | * einfach | ||
| + | * kann überall laufen um auf abruf neue intros zu generieren | ||
| + | |||
| + | ==== svg ==== | ||
| + | * simpel | ||
| + | * gibt im intro/outro generator funktionen für einfache 2D-Animationen | ||
| + | * kann überall laufen um auf abruf neue intros zu generieren | ||
| + | |||
| + | ==== blender ==== | ||
| + | * aufwändigere animationen | ||
| + | * lange Renderdauer | ||
| + | * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist | ||
| + | |||
| + | ==== apple motion ==== | ||
| + | Generierte Intros mit Apple Motion sind möglich. Hierzu ist ein Mac mit installiertem *Apple Motion* und *Apple Compressor* notwendig. Zusätzlich ist `ffmpeg` notwendig, dies kann im Zweifel über homebrew installiert werden. | ||
| + | |||
| + | Danach können mittels des intro-outro-generators automatisiert intros generiert werden. Eine Automatisierung für sonstige Inhalte (Bauchbinden, | ||
| + | |||
| + | ==== after effects ==== | ||
| + | * MacOS und Windows only | ||
| + | * Status der Automatisierung unklar | ||
| + | |||
| + | |||
| + | ===== Outro ===== | ||
| 5-10 Sekunden Abspann am Ende des Vortragsvideos. Platz für eventuelle Danksagungen und wenns unbedingt sein muss Logos von Sponsoren u.ä. | 5-10 Sekunden Abspann am Ende des Vortragsvideos. Platz für eventuelle Danksagungen und wenns unbedingt sein muss Logos von Sponsoren u.ä. | ||
| Line 105: | Line 114: | ||
| * Dateinamen: siehe https:// | * Dateinamen: siehe https:// | ||
| - | ===== Infobeamer ===== | + | ===== Infobeamer ===== |
| - | Infoscreen, der zwischen | + | |
| - | * Vielfältige Designelemente möglich, im Rahmen dessen was die Lua- und Rendering-API von Info-Beamer erlaubt. | + | Zwischen |
| - | * https:// | + | |
| - | * verschiedene Hintergründe für | + | Alternativ können wir auch andere Inhalte anbieten, wie z. B. nur eine quasi-statische Auflistung der zukünftigen Vorträge oder [[https:// |
| - | * Fahrplaninfos | + | |
| - | * Konferenzinfos | + | Wenn gewünscht (und genug Hardware vorhanden), können wir auch andere Bildschirme im Gebäude bespielen. Wir benötigen dafür einen HDMI-Eingang und eine Stromversorgung (Steckdose, evtl. reicht auch USB). |
| - | * Social Media | + | |
| - | * (Sponsoren) | + | ==== Mögliche Designelemente ==== |
| - | * Animationsvideos für Wechsel zwischen Inhaltsbereichen | + | |
| - | * 2-3s | + | * Bilder müssen als Pixelgrafik (PNG) in der finalen Größe vorliegen. |
| + | * Schriftarten als `.ttf` | ||
| + | * Sofern nicht anders angegeben, ist die Ausgabe-Auflösung 1920x1080px (FullHD) | ||
| + | * Alle Designelemente idealerweise einzeln, nicht in einem Bild zusammengebaut. | ||
| + | |||
| + | Als Minimalversion benötigen wir folgende Elemente: | ||
| + | * Hintergrundbild | ||
| + | * Konferenz-Schriftart | ||
| + | * Farben (Hex, `# | ||
| + | |||
| + | Folgende Elemente sind optional, können bei Bedarf und Verfügbarkeit verwendet werden: | ||
| + | | ||
| + | * Fahrplaninfos | ||
| + | * Konferenzinfos | ||
| + | * Social Media | ||
| + | * Sponsoren | ||
| + | * Animationsvideos für Wechsel zwischen Inhaltsbereichen | ||
| + | * Schriften für: | ||
| + | * Raum-Name | ||
| + | * Talk-Titel | ||
| + | * Konferenztag | ||
| + | * Uhrzeit | ||
| + | * Track-Name | ||
| + | * Mastodon-Displayname | ||
| + | * Mastodon-Username/ | ||
| + | * Toot-Text | ||
| + | * Scroller (mit Toot-Content) | ||
| + | * Freitextfelder | ||