Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Wireframe erstellen

Wireframe erstellen

Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

Gratismonat starten Für Ihr Team erwerben

Wireframe erstellen

“

Wenn es dann konkret daran geht, das Layout zu erstellen, dann helfen sogenannte Wireframes. Bei einem Wireframe gibt es Platzhalter für bestimmte Daten und man überlegt einfach erst einmal, wie überhaupt die Inhalte präsentiert und angeordnet werden können. Ein Tool, mit dem das sehr gut möglich ist, ist Figma, und Sie sehen jetzt hier so eine Ansicht von Figma. Und wenn ich da meine Inhalte gefüllt habe, dann kann ich eben hingehen und auch mal ausprobieren: Wie sieht das Ganze denn aus, wenn ich jetzt diesen Button bspw. nach rechts verschiebe oder dieses Element anders anordne? D.h., ich kann hier rumspielen und experimentieren, ohne dass ich irgendeinen Code schreiben muss und mich eben dem annähen, wie das Ganze aussehen soll in Form so eines Wireframes. Also, Figma ist sehr praktisch, wenn Sie erst einmal das ganze Layout ungefähr entwerfen wollen.

Inhalt