先以CP設(shè)計(jì)的的這個(gè)奧運(yùn)專題為例分析專題設(shè)計(jì)中常遇到的一些問(wèn)題。

這個(gè)頁(yè)面存在的問(wèn)題很多，我們來(lái)一個(gè)個(gè)分析。
首先第一個(gè)問(wèn)題首屏高度：
分析一下常見(jiàn)分辨率及瀏覽器下高度數(shù)據(jù)：

在window XP常見(jiàn)分辨率1024×768下我們除掉任務(wù)欄，瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁(yè)首屏高度平均值是584。

Win7下是574。在window XP常見(jiàn)分辨率1440×900下我們除掉任務(wù)欄，瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁(yè)首屏高度平均值是716。Win7下是706。

綜合上面表中個(gè)分辨率及瀏覽器下的統(tǒng)計(jì)數(shù)據(jù)，我們很容易畫(huà)出兩條首屏線，分別是580PX和710PX，對(duì)應(yīng)不同的分辨率。

再來(lái)看下不同分辨率用戶的占比情況：

通過(guò)對(duì)大于30W臺(tái)客戶端用戶進(jìn)行測(cè)試，得到的測(cè)試數(shù)據(jù)如下：

1. 首屏高度低于等于 580 的有 116786 個(gè)人，占 44.64%；
2. 首屏高度低于等于 720 的有 216227 個(gè)人，占 82.64%；
3. 首屏高度低于等于 800 的有 241420 個(gè)人，占 92.27%；
4. 首屏高度低于等于 900 的有 259174 個(gè)人，占 99.06%；

即當(dāng)首屏高度大于580時(shí)有44.64的人看不到；大于720時(shí)有82.64%的人看不到；
大于800時(shí)有92.27%的人看不到。
我們將這個(gè)數(shù)據(jù)轉(zhuǎn)化成3條線直觀的顯示在專題頁(yè)面上：

總結(jié)起來(lái)就是注意首屏高度。
建議將最主要的信息顯示在580PX高度的范圍以內(nèi) 讓用戶打開(kāi)網(wǎng)頁(yè)第一屏就可以直接看到不用向下滾動(dòng)
這個(gè)第二個(gè)專題的第二個(gè)問(wèn)題：標(biāo)題夠顯眼么？

檢驗(yàn)一個(gè)專題頭圖標(biāo)題是否夠顯眼其中的一個(gè)方法就是將網(wǎng)頁(yè)去色，站在遠(yuǎn)處看看標(biāo)題是否還看得清。
我們有這個(gè)方法來(lái)檢驗(yàn)一下這個(gè)專題：

是不是就可以看出頭圖文字跟背景混在一起不夠清晰。