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