藍藍設計 精緻的導覽功能表欣賞及點評

藍藍設計這些導航設計菜單來自於Dribbble網站，出自於世界各地的優秀設計師之手，涵蓋了各種不同的風格，個個都非常精美。這裡我將這些導覽功能表設計展示出來，依據自己的想法總結它們的可取之處，示範其中一些用得上的技術方法。這樣比起簡單粗略的看過就忘，更能在網頁設計上讓我們擷取很多的靈感，提高我們的設計水平。

看過這個案例後，你可以明白一點，就是根據已有的東西（這裡是木質的頁面材質）去展開思考元素樣式的可能性。以這個案例為例，你可以思考一下在一個木質的頁面上，如果能將抽屜的開合作為導覽功能表的兩種狀態的話，那麼暫時不考慮技術上的實現問題，還可以通過什麼樣式來實現？彈孔？刻痕？油漆？這裡你就可以放開你的想象力了，這時候就是創意迸發的時刻。有了創意之後再考慮技術的問題，而不能讓技術上能否實現限制住了我們的想象空間。
關於木質材質的建立我建議使用素材來實現，高解析度的素材不僅細節豐富而且風格多樣，的材質屬於比較細膩的風格，這樣的素材其實有很多，一搜一大把，但是關鍵在於平時的積累，有了不同風格的素材在手邊，實現這樣的效果其實非常快。

下載

下載

這裡值得一提的是案例中的冷色背景色和暖色的文字和表徵圖顏色的使用，橙色和青綠色屬於互補色，青綠色作為背景色飽和度很低，而橙色的飽和度非常高，通過對比讓表徵圖和文字看上去非常醒目同時又非常和諧。所以如果你打算在設計中使用互補色的話，不要同時調高兩種顏色的飽和度，這樣會使視覺向兩邊拉扯，而應該有所主次，通過將一種顏色的飽和度降低，再加入相應的白色或者黑色和另外一種飽和度較高的顏色搭配，就像這個案例向我們展示的那樣。