Referenzdesign

Ein Referenzdesign ist eine Gestaltung auf einem fixen Format. Es dient als Ausgangslage – als Null-Punkt, für die responsive Umsetzung.

Unsere Ausgangspunkte

Referenz Design

Gestaltungsentwürfe werden aus gutem Grund mit Design-Programmen gelöst, die nicht 100 % responsive sind. So sind wir schnell, frei sowie ästhetisch.

Wir arbeiten mit Sketch, Figma, Illustrator oder anderen Design Prototyping Tools und nehmen diese Designentwürfe als Ausgangspunkt für die Webdesign-Umsetzung.

Wir benötigen mindestens zwei Referenzpunkte. Eine Mobile- (portrait), sowie eine Desktop-Referenz.

Mehr Budget oder Zeit ermöglichen auch noch Mobile (landscape) sowie Tablet (landscape und portrait). 

Die Gestaltung eines Referenz-Designs bedingt die Grundkenntnisse einer responsiven Gestaltung.

Diese fixen Layouts werden nicht pixelgenau, sondern prozentual oder als Variable definiert.

So wird in der Umsetzung viel Flexibilität gegeben.

Gestaltungsreferenz einer Webseite mit Vermassungen die in Prozent statt Pixel definiert sind.
© Webdesign Essentials

Buchtipp von A Book Apart

Responsive Design - Ethan Marcotte

Responsive Design - Book Pack

Vertiefe dich ins ganze Kapitel

Responsive Design