kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Mockups


Responsive Wireframes

Vielen Webdesignern fällt es schwer ein Responsive Webdesign zu planen und zu verstehen wie die unterschiedlichen Layouttypen sich auf verschiedenen Displaygrößen verhalten. Die Website „Responsive Wireframes“ dient als kleines Experiment und visualisiert den Vorgang sehr schön. Anhand verschiedener Beispiele für den Aufbau einer Website (Startseite, Promotion etc.) wird gezeigt wie Inhalte auf großen und kleinen Displays angeordnet werden können.

Das Tool ist sicher auch hilfreich um Kunden das Prinzip einer responsive Website verständlich zu erklären.

Beitrag zu Ende lesen

Style Tiles – Design-Konzepte für responsive Websites entwickeln

Wenn man gemeinsam mit einem neuen Kunden ein Webdesign-Projekt plant, möchte man einerseits ein ansprechendes und zuverlässiges visuelles Konzept ausarbeiten, andererseits aber wenig Zeit mit Entwürfen vergeuden, die dem Kunden nicht gefallen. An dieser Stelle setzen die sog. »Style Tiles« von Samantha Warren an und füllen die Lücke zwischen schnellen aber ungenauen, und detaillierten aber zeitintensiven Techniken. Style Tiles sind sozusagen ein Mockup für die Gestaltung.

Beitrag zu Ende lesen

Mockup-Vorlage für Responsive Webdesign

Jede zeitgemäße Website wird mittlerweile mit unterschiedlichen Layout-Typen für verschiedene Ausgabemedien konzeptioniert. Je komplexer die Website später werden soll, desto wichtiger ist es das Projekt von Anfang an vernünftig zu planen.
Damit während der Mockup-Phase die verschiedenen Layouts schnell gescribbled und bewertet werden können, hat Jeremy P. Alford nun zwei Vorlagen für Responsive-Webdesign-Mockups bereitgestellt. Wenn ihr Mockups also analog erstellt, lohnt es sich die Vorlage einmal anzuschauen.