網頁設計中的tab應用的兩種型別

2022-09-21 17:39:08 字數 738 閱讀 7001

當今,網頁設計中的tab應用十分普遍,不過一般都脫離不了一下兩種型別:

第2種 滑鼠懸浮切換。此種情況下很多tab都加了鏈結,所以 a:hover 應該生效,也就是滑鼠停靠時有下滑下或顏色等提示。其實這也是norman設計理念裡,對於使用者恰當feedback(反饋)的程式設計客棧實踐。

在實際案例中,我們看到了一些好的設計,也有些我不贊成的設計,這裡ypiuqgdmrl稍做分享。

案例一:yahoo美國首頁,屬於第1種tab設計但是注意右下角的框框哦。

案例二:**首頁的tab設計有三處,但是仔細看一下,卻發覺各有差異。比較疑惑的是,為什麼首頁只有3個tab設計,但是卻各不一樣呢?難道乙個頁面需要多個前端介入?

程式設計客棧

第乙個tab設計屬於單擊切換,無附加鏈結。(頂)

第二個tab設計屬於懸浮切換,但是沒有 a:hover 來反饋tab上的鏈結。(扁)

第三個tab設計屬於懸浮切換,新增了 a:hover 反饋tab上的鏈結。(頂)

案例三:qqwww.cppcns.com彈窗。

最不招人喜歡的qq彈窗,tab上也沒有鏈結反饋,相信qq.com的流量很多是被這樣無辜地騙來的。(扁)

插播一段:我一直對qq彈窗的設計有微辭,乙個只能放5個tab的位置居然間接的放了7個,於是不得不多出乙個左右翻滾tab的設計。至於增加乙個看起來意義不大卻比較顯眼的 [您可以拖動該頁卡進行排序] 真正價值有多少。

本文標題: 網頁設計中的tab應用的兩種型別

本文位址:

兩種型別的員工

假如你是村莊的工人,負責為村落供水,那你對村民來說很有價值。這裡有兩種型別的工人 型別1 抓起一兩個空桶,接著去甘泉湖打滿水,返回村莊,20號人因此歡喜。在回來的路上,工人必須喝一部分水,並且一旦返回,他得帶點水回家。型別2 工人沒有考慮自身能得到多少水。他也沒有拿桶去打水,相反,他拿了一把鐵鍬和乙...

兩種型別的probe request

現象 如果某ap的ssid是隱藏的,那麼通常手機傳送的普通的probe request包是無法獲取到隱藏的ssid,必須在probe request包中指定ssid才可以掃瞄到隱藏的ssid。根據ssid的長度劃分,probe request幀應該可以分為兩類 1 ssid長度為0,probe不包含...

兩種型別的表單提交

1.原始的 post action student stureg add id form1 nsubmit return subform submit class button red style font size 18px font family 微軟雅黑 提 交 這裡的button提交之後,執...