02 youtube官網網頁版設置封面圖尺寸是800(youtube視頻不顯示封面)

種潮流和趨勢。

下面討論柵格系統中的黃金分割。

黃金分割

黃金分割可以歸結為數學問題：對于長度為1的線段，將其分成兩部分 x 和 1 - x, 使得：

x / 1 = (1 - x) / x

化為簡單的二次方程：

x^2 + x - 1 = 0

正數解為：

x = (sqrt(5) - 1) / 2 ~= 0.618

這就是黃金分割。這個比例不僅僅出現在諸如繪畫、雕塑、音樂、建筑等藝術領域，在管理、工程設計等方面也有著不可忽視的作用。 (這是個自然界的魔數，類似的還有真空光速、普朗克常數、精細結構等等，感興趣的Google吧)

在平面設計領域，黃金分割點被廣泛采用。比如下面這種圖：

數一數上面有多少黃金分割?

對于960柵格，實際寬度是950. 兩欄布局時，黃金分割為：

對于 24 x 40 的情景，最接近黃金分割的兩欄布局是 350 : 590, 欄數比例為 9 : 15. 但實際使用時，因為窄欄經常用來做導航或放輔助信息，并不需要350px這么寬。因此實際情況下經常被采用的布局是：

上面講的都是寬度方向上的柵格化，下面我們看看高度方向上如何應用。

高度方向上的柵格

還記得研究(1)中那張紅紅的很刺眼的圖嗎?注意高度值560也是很神奇的。

N(560) = N(2^4 * 5 * 7) = 18

560 / 960 ~= 0.583

N(560)比較大，同時可以讓高寬比接近黃金分割。針對560, 我們采用 14 x 40 柵格：

這樣，我們就在寬度和高度兩個方向上都實現了柵格化。

淘寶的首頁目前尚未嚴格遵守柵格系統，如果重構的話，寬度方向可以考慮采用下面的柵格布局（只考慮頁面主體部分，忽略高度的比例）：

（圖1）

紛亂的高度世界我們來看下圖1左上角。左上角部分目前的寬度為256px, 重構的話可以將寬度縮小到230px以符合柵格（不可避免的要調整內容，比如人氣寶貝中將只能放下3張圖片）。來仔細看下高度方向：

（圖2）

高度方向的布局是：90 : 117 : 100, 第一個間隔是8, 總高度為325. 很明顯，高度方向沒有任何柵格化的跡象。實際上，即便是嚴格遵守柵格系統的Yahoo!首頁，高度方向上也沒有嚴格柵格化。

這究竟是為何？

一切皆有可能我們縮小關注點：

（圖3）

上圖中，圖像的大小是70 x 70, 剛好是24列960柵格系統兩列的寬度。對于右邊的文字，采取了如下樣式：font-size: 12px;line-height: 150%; /* 12 x 150% = 18px */

中文字體是宋體，line-height的計算值是18px. 注意圖3中文字部分可視區域的高度為65, 上下各有4px和1px的間隙。為什么會產生這么奇怪的間隙呢？我們來看下圖：

（圖4）

從上圖中我們可以得知，12px的宋體中文字，實際高度只有11px. line-height減去11多出來的高度，則“均勻”分布在上下間隙中（如果多出來的高度為偶數，則上下均分；為奇數時，上面比下面多1px）。這樣，對于70px的高度來說，要布局4行文字時，假設行高多出來的上半部分為x, 下半部分為y, 在最理想的情況下，應該滿足以下公式：11 * 4 + 4 * x + 3 * y = 70x = y 或 x = y + 1

不難推出，x最理想的整數解為4. 從而line-height為 4 + 11 + 3 = 18. 因此：

對于24列960柵格系統來說，如果要在高度方向上實現柵格，font-size為12px時，line-height的最佳取值是18px(150%).

追求完美點話，還可以將文字部分margin-top: -1px, 使得65上下的間隙為3和2.

至此，我們可以初步判斷：

高度方向上是有可能嚴格柵格化的。一切皆有可能！

然而，現實總那么殘酷

（圖5）

上圖中的標題高度為22, 這在24列960柵格系統中是無法對齊的。而且總高度為100, 在24列960柵格系統中也不存在（110才可以）。或許高度方向上我們可以細化行寬為20, 但依舊沒法解決上面兩個問題（22是明顯不能解決的，而對于100px的高度，也無法通過細化行寬來解決。可選高度永遠是10的奇數倍，如果進一步細化，小于10后，會變得非常繁瑣，沒什么實際應用價值）寬度世界里會好些嗎

（圖6）

上面是Yahoo!首頁上的兩個小模塊，我都不想去標注模塊里面的布局寬度了（因為一點都不符合24列960柵格系統）。寬度世界里，和高度世界一樣充滿希望但現實卻殘酷無比。銀彈是不存在的柵格系統是美好的。但如果我們一味地追求將所有設計都柵格化（必須承認我曾有這個幻想），則立刻會陷入地獄一般的黑暗中。這篇文章中的艱難嘗試（我分析了20多個小模塊），讓我突然醒悟到一個粒度問題：任何設計都有適用范圍，超出最佳適用范圍，強行使用只會帶來無盡的煩惱。對于柵格系統（這里指所有柵格系統，包括多種柵格系統混合使用的情景）來說，我覺得以下場景非常適合：

頁面的總體寬度布局，比如兩欄、三欄等布局

