標籤: 互動設計, 網頁設計
分類：web
**導航的作用大家都很明白，主要就是為了讓所有使用者都清楚的看到**中一共擁有哪些模組。但如果乙個足夠精美的**中出現了很不搭調的導航，是不是會很令人掃興呢？所以，符合這個時代的網頁設計，應該要注重每乙個細節，尤其是互動率很高的導航欄。
1.這個**的導航欄在位置上與普通導航不同，設計師很貼心的將一整欄都放在了頁面下方。頭部少了導航的設計讓頁面看起來更通透，多了一些自由感。
2.這是個扁平化風格的**，雖然首頁看起來很「正經」，但是接下來的部分中卻充斥了一些美國漫畫風的元素。adam mottau的導航設計充分體現了極簡主義，使用者其實更喜歡這種型別的導航設計，會有一種操作簡單的感覺。
3.dadaab stories的導航頁設定在頁面底部，但與第乙個案例不同的是，該**首頁背景大圖的色彩和內容都比較反覆，所以，如果直接採用無線框的導航設計會不夠顯眼。但加入透明度較高的色塊之後就看起來更有統一性和規則性。
4.有沒有見過導航佔了首頁的二分之一？下面這個案例就讓你大開眼界。雖然一半的頁面都是導航欄，但是有規律的顏色排序不僅沒有讓整體看起來很複雜，反而比普通網頁更加創意美觀。
5.這是乙個隱藏式側邊欄的導航設計，隱藏式側邊欄導航在《解析**導航設計》中有所提及。這類導航的好處在於不影響使用者的瀏覽，導航因此變得很聽話，只在需要的時候及時出現。
6.這是乙個圖示式和選項卡式導航的結合體，無線框的導航設計體現了滿滿的海外風，如果擔心這樣的設計過於簡潔，選項卡式能讓導航在選擇時看起來更加清楚。
7.這是乙個橫行滾動的**，所以導航理所當然的放在了左邊。縱觀**全域性，整個**呈現雜誌風，充滿了現代感，並且採用了對稱的布局方式，讓**名副其實的簡約又不失設計感。
8.soho fixed的導航欄已經與**完全的融為一體了，看似隨意的排版和設計，其實花了設計師很多的小心思。包括搜尋框的位置，也被移到了導航欄下方，給使用者一種耳目一新的感覺。
9.清新手繪風格的**很多見，但是如此搭調的導航設計著實令人覺得很新穎。每乙個導航很應景的如書籤一般插入在書裡，不由的讓我們想起，導航不就是**的書籤嗎？
10.metro風格的**設計因為擔心影響介面的整體感覺，所以會比較多的會選用隱藏式導航設計，這樣做的確讓網頁乖巧整潔了不少。
導航是使用者在獲取自己所需資訊時的必要通道，正是這些通道把使用者帶到了每個目的地，而最好的互動一定也意味著為使用者提供乙個美好的旅途。
軟硬結合時代的設計 我們為什麼要做電動代步工具
在原子經濟裡度過了童年，在知識經濟裡摸爬滾打了七年設計，碰上乙個位元經濟蓬勃發展的現在。這是邱懿武在個人主頁上對自己過往經歷的一段描述。89年底生的邱懿武與3個同齡合夥人一起成立了雲造科技，現在他們更像乙個和諧的設計工作室。雲造現在的大本營落在浙大紫金港一座白色大樓裡。敲開辦公室，清瘦的邱懿武年輕得...