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

2022-12-14    分類: 網(wǎng)站建設

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

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

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

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

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

網(wǎng)站,在1024×768的顯示分辨率下,網(wǎng)頁的兩邊有兩個空白區(qū)域,網(wǎng)頁的內容在網(wǎng)站中央這是傳統(tǒng)型網(wǎng)頁寬度。網(wǎng)頁的寬度一般為778像素或800像素左右,在800×600的顯示分辨率下,正好布滿整個屏幕。如果在1024×768的顯示分辨率下,兩邊的空白區(qū)域可以設計兩個對聯(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)頁的頁面內容的多少而定。網(wǎng)站的主頁好布滿一整屏,如果有很多內容,可以有很多屏。但是,如果網(wǎng)頁的頁面太大,可能影響到網(wǎng)頁的下載與顯示速度。在實際設計中,網(wǎng)頁的長度好不要超過五至六屏。是個寬度為1002的寬屏網(wǎng)站,在1024×768的顯示分辨率下正好占滿整個屏幕,拖動滾動條時可以查看多屏內容。

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

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

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

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

廣告

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

成都seo排名網(wǎng)站優(yōu)化