當今，中的tab應用十分普遍，不過一般都脫離不了一下兩種類型：

第1種 鼠標單擊切換。此種情形下tab是沒有鏈接的（但是在選中的tab區域內增加 更多或者more鏈接）。

第2種 鼠標懸浮切換。此種情況下很多tab都加了鏈接，所以 a:hover 應該生效，也就是鼠標?？繒r有下滑下或顏色等提示。其實這也是Norman設計理念里，對于用戶恰當Feedback（反饋）的實踐。

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

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

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

第一個tab設計屬于單擊切換，無附加鏈接。（頂）

第二個tab設計屬于懸浮切換，但是沒有 a:hover 來反饋tab上的鏈接。（扁）

第三個tab設計屬于懸浮切換，添加了 a:hover 反饋tab上的鏈接。（頂）

案例三：QQ彈窗。

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

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

1：網站色調的調配和諧

色調在頁面里能夠起到好多種效果，利用強烈的對照可以凸顯頁面的核心，或是利用色調的調配，能夠讓網頁達到十分好的效果。通常情況下，頁面下方的色調都是比較濃重的，由于這樣可以壓制住頁面上方的色調。倘若不使用這種方法，整個網頁會顯得頭重腳輕，頁面底部的文字和圖片會有種飄出去的感覺。因此要讓整個頁面顯得比較均衡，必需有可以鎮得住其他顏色的色調。

分析網站制作中常見的問題及解決方案中也說過，一種比較顯眼的色調，倘若隨便安放在頁面中很容易顯得突兀，這樣對于凸顯核心或是Logo圖標都會帶來負面影響。因此應該在相稱的位置上添加和該色調同屬色系的顏色，這樣能夠弱化突兀感，減少視覺沖擊。

2：字體配置樣式不必過多

做網站時字體配置不要有過多的樣式，在進行企業站點策劃格調上的操作時，總是覺得過多的字體能夠讓企業官網總體看起來不是特別的死板，其實并不是這樣。企業網站策劃將就的是策劃，而不是顏色的堆集和款式的堆集，要講究各種字體款式和顏色的運用，這樣才能夠看出來網站策劃人員的技術實力和策劃功底，真正讓客戶領會到官網策劃的美感。

一般來說，企業站點策劃中運用到的字體不要高出是三種款式，這樣才不會看起來亂亂的。基本上客戶一打眼，就可以看到自己想要知道的訊息，而不是剛刷新出來便是濃妝艷抹的，一點核心都沒有。

3：做好網站總體分塊

在進行企業網站策劃時，策劃師應該依照企業網站內容、網站格調對頁面總體進行分塊。分塊其實是一項很重要又難以掌握的職責。頁面分塊不同于雜志分塊，雜志的分塊是有邊界的，雜志的策劃師可以經過邊界來形成立體感，但頁面分塊弱化了邊界，由于電腦屏幕可以上下左右隨便移動。

因此頁面分塊更加重要，可以經過不同的顏色、框、線來進行分塊，但分塊的素材不該該過于奪目，不要影響客戶對內容的正常瀏覽。

4：網站務必使用高清圖片

任何官網都會使用圖片，倘若圖片夠高清、夠高質的話，就會讓人覺得你的企業站點很有質感，很有層次，不過，高清大圖多了的話，就要降低其他要素的使用，避免影響打開速度。同時，展示的圖片內容要與企業官網主題相符，因而要花足夠的時間和腦力在圖片材料的收集分析上下功夫，才能使得網站有特色，能夠迎合客戶口味，得到客戶的點贊。

二. 網站建設中的seo設置

1：常用設置。

很多基本的seo設置也是必要的，典型的有301重定向，404錯誤頁面，robots協議，網站地圖，圖片alt，基本的TKD設置。還有現在百度所推崇的mip改造，https改造等。

2：其他設置。

較為重要的點在于url的提前規劃，面包屑設置。

3：百度分享

百度推薦閱讀，百度站內搜索等百度官方組件的設置使用。

三. 網站上線后的seo運營階段

1：內容的組織，內容為王的觀點永不過時，為搜索引擎提供大量的即時性，權威性內容是根基；內容更新頻率不宜過??；ugc方式產生內容更為妥當。

2：百度站長平臺鏈接提交工具的使用，將網站產生的內容第一時間提交給搜索引擎；注意屏蔽不需要讓搜索引擎收錄的內容。

3：鏈接建設。關于鏈接建設，應不局限于外鏈，還應考慮到友情鏈接以及內部鏈接。

類似于一個鏈條，網站建設與seo優化都是不可或缺的，還有一些點不能做，諸如典型的蜘蛛池等黑帽SEO，站內關鍵詞疊加作弊。也有一些點應該做，諸如網站數據分析，IIS日志分析，不斷借鑒優質網站的優質原始，不斷對網站進行優化，創新。

不斷用心，讓網站滿足細分用戶的搜索查詢需求，讓網站滿足搜索引擎收錄，排序，展現的維度，就是一個成功的網站。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司