網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計合適的頁面尺寸是多少?
網(wǎng)頁設(shè)計合適的頁面尺寸是多少?網(wǎng)頁設(shè)計合適尺寸,已經(jīng)有了很大改變,不需要擔心設(shè)備尺寸不同的問題,以目前主流形式來看,有以下:1、pc端網(wǎng)頁的設(shè)計稿尺寸是寬度1920px,高度最小是1080px , 主
網(wǎng)頁設(shè)計合適的頁面尺寸是多少?
網(wǎng)頁設(shè)計合適尺寸,已經(jīng)有了很大改變,不需要擔心設(shè)備尺寸不同的問題,以目前主流形式來看,有以下:
1、pc端網(wǎng)頁的設(shè)計稿尺寸是寬度1920px,高度最小是1080px , 主體內(nèi)容在1200px內(nèi)就行,比較規(guī)范。
2、移動端網(wǎng)頁的設(shè)計尺寸可以考慮680px和720px
網(wǎng)頁設(shè)計最合適的頁面尺寸是多少?
很多新手設(shè)計師都會面對一個問題,Web頁面尺寸寬度到底選哪個?其實答案并不是固定的,可以做成1920,也可以做1280。黑客認為最重要的決定因素在于你自己的工作電腦分辨率。電腦屏幕尺寸這是廣告公司AdDuplex送出的統(tǒng)計大數(shù)據(jù)市面上的電腦屏幕尺寸多種多樣,不過大部分都集中在這幾種:1920-1080:目前常用設(shè)備中最大的尺寸(Mac 5K屏除外)1440-900:15寸MacBook Pro為代表,很多UI設(shè)計師首選1366-768:普通的PC電腦1280-800:13寸MacBook Pro為代表在以上設(shè)備中,13寸和15寸Mac Book,雖然實際分辨率非常大,但由于是Retina屏幕,視覺展示上還屬于以上范圍。所以,網(wǎng)站的內(nèi)容顯示寬度大部分都在1200px以內(nèi),確保小的電腦屏幕能顯示全網(wǎng)頁內(nèi)容。更早的時候很多都是960px,不過由于屏幕越來越大,目前比較少。網(wǎng)頁設(shè)計尺寸在了解過電腦屏幕尺寸后,網(wǎng)頁設(shè)計尺寸(本文專指寬度,高度不限)選哪個也很清楚了:選哪個都不會錯。事實上很多設(shè)計師是這么做的:用小于1920的屏幕去設(shè)計1920的網(wǎng)頁。這樣設(shè)計沒錯,而且是很多培訓(xùn)機構(gòu)、學校的標準定義:網(wǎng)頁設(shè)計寬度尺寸是1920。結(jié)合插件定義設(shè)計尺寸但是如果你用了這個神器的Sketch插件,就不會按照之前的結(jié)論來設(shè)計了。以前黑客有介紹過。 點擊查看 設(shè)計師在做界面的過程中需要經(jīng)常查看設(shè)計稿,以便及時修改設(shè)計細節(jié)。除非你用1920的屏幕可以設(shè)計1920尺寸,否則我們的設(shè)計尺寸和屏幕尺寸不相同,就會導(dǎo)致預(yù)覽的界面偏移,需手動調(diào)節(jié)居中。如果設(shè)計的尺寸和屏幕尺寸保持一致,那么插件預(yù)覽的效果就會完美,不用每次都要去調(diào)節(jié)。總結(jié)本質(zhì)上網(wǎng)頁設(shè)計尺寸選哪個都是正確的,關(guān)鍵在于怎么方便、快捷地幫助我們預(yù)覽、展示設(shè)計稿。在利用sketch插件頻繁預(yù)覽的前提下,黑客建議網(wǎng)頁設(shè)計尺寸等于你的工作電腦屏幕尺寸,這會節(jié)約你很多時間。在設(shè)計后臺類的界面時,這個方法的優(yōu)勢會更加明顯。最后有一點需要注意,在進行切圖的時候,如果遇到全屏的圖,需要把切圖修改成1920,否則在1920電腦中切圖寬度會不足。不過到了切圖這一步,就屬于設(shè)計工作的后期了,我們只需要花點時間把對應(yīng)切圖改成1920即可。
網(wǎng)頁設(shè)計,一般最少要設(shè)置多少高度?
Web-設(shè)計尺寸
一個網(wǎng)頁的尺寸設(shè)置和瀏覽器與系統(tǒng)的尺寸大為相關(guān),我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。
系統(tǒng)分辨率統(tǒng)計對大于30W臺客戶端用戶進行測試,得到的測試數(shù)據(jù)如下(數(shù)據(jù)來源于網(wǎng)絡(luò)):
在Window XP常見分辨率1024×768下我們除掉任務(wù)欄,瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁首屏高度平均值是584。在Window 7常見分辨率1440×900下我們除掉任務(wù)欄,瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁首屏高度平均值是716。綜合分辨率及瀏覽器下的統(tǒng)計數(shù)據(jù)Window XP首屏大小580 pxWindow 7 首屏大小710 px