DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計:頁簽的操作方式
交互設計:頁簽的操作方式
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:從互聯網理解頁簽:這一類的內容太多了,頁面總是不夠承載;也許把相似的東西分成一類,用戶可能更好理解。很多場景都是我們遇到過,想到過的。那麼頁簽的運用也許可以解決此類問題。

從日常理解頁簽:人們看書的時候,對於長篇的小說內容很難一目了然,不能直白的知道裡面都包含哪些信息;也許對每個段落篇章進行分類,會更加形象;在讀小學的時候,老師總讓我們把那麼長的一篇文章進行分段,然後起名,用一句話概括段落思想。

從互聯網理解頁簽:這一類的內容太多了,頁面總是不夠承載;也許把相似的東西分成一類,用戶可能更好理解。很多場景都是我們遇到過,想到過的。那麼頁簽的運用也許可以解決此類問題。

思考頁簽的定義:可以把內容進行分類 給相似的東西起名 解決頁面放不下的問題可以猜到包含的信息 可以作為標記方便查找自己/他們總結的:頁簽提供了一種在不同的頁簽項裡顯示相關信息的方式。頁簽的優勢在於同一個窗口表現更多的相關信息。 Module Tabs(也稱選項卡,後文中簡稱Tab,以便更符合中國設計師的日常叫法) 是一個常見的交互元素——將不同的內容重疊放置在某一布局區塊內,重疊的內容區裡的每次只有其中一層是可見的。用戶通過鼠標點擊或移到內容區所對應的標簽上,來請求顯示該層內容區。

(譯注:本文中指的是狹義的 Tab ,指在界面的某一版塊區域內所應用的 Tab 設計。實際上,絕大多數網站導航也是 Tab 的一種應用)。

 web界面的設計趨勢是縮短頁面屏長,降低信息的顯示密度,但同時又不能犧牲可視的信息量。在這種趨勢下,Tab 這種交互元素成為了一個越來越普遍的應用。 Vista規范中203頁開始。標簽功能類似於滾動條,以增加有效面積的窗口。所以盡量不要在頁簽內容區使用滾動條。頁簽標題內容不能灰掉。

理解的概念:頁簽至少有2個區域組成:標題區+內容區頁簽的標題文字要簡潔,但是要能夠表達內容區域的意思。選中頁簽表示所在當前頁簽位置,高亮並突出。選中頁簽與內容面板形成一個統一的區域(顏色保持一致)。

當前頁簽只能一個。頁簽之間要有內容邏輯上的關聯性,不能把不相關的東西用頁簽並列在一起。頁簽間的內容之間不能存在對比或者遞進的關系。頁簽的顯示狀態分為未選中態、Mouseover態和選中態三種。頁簽的操作方式分為鼠標Mouseover激活和點擊激活兩種。總結的樣式:樣式上傳待續…

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved