在網(wǎng)站建設(shè)之前，一般都是需要設(shè)計出網(wǎng)站頁面的效果圖，以方便對頁面的色彩，排版等進行安排。而常用的頁面效果設(shè)計軟件，就非Photoshop莫屬了，它是一款非常強大的圖片設(shè)計工具，如今絕大部分的頁面效果圖都是通過Photoshop設(shè)計出的。借助Photoshop的濾鏡、圖層、樣式等工具，可以設(shè)計出非常精美的網(wǎng)站頁面，那么具體怎么設(shè)計出頁面的效果圖呢?

　　通過Photoshop制作頁面效果圖，第一步需要新建一張圖片，并且對圖片的大小以及是背景顏色進行調(diào)整，圖片的大小就是頁面的大小，而圖片顏色就是頁面的背景顏色。

　　由于網(wǎng)頁中的內(nèi)容是按照一定的次序進行布局和排版的，而在圖片中對這些內(nèi)容的定位和排版都是不怎么方便的，這就需要借助Photoshop的標尺工具以及是輔助線，通過這兩個工具，能夠?qū)撁嫘Ч麍D進行簡單的劃分。

　　至于網(wǎng)站的Logo，在設(shè)計頁面效果圖時，可以將已經(jīng)設(shè)計好的Logo圖片導(dǎo)入到圖片中，然后再單獨調(diào)整好Logo圖片的位置以及是大小，以更好的協(xié)調(diào)頁面的效果。

　　至于頁面中的banner條，這通常都是緊跟在網(wǎng)站logo后方的，在頁面效果圖中，其導(dǎo)入大致與網(wǎng)站Logo相同，都需要進行導(dǎo)入，調(diào)整。

　　接下來是導(dǎo)航條的內(nèi)容，導(dǎo)航條可以是圖片或者是文字，在設(shè)計頁面效果圖以前，需要先設(shè)計好導(dǎo)航條的效果，如果是文字導(dǎo)航條，那么就要注意文字導(dǎo)航條與網(wǎng)站背景的對比，以及是否和網(wǎng)站風(fēng)格統(tǒng)一起來。

　　當頁面的Logo、banner條、導(dǎo)航條等內(nèi)容都設(shè)計好以后，就要對頁面的內(nèi)容部分進行設(shè)計，頁面內(nèi)容部分是整個頁面的核心，內(nèi)容區(qū)域的頁面效果設(shè)計，需要在完成頁面內(nèi)容的基礎(chǔ)上才能體現(xiàn)出具體的頁面風(fēng)格和效果的。

　　網(wǎng)站建設(shè)頁面效果設(shè)計的最后一步，就是頁面的底部欄目，就是關(guān)于網(wǎng)站的版權(quán)聲明，網(wǎng)站的幫助信息、友情鏈接等的內(nèi)容，這里主要通過Photoshop的文字添加功能，就可以巧妙的在圖片中設(shè)計出底部欄目的相關(guān)信息。