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