|
五、温暖柔和的画面
导航菜单周围一圈略深于背景色的描边让导航和背景融合的更加自然。整个导航的颜色和底部的大约10个像素的阴影让整个导航条看上去更像是电脑键盘上的一个个按键。这个案例设计师提供了PSD文件，你可以自己尝试一下创建这样的导航效果。
下载
六、细节决定成败
这和苹果系统上程序图标上的数字提醒很像。虽然这样的数字提醒放在导航上非常漂亮，但是实际功能性却值得商榷，但它不妨碍我们学习到一点，那就是即使这样简单的导航，在细节上也是十分讲究的，从那小小的2字的圆形背景上你就能看得出来。图层样式中的高光、阴影、渐变、描边一个都不能少。另外为了和灰色页面的色调搭配，这些数字背景的红色、黄色和蓝色都选择了饱和度偏中间调的颜色，因为灰色本身也是介于黑色和白色中间的色调。
下载
七、有关主题的创意
这是一个有关电影剧场的网页设计。所以设计师在导航部分使用了这种类似于电影票的纸质的背景图片，并且添加上了水迹的笔刷效果，让细节更为丰富。在导航条的右下方，还加上了淡淡的阴影，让其和页面保持一定的距离，加强了导航菜单的纸质的感觉。有关这样的阴影的创建，你可以在《在Photoshop中创建内容盒阴影效果》这篇日志中找到详细的方法。和案例1类似，创建一个这样的关于电影剧场的网页设计，如果展开联想的话，你会有很多关于电影剧场的设计上的创意，这种以电影票为导航背景只是其中的一个例子而已。
出处：蓝色理想
责任编辑：bluehearts
上一页 10个精致的导航菜单欣赏及点评 [2] 下一页 10个精致的导航菜单欣赏及点评 [4]
|
第 1 页 
第 3 页 10个精致的导航菜单欣赏及点评 [3]
