本教程設計的公司灰色調網站，但是在布局方面就感覺十分大膽與隨意，與國內很多企業公司網站的風格完全背離，也可以看出不同國家的文化的體現，不過整體來說還是很不錯的頁面設計，這樣的設計感覺顏色體現了公司網站需要的沉穩但布局又不缺少活躍氣份的部分。

新建900x850大小文件，雙擊背景圖層，取消背景圖層的鎖定

再次雙擊背景圖層，然后添加如下圖層樣式

開始制作導航按鈕！

使用圓角矩形工具，設置半徑為10px，拖動出如下圖三個形狀，隨后用多邊形套鎖工具刪除一個左下角區域，如下圖所示

隨后用橢圓選區工具制作箭頭，制作步驟是，先畫一正圓選區，然后刪除白色區域，再將選區減少2px~3px,為圓填充白色

使用photoshop箭頭形狀制作箭頭，完成后如下

|||

將導航按鈕進行復制，并合并達到一個圖層中，添加一個如下的陰影樣式，再加入按鈕文字

完成后圖

為了讓頁面增加一些變化的效果，使其看上去不呆板，我們導入一些圖片與斑跡筆刷

在圖片下放置一個圖層，用來放上聯系方式，這樣看上去是不是有點小創意？

為新圖層的圓角矩形添加樣式

放入聯系文字

|||

將之前做好的公司logo標志導入

放一張咖啡圖片，在其下制作網頁的主要區域

為上面的選區填充白色，隨后設置不透明度為40%

加入文字

為了充實頁面內容我們開始設置版面的擺放位置

如下圖這種圖片顯示方式十分得體，由于我們的公司網站顏色比較單一，所以在版面上就不能過于保守

制作兩個主要版塊區域，填充顏色使用#eae9e4 ，邊框顏色為#838274

加入圖片與文字以及按鈕，整個頁面中的按鈕我們都使用同樣的風格

|||

制作搜索條區域

制作公司網站的新聞區域

完成公司網站后的整體效果如下