# Design mit KI

> Quelle: https://docs.voyane.com/funktionen/design-mit-ki/

> Seiten für Ihre Bildschirme im Chat gestalten: Vorlagen, Rahmen oder ein eigenes Design, in jedem Format geprüft. So bestellen Sie eine Seite und verbessern sie.

Sie beschreiben, was auf dem Bildschirm erscheinen soll, und die KI gestaltet die Seite in Ihrem [Corporate Design](https://docs.voyane.com/erste-schritte/corporate-design/). Ein Bildschirm ist ein Plakat und keine Folie: Man sieht ihn im Vorbeigehen, aus mehreren Metern und für ein paar Sekunden. Deshalb baut die KI Seiten mit einer klaren Botschaft und wenig Text.

## Eine Seite bestellen

Je konkreter Ihr Auftrag, desto besser die Seite. Nennen Sie die Botschaft, die wichtigste Zahl oder das wichtigste Foto und den Anlass:

```text
Erstelle eine Seite für unser Mittagsmenü: Mittagsmenü, CHF 19.50,
Raclette ab 18 Uhr auf der Terrasse. Nimm unser Foto von der Terrasse.
```

Die Worte Ihres Auftrags verwendet die KI als Anweisung, nicht als Text. Aus «Ein grosser Preis: Mittagsmenü CHF 19.50» macht sie «Mittagsmenü» und «19.50».

## Drei Wege zur Seite

| Weg | Wann er passt |
|---|---|
| **Vorlage** | Eine fertig gestaltete Seite passt zum Inhalt. Die KI geht von ihr aus und passt sie an. Eigene Vorlagen gehen vor. |
| **Rahmen** | Eine einfache Botschaft aus Titel, Text, Bild und Logo. Die Zonen des Rahmens setzen alles in jedem Format richtig. |
| **Eigenes Design** | Der Inhalt hat eine eigene Form, etwa eine Zahl, ein Preis, ein Datum oder ein Zitat. Der Blickfang wird frei gesetzt. |

### Vorlagen

VOYANE bringt Vorlagen mit, die für jedes Format gestaltet sind und Ihre Farben verwenden:

| Vorlage | Passt für |
|---|---|
| Programm hell | Tagesprogramm, Aktivitäten, Kurse mit Zeit und Ort |
| Foto gross | Orte und Stimmungsbilder, ein Foto mit kurzem Titel |
| Tageskarte | Menüplan oder Wochenprogramm, fünf Zeilen |
| Portlet klein | Anlässe, Angebote und Hinweise, ein Foto mit Titel |
| Frame gross | Räume, Angebote und Neuheiten, ein grosses Bild mit kurzem Text |
| Kacheln links, Kacheln rechts | Küche, Zimmer oder Ausflüge, drei Bilder mit Titel, Text und Button |
| Plakat Zahl | Preise, Uhrzeiten, Countdowns und Kennzahlen, eine grosse Zahl |
| Foto randlos | Angebote und Produkte, ein Foto mit Titel auf auslaufender Fläche |
| Zitat | Bewertungen und Leitsätze, ein Satz mit Namen |
| Ankündigung dunkel | Events und Termine, ein Datum mit Titel |

Eine Vorlage ist ein Ausgangspunkt, kein Formular. Die KI entfernt Überflüssiges, vergrössert den Blickfang und wechselt die Stimmung. Gefällt Ihnen eine Seite so gut, dass Sie sie wiederverwenden möchten, bitten Sie die KI: «Sichere diese Seite als Vorlage.» Danach finden Sie sie im Editor unter Ihren eigenen Vorlagen.

### Rahmen

Die fünf Rahmen unterscheiden sich in der Lage von Logo und Bild: Logo links, Logo rechts, Logo unten links, Logo unten rechts und Mittiger Aufbau.

## Gut gestaltet

Die KI folgt einigen Grundsätzen. Sie können sie nutzen, um Ihre Aufträge zu schärfen:

- **Ein Blickfang pro Seite:** ein Wort, eine Zahl oder ein Foto, mindestens dreimal so gross wie der Fliesstext.
- **Wenig Text:** der Blickfang und höchstens etwa 20 Wörter. Was mehr braucht, gehört auf zwei Seiten.
- **Grössenkontrast und Leerraum:** gross, klein und winzig statt vieler mittelgrosser Elemente.
- **Echte Fotos zuerst:** Fotos aus Ihrer Bibliothek schlagen Flächen und Verläufe.
- **Konkrete Texte:** «Raclette ab 18 Uhr auf der Terrasse» statt «Geniessen Sie unsere Spezialitäten».

Jede Seite hat eine von vier Stimmungen: **dunkel**, **hell**, **marke** (vollflächig in Ihrer Markenfarbe, für die wichtigste Botschaft) und **foto**. Wechseln Sie die Stimmung auf einem Bildschirm ab, sonst wirken mehrere Seiten hintereinander wie eine.

## Elemente und Animationen

Eine Seite besteht aus Elementen: Text, Bild, Video, Fläche, Linie, Logo, [Icons](https://docs.voyane.com/funktionen/icons/) und [Eigener Code](https://docs.voyane.com/funktionen/eigener-code/). Elemente können eingeblendet werden, mit **Verblassen**, **Hineinschweben** oder **Zoom**. Die KI setzt Bewegung sparsam ein: zuerst der Blickfang, dann der Rest.

## Prüfen und freigeben

1. Die KI prüft die Seite in jedem Format, in dem sie läuft, und verbessert sie mindestens einmal selbst (siehe [Formate und Ausrichtung](https://docs.voyane.com/bildschirme/formate-und-ausrichtung/)).
2. Sie erhalten einen Vorschau-Link und sehen die Seite ohne Anmeldung, auch quer und hochkant.
3. Sagen Sie, was Sie ändern möchten: «Mach den Preis grösser» oder «Nimm ein helleres Foto».
4. Erst auf Ihre Bitte hin wird die Seite veröffentlicht und auf Bildschirme gelegt, siehe [Inhalte auflegen und planen](https://docs.voyane.com/bildschirme/inhalte-auflegen-und-planen/).