建設(shè)網(wǎng)站有很多類(lèi)型，我們要把握其共性，就能很輕松的用PS制作出漂亮和效果圖。
1.頁(yè)面寬度和高度。
網(wǎng)頁(yè)寬度尺寸：現(xiàn)在用戶(hù)電腦分辨率以1024*768分辨率較有普遍，頁(yè)面寬度一般上控制在960px~1003PX,如果超過(guò)1003PX，瀏覽器將會(huì)出現(xiàn)左右滾動(dòng)條，這樣不夠美觀。有的同學(xué)有疑問(wèn)，電腦分辨率寬度明明是1024怎么超出1003就會(huì)出現(xiàn)滾動(dòng)條呢？以IE瀏覽器為準(zhǔn)，IE瀏覽器顯示的范圍只有1003PX，剩下的21像素剛好是IE上下滾動(dòng)條的寬度。
網(wǎng)頁(yè)高度尺寸：一般上設(shè)計(jì)首頁(yè)效果圖高度有限制（高度具體根據(jù)首頁(yè)內(nèi)容而定），網(wǎng)站內(nèi)頁(yè)，高度不做限制，注意設(shè)計(jì)高度要隨著頁(yè)面內(nèi)容拉伸，保證頁(yè)面的左右是一個(gè)整體。
2.頁(yè)面布局。
網(wǎng)頁(yè)首頁(yè)頁(yè)面布局，分為，左、中、下結(jié)構(gòu)。中間部分，分為：左右或者，左、中、右。注意：每個(gè)部位的距離，要根據(jù)一定的規(guī)律去做排版，注意利用版心線、網(wǎng)格等控制網(wǎng)頁(yè)部位的比例。
3.網(wǎng)頁(yè)留白。
注意控制留白之間的距離，如上、中、下 之間的距離，左、中、右之間的距離，甚至網(wǎng)頁(yè)上每個(gè)模塊與模塊之間的距離，模塊內(nèi)容距離邊界的距離，文字與文字之間的行高等，要保持等距。
4.網(wǎng)頁(yè)中的文字。
一般中文網(wǎng)頁(yè)正文文字大小多為12PX，門(mén)戶(hù)網(wǎng)站的正文多為14PX。英文文字大小多為9PX。標(biāo)題文字多為14PX加粗。（注意PS設(shè)計(jì)里正文文字，樣式效果要設(shè)置為無(wú)，切不可出現(xiàn)銳利、渾厚等樣式。）
圖片上的文字，大多樣式為渾厚或者銳利來(lái)讓字體顯得更加細(xì)膩。
5.分辨率的設(shè)置
網(wǎng)頁(yè)效果圖分辨率，統(tǒng)一為72像素/英寸，不按照這個(gè)為參照的話，你會(huì)發(fā)現(xiàn)打在圖層上的文字不顯示正常尺寸，或大或小。
6. 顏色的使用
一般上網(wǎng)頁(yè)出現(xiàn)的顏色不超過(guò)三種，具體根據(jù)客戶(hù)的建站類(lèi)型和閱讀群體，選擇正確的色相型。
