#007: Icons und Text in die Navigation einfügen per Photoshop

Wir beginnen damit, den Text in die Hauptnavigation einzufügen, nur um zu sehen, wie er passt, und arbeiten an der Größe, den Farben usw. Ein Teil des Textes passt ziemlich eng, aber das ist in Ordnung, wir werden Platz schaffen, besonders wenn es zu HTML/CSS wird und Anpassungen sogar noch einfacher sind.

Wir verwenden denselben Gotham Rounded für den Text. Warum nicht die "Marken"-Schriftart auch in die Navigation übernehmen (das fühlt sich sehr passend an).

Die "aktive" Navigation bekommt einfach eine dunklere Farbe und umgekehrten Text.

Wir schauen uns unsere Lieblings-Icon-Schriftart, Pictos, an, entscheiden uns aber stattdessen für Entypo, nur um die Dinge ein wenig zu ändern. Hier ist eine ganze Menge mehr, aus denen wir auch hätten wählen können.

Wir verwenden die Software Font Explorer X, um die Schriftart zu aktivieren und zu erkunden. Wir klicken auf "Informationen", um ein Raster aller Zeichen zu erhalten, aus dem wir kopieren können (und das wir einfach in Photoshop einfügen können).