#007:将图标和文字融入导航

我们开始将文本放入主导航中,只是为了看看它如何适应,处理大小、颜色等。一些文本的适应非常紧凑,但没关系,我们会留出空间,尤其是在它变成 HTML/CSS 后,调整会更容易。

我们使用相同的 Gotham Rounded 字体作为文本。不妨将“品牌”字体延续到导航中(这感觉很合适)。

“活动”导航只获得更深的颜色和反转文本。

我们查看了我最喜欢的图标字体 Pictos,但决定使用 Entypo 来替代,只是为了稍微改变一下。这里有 更多 我们也可以选择使用的图标。

我们使用软件 Font Explorer X 激活字体并进行探索。我们点击“信息”以获得所有字符的网格,从中复制(并轻松粘贴到 Photoshop 中)。