一些固定區塊的尺寸，比如廣告圖片的尺寸

區塊之間的間距，可以參考柵格系統的槽寬（Gutter）

一些可以柵格化的小區域，比如圖3中的例子，暗合柵格往往能簡化布局上的考慮

除了上面這些應用場景，強行使用柵格系統，往往會束手束腳，適得其反。這篇文章的目的，就是嘗試用最啰嗦最費神貌似很科學實際很無聊的分析來指出柵格系統應用時的粒度問題。在粒度問題上達成一致后，下一篇中我們將討論柵格系統的技術實現，最后一篇則討論柵格系統的壓軸好戲：模塊化開發。

前三篇文章中，明確了柵格系統的設計細節和適用范圍。這一篇將集中討論960柵格系統的技術實現。

Blueprint的實現Blueprint是一個完整的CSS框架，柵格系統是它的一部分功能。我們來看demo頁面：

以上三欄布局的代碼為：<style type="text/css"> .買粉絲ntainer { margin: 0 買粉絲; width: 950px } .span-8 { float: left; margin-right: 10px } div.last { margin-right: 0 } hr { clear: both; height: 0; border: none }</style><div class="買粉絲ntainer"> <div class="span-8"></div> <div class="span-8"></div> <div class="span-8 last"></div> <hr /></div>

上面是基本功能，Blueprint還支持append-n, prepend-m, border等“高級”功能，這些就不細說了

幫忙推薦個手機吧

我用著諾基亞N78呢 感覺不錯 相素320萬,特清楚 音質也不錯 價格也挺適合你想要的 下面是N78的一些參數 你可以借鑒一下

諾基亞在2008全球移動大會上推出了全新的諾基亞N系列多媒體電腦手機N78，N78為音樂和圖片分享及新服務而優化，是一款集音樂、導航及圖像于一體的全功能終端，它支持各種全新的諾基亞服務，包括諾基亞音樂商店（Nokia Music Store）、諾基亞地圖（Nokia Maps）以及供用戶分享其個人媒體內容的新型諾基亞互聯網服務——“Ovi全分享”(Share on Ovi)。

諾基亞Explore終端部副總裁Jonas Geust表示：“諾基亞N78則將繼續延續全功能平衡型諾基亞N系列終端，如諾基亞N73的成功。通過先進技術和服務為更多的用戶提供無與倫比的移動多媒體體驗。”

諾基亞N78：發現、捕捉、標記和分享

諾基亞N78支持多種先進科技，它內置A-GPS和免費諾基亞地圖（Nokia Maps），支持WLAN及高速HSDPA 3G連接，還擁有320萬像素照相機和卡爾蔡司（Carl Zeiss）光學鏡頭，更支持最高可達8GB的microSD儲存卡，用來儲存用戶喜歡的音樂等媒體內容。此外，諾基亞N78還擁有兩項新穎功能：照片地理標記功能以及內置FM發射器——幫助用戶在家中或駕車時通過FM調頻收音機欣賞手機中的音樂。（部分地區版本無內置FM發射器功能，如港行N78）

通過內置的A-GPS功能和320萬像素相機，諾基亞N78為用戶帶來了日益流行的在線應用地理標記。諾基亞N78 能夠捕捉并標記照片的位置元數據，使用戶無論在網上地圖或手機地圖上都可以看到照片拍攝的具體位置。通過WLAN 或 HSDPA高速互聯網連接，用戶僅需輕觸一次按鍵即可在互聯網社區，如諾基亞“Ovi全分享”(Share on Ovi)、Flickr 或YouTube當中上傳圖片和視頻。

音樂仍然是諾基亞N78 等諾基亞N系列多媒體電腦手機的一個重要功能。除了支持高達8GB 的 microSD 儲存卡外，諾基亞N78內置揚聲器并支持標準3.5毫米耳機，同時，它還提供諾基亞互聯網電臺（Nokia Inter買粉絲 Radio）服務，讓人們隨時收聽數以千計分布在全球各地的廣播電臺。

緊致的諾基亞N78為音樂和圖片分享及新發現而優化，是一款集音樂、導航及圖像于一體的全功能終端，它支持各種全新的諾基亞服務，包括諾基亞音樂商店（Nokia Music Store）、諾基亞地圖（Nokia Maps）以及諾基亞互聯網服務——“Ovi全分享”（Share on Ovi）。諾基亞N78預計將在2008年第二季度上市。

規格參數

[編輯本段]

外形：直板拋光機身

基礎功能

內置A-GPS衛星定位系統，最優路線計算程序

照片地理標記功能，可將所拍攝照片自動上傳到網絡

2.4寸屏幕瀏覽網頁更舒適。可通過WLAN熱點自動接入互聯網

支持24小時的音樂播放，只需滾動Navi輪就能輕松享受最喜歡的音樂

可通過WLAN或3.5G連接技術，在線享受高質量的圖片，音樂，廣播以及視頻

手機頻率

雙模WCDMA900/2100(HSDPA) ，GSM/GPRS/EGPRS850/900/1800/1900MHz

支持在不同頻率和模式下自動切換

尺寸

體積: 76.5 cc

重量: 101.8 g

長: 113 mm

寬: 49 mm

厚: 15.1 mm

內存功能

內置70MB內存

支持MicroSD卡（熱插拔）

加載2GBM

很赞哦!（123）