常見網(wǎng)頁設(shè)計的頁面大小

網(wǎng)頁設(shè)計是平面設(shè)計的一種。和設(shè)計其他圖像作品一樣,同樣要講究色彩、布局、設(shè)計元素、設(shè)計創(chuàng)意、設(shè)計布局等設(shè)計技巧。使用Photoshop對網(wǎng)頁的效果圖進行設(shè)計時,需要進行一定的創(chuàng)意與設(shè)計。網(wǎng)頁中的內(nèi)容一般是以文字為主,所有網(wǎng)頁的設(shè)計要求清新自然,容易突出網(wǎng)站的內(nèi)容。有些種類的網(wǎng)頁可以進行一些夸張的藝術(shù)設(shè)計,用夸張的顏色與視覺效果表現(xiàn)網(wǎng)站的內(nèi)容。

關(guān)于網(wǎng)頁的大小,并沒有統(tǒng)一的規(guī)定或要求。瀏覽器可以根據(jù)網(wǎng)頁的大小自動調(diào)整和布局網(wǎng)頁。當(dāng)網(wǎng)頁超過一個版面時,瀏覽器會出現(xiàn)滾動條,使網(wǎng)頁的內(nèi)容布局到另一個版面上，網(wǎng)頁的大小需要根據(jù)具體要求和常規(guī)的設(shè)計習(xí)慣確定。網(wǎng)頁的頁面大小一般有3種情況：

1、居中類型小版面網(wǎng)站

有些網(wǎng)頁只需設(shè)計出網(wǎng)頁能提供的功能即可。例如,百度等搜索引擎頁面通常只列出搜索功能和相關(guān)的鏈接,排列在網(wǎng)頁的中央位置。這種網(wǎng)站沒有規(guī)定的網(wǎng)頁寬度和大小的要求。個人網(wǎng)頁也沒有大小的要求,只需排版到一個網(wǎng)頁上即可。

2、778像素居中型網(wǎng)站

網(wǎng)站,在1024×768的顯示分辨率下,網(wǎng)頁的兩邊有兩個空白區(qū)域,網(wǎng)頁的內(nèi)容在網(wǎng)站中央這是傳統(tǒng)型網(wǎng)頁寬度。網(wǎng)頁的寬度一般為778像素或800像素左右,在800×600的顯示分辨率下,正好布滿整個屏幕。如果在1024×768的顯示分辨率下,兩邊的空白區(qū)域可以設(shè)計兩個對聯(lián)廣告,在網(wǎng)頁中用 JavaScript判斷顯示器顯示分辨率,在有空白區(qū)域時顯示這兩個對聯(lián)廣告。由于科技的不斷發(fā)展800×600的顯示分辨率已經(jīng)很少使用,所以778像素居中型網(wǎng)站也漸漸退出了歷史的舞臺

3.寬屏網(wǎng)站

寬屏網(wǎng)站在1024×768的顯示分辨率下正好能布滿整個顯示器寬度,寬度為1002像素,新聞類網(wǎng)站常使用這種頁面寬度。網(wǎng)頁的頁面長度根據(jù)網(wǎng)頁的頁面內(nèi)容的多少而定。網(wǎng)站的主頁好布滿一整屏,如果有很多內(nèi)容,可以有很多屏。但是,如果網(wǎng)頁的頁面太大,可能影響到網(wǎng)頁的下載與顯示速度。在實際設(shè)計中,網(wǎng)頁的長度好不要超過五至六屏。是個寬度為1002的寬屏網(wǎng)站,在1024×768的顯示分辨率下正好占滿整個屏幕,拖動滾動條時可以查看多屏內(nèi)容。

4.網(wǎng)頁效果圖中效果圖寬度的設(shè)置

在Photoshop Cs6中,可以通過設(shè)置圖片的大小來設(shè)置網(wǎng)頁效果圖的大小。選擇“圖像圖像大小”命令,打開“圖像大小”對話框,如圖8-5所示,在“寬度”文本框中輸入“778”,在“高度文本框中輸入“1024”,然后單擊“確定”按鈕完成設(shè)置。

本文名稱：常見網(wǎng)頁設(shè)計的頁面大小
文章路徑：http://www.muchs.cn/news13/222413.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站內(nèi)鏈、軟件開發(fā)、Google、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)