您當前所在位置:首頁 > 建站資訊 > 常見問題解答 > 正文

網頁設計的寬度是多少?

2017-07-06 13494 次 常見問題解答 網頁設計
網頁設計也需要從用戶的體驗角度出發,特別是寬度不超過一屏,其最基本的表現是瀏覽器不出現橫向滾動條。重慶網站建專注網站建設,網頁設計等建站服務,網頁設計分享頻道為網頁設計師尋找設計靈感。 ? 960像數這個神奇的數字出現之初,大家各說紛紜,有...

網頁設計也需要從用戶的體驗角度出發,特別是寬度不超過一屏,其最基本的表現是瀏覽器不出現橫向滾動條。重慶網站建專注網站建設網頁設計等建站服務,網頁設計分享頻道為網頁設計師尋找設計靈感。

960像數這個神奇的數字出現之初,大家各說紛紜,有說是因為蘋果設計師在1024×768的分辨率下打開瀏覽器的寬度時974像數,減去瀏覽器的寬度本生的寬度14像數,這里這個神奇的960像數就這樣出生了;也有的說在人眼不轉動的情況下所能看到的最大的寬度是960像數。我相信說這話的人真是無時不刻不在考慮用戶體驗啊。今天就用戶體驗之網頁設計的寬度來發表下我個人的看法,不足之處請大家不吝賜教。

先來分析下那個時代主流大戶時至今日的頁面寬度就5到6年前或許更早(下文中姑且說5年前),大家討論頁面設計寬度時基本都在950像素到1000像素之間,用960像數來設計為大多數網頁設計師接受,包括直到現在960PX還是指導著絕大部分門戶類的設計。在那個流行960像素的時代騰訊用的是910像素,而在今年騰訊的新首頁已改版為1000像素。與騰訊同步的還有比如鳳凰網、新華網(在這里吐槽下新華網頁面最外面的黑框)也是1000像素。搜狐、新浪依舊是950像素,網易保持960像素。淘寶網首頁1000像素(淘寶子頻道頁比如:點卡950像素、男裝990像素等各部相同),淘寶系列新推的網站比如:聚劃算990像素、天貓970像素、天貓電器城990像素、一淘網1200像素。

與門戶類相比電商的改版更徹底了,我們來看下主流電商現在的頁面寬度:京東1210像素、當當1200像素、1號店1200像素、新蛋1200像素、蘇寧易購1190像素、易訊1225像素、亞馬孫自適應(最小寬度980像素)。可以看出現在電商主流的頁面設計是1200像素。

舉例具體來分析,今年的2月份京東改版(在這里暫不討論其他內容,只說頁面寬度)之后的頁面寬度設計成1210像素。有的人認為這樣讓商品圖片更加清晰美觀,亦有人認為在頁面沒有變得更擁擠的前提下,增加了60個廣告位(廣告位你懂得,這也是在電商上銷售商品的各品牌希望得到的),等等都是說的有道理的。

不過對電商的頁面為什么都在1200像數,我從用戶體驗的角度是這樣分析的。1024×768的分辨率雖然有人說至今任然占據著大多數用戶的瀏覽器,記得兩三年前有一個看到一個統計1024×768的分辨率的用戶占比約為40%左右,而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右。時至今日1024×768的分辨率的最新數據用戶占比到今年3月只剩下18.6%。,不過可以肯定的是確實仍有很多客戶端是這個設置。1366×768的分辨率得益于筆記本的蓬勃發展,在其中占據絕對主流地位,一路高奏凱歌,從微不足道的0.41%攀升至今天的19.2%,榮登分辨率之王。位列第三的還是1280×800的分辨率,比例位12.95%,比三年前只少了5.87個百分點。這種變化對于Web開發人員來說尤其具有指導意義。現在我們可以考慮更多地為1366像素寬度進行頁面優化了。我想這些數據也可能是電商改版的重要參考之一吧。

那么既然1024×768的分辨率仍有很多客戶端,電商為什么就敢于放棄這部分客戶的用戶體驗呢?而其他各類型的網站依舊保持不變呢?1024×768的分辨率從2006年左右流行至今已近8個年頭了,這8年里PC技術跑步在發展。與之一起發展的便是互聯網技術了,電商依附WEB及互聯網技術的發展至今也已壯大了。可以說使用1024×768分辨率的機器也應該算是古董級的了,依舊使用這些機器的人,首先可以斷定他們對電子產品的更新是沒有追求的(電子產品也是各電商主推的)。又或是子女淘汰的機器老人在使用,那在中國大多數老年人對網絡還是比較陌生的,這部分人事絕對不可能有網絡購物的存在。所以分析來分析去這部分人都不像是電商的潛在客戶,既然不是客戶,那電商不會顧及這部分網名的用戶體驗也理所當然了。

