Webdesign.

Accessibility.

Für Menschen mit Beeinträchtigung.

• mehr Icons
• gute Kontraste & kräftige Farben
• einfache, intuitive Navigation

Material Design.

Material Design.

• Skeumorphic > Flat > Material Design
• Erweiterung: subtile Verläufe, Ebenen, Animationen

Ghost Buttons.

Ghost Buttons.

• minimalistisch
• meist nur Outline
• feine Typo
• Kombination mit Fullscreen

Transparenz.

Transparenz.

• mittlerweile können es die meisten Browser
• entweder durch PNG oder per CSS
• Vorsicht bei mehrfarbigen Hintergründen

Animierte Logos.

Animierte Logos.

• führt Bewegung selbst aus
• Animation sollte nicht zu stark sein > User nicht zu sehr ablenken

Interaktive Webgrafiken.

Interaktive Webgrafiken.

• Infografiken werden ersetzt
• optisch und erzählerisch interessanter
• einprägsames Ergebnis

Mikrointeraktionen.

Mikrointeraktionen.

• Buttons, die kleine Aufgaben erfüllen
• z. B. Liken eines Artikels oder Einstellungen
• fördern das Engagement
• mit Bedacht einsetzen

Mobile Apps.

Mobile Apps

• Mobile Apps vs. klassische Webseiten
• im Handling komfortabler
• Apple Store/Google Play Store
• 86% Apps, 14% Browser

Kreative 404-Seiten.

Man kann auch mit nicht existierenden Seiten bleibenden Eindruck hinterlassen.

Photoshop CC 2015.

Zeichenflächen.

• eine Webseite, mehrere Layouts
• einzelne Zeichenflächen exportieren

JPG, GIF oder PNG?

JPG.

• Joint Photographic Experts Group (1986)
• Dateigröße vs. Qualität
• kann Millionen von Farben darstellen
• sehr kompatibel
• für Fotos und Bilder mit komplexer Farbigkeit/Helligkeit

GIF.

• Graphics Interchange Format (1987)
• 256 Farben
• kleinere Dateigröße als jpg
• kann animiert werden
• eine Farbe kann transparent sein
• für Animationen

PNG.

• Portable Network Graphic (1995)
• kein Datenverlust
• PNG-8: ähnlich GIF, 256 Farben, 1 transparent, kleiner als GIF
• PNG-24: ähnlich JPG, über 16 Millionen Farben, größere Dateigrößen, komplett transparent
• für Logos, komplexe Bilder (Dateigröße!!)

Ranking-Faktoren 2015.

Ranking Faktoren 2015.

• Relevanz von Backlinks nimmt ab
• One-Page Designs
• Social Signals
• nicht mehr einzelne Keywords
• ganzheitlicher Content
• mobile optimiert

Tipp: Newsletter für Designer.

DANKE.