#006: 使用 Photoshop 设计主导航

我们开始设计网站的顶层(主)导航。我们从桌面尺寸屏幕(在承认是任意宽度的情况下)开始,但我们并不担心导航在适应小屏幕时会遇到任何问题。

我们决定图标是一种非常酷的东西,可以用来视觉上区分导航链接。最后一个设计使用了图像,但我们会很聪明地使用图标字体。我们将在下一个视频中更深入地了解这一点。

Photoshop 图层的组织开始出现。这是我们在整个设计过程中必须保持关注的事情,以保持我们的 Photoshop 理智!

带阴影的顶部导航链接在一定程度上受到了我的 Kindle Fire 的启发。该浏览器的选项卡有一个非常强的阴影,从选项卡下方投射到下一个选项卡。它看起来不像“真实的”,但我喜欢它。