企業(yè)做網(wǎng)站頁面尺寸設(shè)置
日期 : 2019-04-05 20:08:25
網(wǎng)頁的設(shè)計,首先應(yīng)從尺寸開始。所謂尺寸,是頁面的高度與寬度,設(shè)計者可根據(jù)實(shí)際的使用環(huán)境,將其分為不同載體。尺寸一般使用分辨率來表示,一像素單位為px,px值設(shè)置為72px用于電子屏幕顯示,在印刷品上我們設(shè)置為300px,配合計量單位。目前根據(jù)載體的不同,尺寸也被區(qū)分為了電腦屏幕尺寸,手機(jī)尺寸等,列如:電腦屏幕側(cè)重于大面積的展示體驗(yàn),手機(jī)則是小屏幕的便捷顯示,由于在小屏幕上觀看大尺寸頁面,頁面字體會顯得稀小,所以通常需設(shè)計兩種尺寸。雖然目前流行的html5簡化了這些操作,但如果想通用兩種不同尺寸,也需要留意許多細(xì)節(jié)。
確定設(shè)計頁面的寬度是較為容易的,但由于頁面缺少自適應(yīng)能力,無法根據(jù)屏幕的大小來進(jìn)行縮放,這樣無法全顯核心區(qū)域的內(nèi)容。根據(jù)市面上一般電腦的寬度,最小在1200像素左右,文字的區(qū)域被控制在1000到1200px區(qū)間內(nèi),延伸寬度為大屏幕做準(zhǔn)備。如果無左右延伸區(qū)域,在大面積的顯示上將會顯示得十分緊湊。關(guān)于頁面高度的設(shè)置,基于內(nèi)容多或少而定,通常不應(yīng)超過3屏。頁面過長一是不便于瀏覽者觀看,二是會導(dǎo)致頁面加載緩慢,影響使用體驗(yàn)。因此高度在3000px內(nèi)更利于瀏覽。
確定設(shè)計頁面的寬度是較為容易的,但由于頁面缺少自適應(yīng)能力,無法根據(jù)屏幕的大小來進(jìn)行縮放,這樣無法全顯核心區(qū)域的內(nèi)容。根據(jù)市面上一般電腦的寬度,最小在1200像素左右,文字的區(qū)域被控制在1000到1200px區(qū)間內(nèi),延伸寬度為大屏幕做準(zhǔn)備。如果無左右延伸區(qū)域,在大面積的顯示上將會顯示得十分緊湊。關(guān)于頁面高度的設(shè)置,基于內(nèi)容多或少而定,通常不應(yīng)超過3屏。頁面過長一是不便于瀏覽者觀看,二是會導(dǎo)致頁面加載緩慢,影響使用體驗(yàn)。因此高度在3000px內(nèi)更利于瀏覽。