而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右,這些活躍的網名都是電商的潛在消費者,是客戶。電商網站為這部分經常電子購物的網名提供更好的用戶體驗也是情理之中的。

所以,我說今年電商網站集體告別1024×768是用戶體驗設計的一部分。

960像數這個神奇的數字出現之初,大家各說紛紜,有說是因為蘋果設計師在1024×768的分辨率下打開瀏覽器的寬度時974像數,減去瀏覽器的寬度本生的寬度14像數,這里這個神奇的960像數就這樣出生了;也有的說在人眼不轉動的情況下所能看到的最大的寬度是960像數。我相信說這話的人真是無時不刻不在考慮用戶體驗啊。今天就用戶體驗之網頁設計的寬度來發表下我個人的看法,不足之處請大家不吝賜教。

先來分析下那個時代主流大戶時至今日的頁面寬度就5到6年前或許更早(下文中姑且說5年前),大家討論頁面設計寬度時基本都在950像素到1000像素之間,用960像數來設計為大多數網頁設計師接受,包括直到現在960PX還是指導著絕大部分門戶類的設計。在那個流行960像素的時代騰訊用的是910像素,而在今年騰訊的新首頁已改版為1000像素。與騰訊同步的還有比如鳳凰網、新華網(在這里吐槽下新華網頁面最外面的黑框)也是1000像素。搜狐、新浪依舊是950像素,網易保持960像素。淘寶網首頁1000像素(淘寶子頻道頁比如:點卡950像素、男裝990像素等各部相同),淘寶系列新推的網站比如:聚劃算990像素、天貓970像素、天貓電器城990像素、一淘網1200像素。

與門戶類相比電商的改版更徹底了,我們來看下主流電商現在的頁面寬度:京東1210像素、當當1200像素、1號店1200像素、新蛋1200像素、蘇寧易購1190像素、易訊1225像素、亞馬孫自適應(最小寬度980像素)。可以看出現在電商主流的頁面設計是1200像素。

舉例具體來分析,今年的2月份京東改版(在這里暫不討論其他內容,只說頁面寬度)之后的頁面寬度設計成1210像素。有的人認為這樣讓商品圖片更加清晰美觀,亦有人認為在頁面沒有變得更擁擠的前提下,增加了60個廣告位(廣告位你懂得,這也是在電商上銷售商品的各品牌希望得到的),等等都是說的有道理的。

不過對電商的頁面為什么都在1200像數,我從用戶體驗的角度是這樣分析的。1024×768的分辨率雖然有人說至今任然占據著大多數用戶的瀏覽器,記得兩三年前有一個看到一個統計1024×768的分辨率的用戶占比約為40%左右,而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右。時至今日1024×768的分辨率的最新數據用戶占比到今年3月只剩下18.6%。,不過可以肯定的是確實仍有很多客戶端是這個設置。1366×768的分辨率得益于筆記本的蓬勃發展,在其中占據絕對主流地位,一路高奏凱歌,從微不足道的0.41%攀升至今天的19.2%,榮登分辨率之王。位列第三的還是1280×800的分辨率,比例位12.95%,比三年前只少了5.87個百分點。這種變化對于Web開發人員來說尤其具有指導意義。現在我們可以考慮更多地為1366像素寬度進行頁面優化了。我想這些數據也可能是電商改版的重要參考之一吧。

那么既然1024×768的分辨率仍有很多客戶端,電商為什么就敢于放棄這部分客戶的用戶體驗呢?而其他各類型的網站依舊保持不變呢?1024×768的分辨率從2006年左右流行至今已近8個年頭了,這8年里PC技術跑步在發展。與之一起發展的便是互聯網技術了,電商依附WEB及互聯網技術的發展至今也已壯大了。可以說使用1024×768分辨率的機器也應該算是古董級的了,依舊使用這些機器的人,首先可以斷定他們對電子產品的更新是沒有追求的(電子產品也是各電商主推的)。又或是子女淘汰的機器老人在使用,那在中國大多數老年人對網絡還是比較陌生的,這部分人事絕對不可能有網絡購物的存在。所以分析來分析去這部分人都不像是電商的潛在客戶,既然不是客戶,那電商不會顧及這部分網名的用戶體驗也理所當然了。

而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右,這些活躍的網名都是電商的潛在消費者,是客戶。電商網站為這部分經常電子購物的網名提供更好的用戶體驗也是情理之中的。

所以,我說今年電商網站集體告別1024×768是用戶體驗設計的一部分。

皇冠体育hg589 时时彩买9个号码方法 福彩三地试机号 四川麻将单机版 北京时时怎样买才能稳赚 中国排球网 分分彩大小单双玩法心得 湖北快三遗漏数据统计下载 梭哈平台哪个好 北京赛网址 五福彩票APP 福建时时11选五 体彩任九 湖北11选五遗漏查询 重庆快乐十分最长遗漏 江西新时时论坛 今日吉林快3