常見網頁設計的頁面大小

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

關于網頁的大小,并沒有統一的規定或要求。瀏覽器可以根據網頁的大小自動調整和布局網頁。當網頁超過一個版面時,瀏覽器會出現滾動條,使網頁的內容布局到另一個版面上，網頁的大小需要根據具體要求和常規的設計習慣確定。網頁的頁面大小一般有3種情況：

1、居中類型小版面網站

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

2、778像素居中型網站

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

3.寬屏網站

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

4.網頁效果圖中效果圖寬度的設置

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

本文名稱：常見網頁設計的頁面大小
文章路徑：http://www.kartarina.com/news13/222413.html

成都網站建設公司_創新互聯，為您提供手機網站建設、企業建站、網站內鏈、軟件開發、Google、關鍵詞優化

廣告

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