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