本文使用了簡單的Photoshop圖層樣式與形狀圖形就能完成，作為網(wǎng)頁設(shè)計的新手可以先從此類教程開始，對于頁面的設(shè)計思路主要運(yùn)用了色塊構(gòu)圖技巧，將整個頁面劃分成一個個色塊，使用相似或相同色調(diào)使頁面整體效果統(tǒng)一！現(xiàn)在我們就來看下如何制作這個愛情禮品購物網(wǎng)站：

首先在photoshop中新建立一個文件：大小 760 x 770 ，顏色 #2d2d2d。選擇圓角矩形工具(半徑設(shè)置5px)畫一個如下圖形狀

為其增加如下圖層樣式:

結(jié)果如下:

使用"自定義形狀"工具,選擇愛心形狀

制作如下圖的愛心

為愛心加上圖層樣式:

結(jié)果如下:

再次使用"圓角矩形"制作如下圖效果:

加上圖層樣式:

結(jié)果如下

加入一些文字

用"圓角矩形"制作如下圖形:

加上如下圖層樣式

你看到我又為頁面上部加了個圓角矩形,圖層樣式如上

加入文字與圖片

現(xiàn)在我們來處理下頁面細(xì)節(jié),比如為標(biāo)題文字前加個減號等,具體頁面如下

最后將已經(jīng)做好的LOGO放上