Navigation Bar & Navigation Buttons Design by Double/Multi Bars
導覽列與導覽按鈕設計6:雙導覽列_多導覽列法

數位出版設計:意涵/樣式篇Web Design: Automations - Epistemological/Digital Aesthetics - Formation Methodology

數位出版設計:意涵/樣式篇網站/網頁設計:自動化實作-知識美學/數位美學建構方法


Links, Navigation and Mata page 超連結、導覽與重新導向

超連結:以<a></a>所構成,各種站間、站內物件的相互連結。

導覽:對具有結構性的內容引導,通常具備按鈕或統一性的視覺設計。

重新導向:是統合標籤(Meta Tag)的一種,可將檔案轉為另一個檔案。

導覽列與導覽按鈕的設計方法導覽列與導覽按鈕的設計方法

導覽列與導覽按鈕的設計方法,常用的有以下類型:

導覽列與導覽按鈕的設計方法導覽列設計/微軟網路機器人 Webbot 法
導覽列與導覽按鈕的設計方法導覽列設計/互動式按鈕設計法
導覽列與導覽按鈕的設計方法導覽列設計/自訂 Java 法
導覽列與導覽按鈕的設計方法導覽列設計/Html5 CSS 法

其中以互動式按鈕設計法、與 Html5 CSS 法在效果與未來性上較優。當然,如果程式與美工能力均強,則 Html5 CSS 法應是第一選擇。

除此之外,還有進階的:

導覽列與導覽按鈕的設計方法導覽列設計/下拉選單與樹狀導覽法
導覽列與導覽按鈕的設計方法導覽列設計/雙導覽列_多導覽列法
導覽列與導覽按鈕的設計方法導覽列設計/固定位置導覽列法

多導覽設計Multiple Navigations Design 多導覽設計

According to the documents of W3C and Google SEO etc, we may suggest the following:

Left navigation: inside web links with hierarchical design.

Top navigation: common links cross web community or management  links.

Right navigation: user defined links, outside web links or subject links with parallel design.

根據各個網站設計規範組織,如W3C,Google SEO 等,綜合建議如下:

左導覽:站內導覽,階層式搜尋設計。

右導覽:站內/社群間導覽,主題式、平行式搜尋設計。

上導覽:站外、社群間導覽,或管理者導覽,連結頁搜尋設計。

多導覽實作多導覽實作

網站可以有2個以上導覽,多導覽結構常用的功能是:

多導覽的功能

左導覽:站內導覽,階層式搜尋設計。

右導覽:站內/社群間導覽,主題式、平行式搜尋設計。

上導覽:站外、社群間導覽,或管理者導覽,連結頁搜尋設計。

多導覽實作

〉插入

〉Web 元件

〉連結列

為新導覽命名,並選擇所連結的網頁。

可選擇是否要加入首頁、或父網頁。

選擇樣式。

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題