隨筆 - 28, 文章 - 0, 評論 - 3, 引用 - 0
          數據加載中……

          網頁寬度多少最適合?(轉)

          公司網站最近一個月統計出來的訪客分辨率報表圖:
          2009-04-21_133507

          可見,目前使用800*600的幾乎是微乎其微了,1024還是居于上風,目前19,21寸甚至更大的顯示正在逐步被廣泛使用,所以N年前流行的778,780等等都好像是幾個世紀以前的事情了。

          再看一組數據

          網站 首頁頁面寬度 px
          Yahoo! 950
          淘寶 950
          MySpace 960
          新浪 950
          網易 960
          Live Search 958
          搜狐 950
          優酷 960
          AOL 960

          上面都是Alexa全球排名前100的站點,而且WordPress的皮膚,百分之90以上都是960px寬。為什么設計師們都喜歡這個數據(950px/960px)呢?以下部分轉自網頁柵格系統研究(1):960的秘密,作者:玉伯

          設計師們對蘋果情有獨衷。在 1024 x 768 的分辨率下,打開Firefox:

          自然狀態下,Firefox窗體的大小約為 974 x 650. 減掉左右兩邊7px的邊框,網頁的實際大小為上圖中的紅色部分,高寬為 960 x 650.

          數字背后的奧妙

          上面的“自然”出現,細究自然是不讓人信服的。蘋果系統的設計者們在沒有喝醉酒的情況下選擇了960,而不是其它什么1000之類的整數,自然另有奧妙。

          科學界有很多問題都可以歸結到數學問題上,我們也從數學著手:

          960可以分解為2的6次方乘以3和5, 這使得960可以分割成以下寬度的整數倍:

          2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40,
          48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480

          共26種(26 = 7 * 2 * 2 – 2, 減去2是去掉1和960自身),我們標記為:

          N(960) = N(2^6 * 3 * 5) = 26

          根據上面的算法,可以得到:

          N(360) = N(2^3 * 3^2 * 5) = 22
          N(480) = N(2^5 * 3 * 5) = 22
          N(720) = N(2^4 * 3^2 * 5) = 28
          N(750) = N(2 * 3 * 5^3) = 14
          N(800) = N(2^5 * 5^2) = 16
          N(960) = N(2^6 * 3 * 5) = 26
          N(1000) = N(2^3 * 5^3) = 14
          N(1024) = N(2^10) = 9
          N(1440) = N(2^6 * 3^2 * 5) = 34
          N(1920) = N(2^7 * 3 * 5) = 30

          根據直覺(嚴格證明也不難,不過還是留給數學系的學生去證明吧),我們得到一個有趣的結論:

          要使得N(width)最大,width的取值有兩個系列:

          A系列: …, 320, 720, 1440, …

          B系列: …, 480, 960, 1920, …

          N越大,可組合的寬度值就越多。對柵格系統來說,這意味著越靈活!

          目前絕大多數顯示器都支持 1024 x 768 及其以上分辨率。為了有效的利用屏幕寬度同時保證柵格的靈活度,可以看出960是非常合適的。這樣,在目前主流顯示器下,960就成為網頁柵格系統中的最佳寬度了。(也許不久的將來,將會流行1440)

          以上內容轉自http://lifesinger.org/blog/?p=375

          posted on 2010-03-23 14:01 Angle Wang 閱讀(1039) 評論(0)  編輯  收藏 所屬分類: Angle Happyan

          主站蜘蛛池模板: 兴仁县| 若羌县| 万州区| 高台县| 乌拉特中旗| 长葛市| 罗定市| 汝南县| 花垣县| 昌平区| 安庆市| 志丹县| 图木舒克市| 黔西县| 万山特区| 虞城县| 凤山市| 抚顺县| 婺源县| 福建省| 灵璧县| 泗洪县| 长兴县| 寿宁县| 深泽县| 巴青县| 景德镇市| 兰考县| 克什克腾旗| 江都市| 晋江市| 云林县| 彭阳县| 讷河市| 磴口县| 班戈县| 镇安县| 南通市| 马鞍山市| 上思县| 阿勒泰市|