Wir versuchen, das Styling der Foren hier abzuschließen. Einer der wichtigsten Navigationsmechanismen in den Foren ist die Paginierung. Am unteren Rand der Seite können Sie zur nächsten Seite wechseln oder zu einer weiter entfernten Seite springen. Es dient auch dazu, dem Benutzer zu zeigen, wie aktiv und tief die Foren sind.
Unsere Wireframes haben einen Stilentwurf dafür, wie die Paginierung aussehen soll, und er ist ziemlich einfach und benutzerfreundlich. Aufgrund einiger seltsamer struktureller Dinge in der Ansicht ist es weitaus einfacher, die Paginierung innerhalb des Hauptinhaltsmoduls zu platzieren, anstatt außerhalb und darunter, wie im Wireframe.
Unsere erste Abweichung vom Wireframe ist, dass wir den Hintergrund der Paginierung schwarz statt weiß machen. Das liegt daran, dass so viel Unter-Navigation auf der Seite den Stil der „schwarzen Leiste“ verwendet. Paginierung ist definitiv Unter-Navigation, also sollte sie konsistent sein. Die Entscheidungen, die wir hier treffen, können auch in die andere Richtung gehen (andere Unter-Navigation aktualisieren, um mehr wie diese auszusehen), was, wie ich vermute, geschehen wird, da dies ein so reines und einfaches Beispiel für Unter-Navigation ist.
Dann verbringen wir wie üblich Zeit mit dem Feintuning von Abständen und Ähnlichem. Wir verwenden viele Prozentsätze, damit sich die Elemente absetzen und je nach verfügbarer Bildschirmbreite schrumpfen. Wir positionieren die Links „Weiter“ und „Zurück“ an den Rändern. Dann verwenden wir die Dreieckstechnik, die wir gelernt haben, um anzuzeigen, welche Seite aktiv ist, indem wir ein schwarzes Dreieck direkt darüber einfügen, das auf den Inhalt zeigt.