Wie mit Wireframes, Entwürfe, Website-Karten zu Storyboard und Flowcharts
Storyboards der Regel bezieht sich auf den Prozess der groben Skizzen zeichnen und diagramming Navigation zwischen diesen Seiten. Die Kombination von groben Skizzen von Seiten (oft bezeichnet als Wireframes) Und Navigation Ablaufdiagramme (oft bezeichnet als Sitemaps) Bildet die Grundlage eines Standorts für den Bau, die die Art und Weise sieht es angenommen hat, zu schauen und so funktioniert, wie es angenommen hat, zu arbeiten.
Webseite die Architektur bezieht sich auf die Planung, wie alle Elemente einer Website - Inhalt, Verwendbarkeit (Präsentiert Inhalte in einer Weise, die auf dem Netz funktioniert), technische Planung (Herauszufinden, wie die Website gebaut werden wird), und Ästhetik (Wie Seiten-Design, Kunstwerk, Farbschemata, Schriftarten und andere Design-Elemente) - zusammen passen.
Wenn Sie denken, Sie über die Website-Architektur als eine Analogie zu dem, was ein Architekt tut in ein Gebäude entwerfen, ein Drahtgitter-einer Web-Seite ist zu einem Entwurf ähnlich, und ein Satz von Wireframes ist auf eine Reihe von Plänen analog, die skizzieren, wie ein ganzes Gebäude aussehen wird.
Wireframes sind rauSkizzen, wie eine Seite aussehen wird, das heißt, sie gehören in der Regel nicht entwickelten Kunstwerk, Typografie und Farben. Manchmal sind Wireframes mit Photoshop, Illustrator oder Fireworks erstellt. Während in der Regel Links Drahtmodelle zeigen, zu und von Seiten, Flussdiagrammeoder Sitemaps konzentrieren sich auf eine grafische Darstellung eines Navigations Arterien der Website.
Die Abbildung zeigt ein Drahtgitter-, eine grobe Skizze von einer einzigen Web-Seite. Wie Sie sehen, hat es Platzhalter Ipsum Lorem Text. Und es hat eine Navigationsleiste, die die Basis-Navigationsfluss von der Homepage zeigt an, unter dem Logo.
Dieses Drahtmodell kann mit anderen Seite Wireframes auf eine Wand geklebt werden, um ein Gefühl dafür, wie die verschiedenen Seiten der Website werden miteinander verbunden aussehen und stoßen auf einem Benutzer als Ganzes.
Und können einzelne Drahtmodelle an einen Künstler übergeben werden, der die grobe Skizze in eine ausgewachsene künstlerische Gestaltung übersetzen. Beispielsweise ist der Raum, der für eine Anzeige blockiert wurde 324 x 648 Pixel (px). Diese Abmessungen erlauben ein Designer eine Web-Anzeige zu erstellen, die in dieser Größe gut aussieht.
Im vorangegangenen Beispiel zusätzlich für Spezifikationen für die Anzeigengröße, könnte der Drahtmodell mit Noten kommen, was darauf hinweist, dass die gestrichelten Linien für die Lage dienen nur, dass das Konzept zwischen den linken und rechten Seite der Seite ein 60:40 ist und dass das logo Bereich sollte 72 Pixel hoch sein.
Im nächsten Schritt auf dieser Reise Seite, ersetzt ein Designer Platzhalter-Text mit echten Text, Platzhalter Bilder mit realen Bildern, Grafiken Platzhalter mit echten Grafiken und so weiter - so ziemlich ein detailliertes Modell für die endgültige Web-Seite bereitstellt.
Auf dem Weg dorthin wird ein Designer einige Änderungen an, wie der Inhalt wird in einem Drahtmodell skizziert. Das wirkliche Leben passt nie ganz Baupläne. Die Inhalte werden länger oder kürzer sein als erwartet. Oft, wenn ein Drahtgitter in ein Design übersetzt wird, die Dinge, die wie sie schienen vielleicht ästhetisch in der Drahtmodell arbeiten am Ende Abzweigungen wenn sie umgesetzt werden.
Natürlich, wenn Sie Ihre Website ein Ein-Personen-Projekt ist, können Sie die Rolle der Skizzierung Wireframes (und Ablaufdiagramme) und der Gestaltung genauer zu füllen, wie die Seiten tatsächlich aussehen wird.
Hier ist, was die Drahtmodell könnte am Ende aussehen wie nach einem Designer erstellt eine echte Anzeige und Logo, füllt in einigen echten Text und spielt mit einer möglichen Farbschema um.
Der Schiedsrichter (n), wie eine Website aussehen soll vielleicht ein Client, ein kollaboratives Team sein, oder Sie gerade. In jedem dieser Szenarien Ihre Wireframes und Navigationsflussdiagramm dienen zusammen als Entwurf für Ihre Website.
Werden Sie, auf dem Weg, Änderungen an diesem Plan? Na sicher. Aber gute Grund Skizzen und eine grundlegende Navigationskarte kann den Unterschied zwischen einer Website Plan sein, der für immer und ein Mäander, die zusammen mehr oder weniger wie vorgesehen kommt, termingerecht und im Rahmen des Budgets.