從騰訊網(wǎng)站首頁改版學(xué)到的幾點(diǎn)體會(huì)心得
2024-07-11 08:42:35
供稿：網(wǎng)友
騰訊首頁近日改版了，現(xiàn)在將自己從其中學(xué)到和感悟到的幾點(diǎn)總結(jié)出來分享：
1、寬屏設(shè)計(jì)：
1）不管騰訊處于什么考慮，寬屏總是讓人看的很舒服，而且頁面整體縮短了近1半，這讓瀏覽信息的用戶會(huì)方便很多。
2）同時(shí)大家注意到了，騰訊的寬屏不是完全的寬屏，而是兩側(cè)都流出較大的空白空間，讓人感覺雖是滿屏但是感覺不會(huì)很擁擠；
3）三列布局，左側(cè)兩列是主體內(nèi)容，右側(cè)的一個(gè)窄一點(diǎn)的列是特殊功能和廣告等。從主體內(nèi)容和功能列的比例和從左至右的順序來看，這更符合閱讀習(xí)慣（而雅虎的首頁正好與之相反），當(dāng)然需要聲明的是喜好不能代表所有人；
2、網(wǎng)頁完全div css重構(gòu)；
1）這個(gè)本來不必多說什么，很多網(wǎng)站都用這項(xiàng)技術(shù)重構(gòu)了網(wǎng)站，門戶網(wǎng)站網(wǎng)易那么早就這么做了，如今騰訊那么做了，div css是一個(gè)大趨勢(shì)。
2）網(wǎng)頁全部下載我只用了6秒鐘，這個(gè)速度是很優(yōu)秀的了，我打開新浪的要8秒以上，搜狐的就要更慢一些（我的環(huán)境是adsl1兆、firefox3.0b4瀏覽器）；
3、顏色隨需定制；
這個(gè)功能也是拜div css所賜，十種顏色開關(guān)增強(qiáng)了用戶體驗(yàn)，各種顏色的喜好更能貼近用戶，以前看了不少網(wǎng)站用div css重構(gòu)網(wǎng)站，但能給出10中顏色的不多，而且很多地方都會(huì)同時(shí)替換漂亮的背景圖片更是干得漂亮！
我比較喜歡綠色的那一款，搜索框旁邊還有野花點(diǎn)綴。。。
4、字號(hào)的變化讓瀏覽更加舒服；
門戶網(wǎng)站里吧字號(hào)用到14px的還不多（大多都是12px的），騰訊這么做了，我想他們意圖非常明確，那就是讓瀏覽的用戶更加舒服，進(jìn)一步提高客戶滿意度。
一方面寬屏提供了足夠的空間，再者現(xiàn)在高分辨率越來越多（相對(duì)字就顯得越來越小了，看信息就顯得更加費(fèi)力），此舉我認(rèn)為騰訊做得好！
不過字號(hào)是增大了，騰訊內(nèi)部的編輯團(tuán)隊(duì)似乎還沒完全適應(yīng)首頁大字號(hào)的新聞更新，在主體內(nèi)容的部分經(jīng)常出現(xiàn)折行的情況。不過隨著時(shí)間的推移會(huì)好起來的；
5、再說顏色：
此次更讓人感覺舒服的地方在于其字體的顏色，細(xì)心的人可能會(huì)發(fā)現(xiàn)，騰訊首頁的大部分新聞字體的顏色不是純黑色“#000000”的，而是深灰色“#2f3a30”的（rgb分別大約占有50），這個(gè)改變用一句詩詞就是“隨風(fēng)潛入夜、潤(rùn)物細(xì)無聲”，騰訊考慮用戶的感受都考慮到字體顏色上了，這個(gè)不得不贊一個(gè)！
這里提及其他幾個(gè)門戶對(duì)比一下，網(wǎng)易的字體是純黑色的，新浪的是深藍(lán)色而且還有下劃線，搜狐的也是；
6、最后說說排版：
騰訊的大致主體內(nèi)容排版如下：
第一部分：新聞中心、博客
新聞中心自然不用多說，門戶網(wǎng)站的必備（騰訊新增的地區(qū)新聞很有特色，值得學(xué)習(xí)）；
博客的上提似乎能說明騰訊也要加入博客用戶大戰(zhàn)來了！
下面幾個(gè)部分主要是根據(jù)當(dāng)前國內(nèi)熱點(diǎn)和人們關(guān)注的輕重決定出來：
第二部分：體育|奧運(yùn)、娛樂|音樂
2008年是中國的奧運(yùn)年，體育自然首當(dāng)其沖，而娛樂一直是兵家重地；
第三部分：財(cái)經(jīng)|證券、讀書|文化
股市、基金、人民幣、匯率。。。財(cái)經(jīng)信息熱的發(fā)燙，自然不能疏遠(yuǎn)，讀書頻道好像一直是騰訊的首推，因?yàn)槠溆脩羧核鶝Q定；
在往下是的幾個(gè)部分不必多言，排版也很清爽合理；
第四部分：科技|數(shù)碼、游戲
第五部分：汽車|房產(chǎn)、女性|時(shí)尚
最后是：教育和動(dòng)漫
總之，在排版方面騰訊下足了功夫，而且通過各種渠道肯定收集了大量的用戶反饋和體驗(yàn)信息，排版條理清晰，而且每個(gè)板塊清晰清爽，讓人能很容易找到自己感興趣的內(nèi)容同時(shí)記住它的位置。
我自己是做行業(yè)門戶的，所以寫這篇 博客對(duì)我自己也是一個(gè)認(rèn)識(shí)和學(xué)習(xí)的過程。
文中不免出現(xiàn)某些錯(cuò)誤，歡迎批評(píng)指正，共同學(xué)習(xí)提高！
