howto:design-artefakte

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
howto:design-artefakte [2024/10/27 20:51] – sophiehowto:design-artefakte [2024/11/08 14:11] (current) – scientress
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://github.com/voc/intro-outro-generator * Software: https://github.com/voc/intro-outro-generator
 * Designquelle: mehrere Möglichkeiten, sucht euch eine aus. Die erste und zweite sind am wenigsten aufwändig * Designquelle: mehrere Möglichkeiten, sucht euch eine aus. Die erste und zweite sind am wenigsten aufwändig
 +
 ==== statisches PNG ==== ==== statisches PNG ====
 * nur noch Text drüberlegen und gut ist * nur noch Text drüberlegen und gut ist
Line 79: Line 80:
 * einfach * einfach
 * kann überall laufen um auf abruf neue intros zu generieren * kann überall laufen um auf abruf neue intros zu generieren
 +
 ==== svg ==== ==== svg ====
 * simpel * simpel
 * gibt im intro/outro generator funktionen für einfache 2D-Animationen * gibt im intro/outro generator funktionen für einfache 2D-Animationen
 * kann überall laufen um auf abruf neue intros zu generieren * kann überall laufen um auf abruf neue intros zu generieren
 +
 ==== blender ==== ==== blender ====
 * aufwändigere animationen * aufwändigere animationen
 * lange Renderdauer * lange Renderdauer
 * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist
 +
 ==== apple motion ==== ==== apple motion ====
-* Braucht einen mac +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. 
-* Status der Automatisierung unklar+ 
 +Danach können mittels des intro-outro-generators automatisiert intros generiert werden. Eine Automatisierung für sonstige Inhalte (Bauchbinden, Outro, Pauseloop) ist nicht vorgesehen. 
 ==== after effects ==== ==== after effects ====
-* Windows+* MacOS und Windows only
 * Status der Automatisierung unklar * Status der Automatisierung unklar
  
-=== Outro ===== + 
 +===== 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 107: Line 114:
 * Dateinamen: siehe https://github.com/voc/voctomix/tree/main/voctocore#16143-select-overlays-from-a-schedule * Dateinamen: siehe https://github.com/voc/voctomix/tree/main/voctocore#16143-select-overlays-from-a-schedule
  
-===== Infobeamer =====  +===== Infobeamer ===== 
-Infoscreen, der zwischen Vorträgen im Vortragssaal gezeigt wird. Vortragsprogramm wird da Zeitabhängig reingetemplated. Kann auch für Digital Signage woanders im Gebäude hergenommen werden. + 
-    * Vielfältige Designelemente möglich, im Rahmen dessen was die Lua- und Rendering-API von Info-Beamer erlaubt. +Zwischen Vorträgen wird im Vortragssaal eine Dauerschleife über info-beamer angezeigt. Üblicherweise enthält diese Dauerschleife Informationen zum nächsten Vortrag in diesem Raum, zu anderen Vorträgen im Event und eine Auswahl an Fediverse-Content, der zum Event-Hashtag passt. Üblicherweise wird dafür [[https://info-beamer.com/raspberry-pi-digital-signage-scheduled-player-4765.html|das info-beamer modul 'scheduled player']] verwendet. 
-    * https://info-beamer.com/raspberry-pi-digital-signage-scheduled-player-4765.html + 
-    * verschiedene Hintergründe (optional, wir brauchen mindestens eins) 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://infobeamer.c3voc.de|User-Submittable Content]]. Kontaktiere deine VOC-Verantwortliche Person, um mehr Details zu bekommen. 
-        * 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. 
-    * Wir brauchen alle Designelemente einzeln als Bilder, auch Logos, Schriften etc.+  * 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, `#RRGGBB`) 
 + 
 +Folgende Elemente sind optional, können bei Bedarf und Verfügbarkeit verwendet werden: 
 +  * verschiedene Hintergründe für 
 +    * Fahrplaninfos 
 +    * Konferenzinfos 
 +    * Social Media 
 +    * Sponsoren 
 +  * Animationsvideos für Wechsel zwischen Inhaltsbereichen (MP4 H.264, wir empfehlen nicht mehr als 3s) 
 +  * Schriften für: 
 +    * Raum-Name 
 +    * Talk-Titel 
 +    * Konferenztag 
 +    * Uhrzeit 
 +    * Track-Name 
 +    * Mastodon-Displayname 
 +    * Mastodon-Username/Toot-Zeit 
 +    * Toot-Text 
 +    * Scroller (mit Toot-Content) 
 +    * Freitextfelder
  
  
  • howto/design-artefakte.1730058719.txt.gz
  • Last modified: 2024/10/27 20:51
  • by sophie