Brand-Book
Leitbild
Tonalität
Farben
Logo
Schriften
Form
Fotos
Illustrationen
Website Dokumentation

Fotos

"Ein Porträt zeigt nicht, wie eine Person aussieht, sondern wer sie ist."

Portraitfotos des Teams

Portraitfotos der Team-Mitglieder werden vor einem unendlichen, farbigen Hintergrund geschossen. Die Personen stehen oder sitzen in unterschiedlichen Posen. Die Farbe der Ärzte und der Medizin ist Weiß. Deswegen ist die Kleidung hell.

Die Farben für die Fotohintergründe sind:

Klick auf das Farbfeld kopiert den Hex-Wert. Rechtsklick bietet weitere Optionen.

Fotos für die Website

Für die Website werden pro Person 2 Bilder benötigt, die sich von der Pose unterscheiden sollen.

  1. Thumbnail: Dieses Bild wird auf den Übersichtsseiten gezeigt und hat eine Abmessung von 800 x 800 px. Das CMS der Website verlangt ein Bild mit exakt diesen Maßen.
  2. Detailbild: Dieses Bild wird auf der Detailseite eines Team-Mitglieds der Website gezeigt. Es hat 1920 x 1080 px. Das CMS der Website verlangt ein Bild mit exakt diesen Maßen.

Die Thumbnails der Team-Mitglieder werden immer komplett dargestellt und nirgendwo abgeschnitten.

Team auf der Übersichtseite
Thumbnail-Bilder werden immer als Quadrat ganz dargestellt und haben eine Größe von 800 x 800 px

‍

Die Detailbilder können je nach Bildschirmgröße mehr oder weniger abgeschnitten werden. Zudem befindet sich Text auf diesen Bildern.

Team-Detailseite
Bsp.: Das Detailbild eines Teammitglieds auf der Website hat eine Größe von 1920 x 1080 px

‍

Für das Detailbild gibt es zwei Positionen für das Motiv: Entweder links oder rechts positioniert. Bei der Platzierung der Personen im Motiv ist darauf zu achten, dass das Gesicht bzw. der Kopf immer in einem bestimmten Bereich sichtbar ist. Dieser Bereich wird niemals abgeschnitten.

‍

Rasterung der Bildfläche für das Detailbild mit dem Seitenverhältnis 16:9 oder 1920 x 1080 px. Der Kopf oder zumindest das Gesicht muss in der türkisen bzw. pinken Fläche zu sehen sein.

Verschiedene Beispiele für die korrekte Positionierung im Detailbild.

Der sichere Bereich ist ein Extremfall, der bei bestimmten Browsergrößen, gerade auf dem Smartphone, auftreten kann. Meistens ist jedoch mehr von der Person auf der Website zu sehen (s.o.).

Ausrichtung rechts. Kopf und Gesicht liegen im sicheren Bereich.

‍

!!!Das Gesicht und der Kopf liegen außerhalb des sicheren Bereichs!!! Auf manchen Bildschirmgrößen ist das Gesicht nicht mehr zu sehen. Zudem ist die Kleidung zu dunkel, was zu Problemen führen kann, sollte sich der Text teilweise über das Motiv legen.

‍

Ausrichtung rechts. Das Gesicht liegt im sicheren Bereich. Dieses Motiv funktioniert noch, ist aber der Grenzfall.

‍

Ausrichtung links. Kopf und Gesicht liegen im sicheren Bereich. Die rechte Hälfte ist frei.

‍

Ausrichtung links. Kopf und Gesicht liegen im sicheren Bereich. Die rechte Hälfte ist überwiegend frei.

‍

Hinweis für die Bildbearbeitung

Erstelle in deinem Grafikprogramm eine Arbeitsfläche mit den Maßen 1920 x 1080 px. Lade das PNG mit den Guides herunter und setze es genau auf die Arbeitsfläche.

Positioniere dein Motiv so, dass der Kopf oder mindestens das Gesicht im sicheren Bereich liegt. Ungefähr die Hälfte des Bildes muss für den Text freibleiben.

Speichere dein Bild als JPG mit einer hohen Qualität (65 - 85) und lasse es vor dem Upload ins CMS durch einen Bildoptimierer z.B. ImageOptim laufen um die Dateigröße gering zu halten. Vorallem bei PNGs werden hier viel kleinere Dateigrößen erzielt, ohne sichtbare Qualitätseinbußen.

Portraitfotos für den Empfang

Vorlage für empfang im Bilderrahmen

Porträtfotos für den Empfang werden im Format DIN A4 ausgedruckt. Das Motiv wird in einer Form platziert. Die Form hat 10 mm Abstand nach links, oben und rechts, sowie 50mm nach unten zum Rand. Der Radius der Form beträgt 6mm an den 90° Winkeln und 10mm an den 135° Winkeln der Schräge.

Der Name wird in Schwarzblau als Origin 700, 13pt, Zeilenabstand 110% mit einer "optical size" von 60 ausgeführt. Er ist rechtsbündig ausgerichtet, hat einen Abstand von 45mm zum rechten Seitenrand und kann zweizeilig werden. Der Text sitzt vertikal, mittig zentriert zwischen der unteren Kante der Form und einem 5mm Abstand zum unteren Seitenende.

Das Signet hat eine Breite von 25mm und einen Abstand zum rechten Seitenrand von 9mm. Es ist auf der gleichen Linie wie der Name zentriert.

‍

Vorlage für Teambild am Empfang mit Bemaßung
Fotovorlage für den Empfang mit einer Namenszeile

‍

Vorlage für Teambild am Empfang mit Bemaßung
Fotovorlage für dem Empfang mit zwei Namenszeilen

Schrift Origin Bold bitte separat laden.

X-Icon

Aktuelles

Derzeit sind keine Ankündigungen vorhanden.
Fenster schließen