這次介紹的是筆記本類數碼科技公司網站界面的設計流程，整體來說這類網站都是走的簡潔大方的設計風格。

在photoshop中新建1000x960大小文件，白色背景，在網頁版面頭部制作兩條矩形，一條80px高，顏色#e9eacf，一條240px高度，顏色#62c0e6

使用選區工具劃分選區

為選區添加圖層樣式

 |||

再次選中如下選區

添加圖層樣式

完成后效果圖

|||

在網站頭部下選中區域，進行隨意顏色的填充

然后添加圖層樣式

為我們之前的所有漸變效果圖形增加量邊的立體邊框，用選區工具選中如下圖區域

填充黑色，然后使用"濾鏡>模糊>高斯模糊"，設置2px，將圖層不透明度設置為35%，去掉中間區塊，保留兩邊的黑色邊框線

|||

使用鋼筆進行弧線選區，如下

填充白色，設置圖層不透明度為5%

復制圖層一次，并向上移動一定距離，并刪除藍色矩形外的圖形

再復制兩次圖層，進行翻轉移動等位置的調整，可以調出如下的效果圖

加入公司網站的logo標志與導航文字

導入banner圖片

|||

我們為筆記本電腦圖片制作倒影，方式是先進性圖片復制，然后調整不透明度，再將不需要的部分進行剪切

加入一些其他元素，這里我們放入蝴蝶的圖片

放入公司網站的文字介紹

|||

其他相對簡單，無非是圖片與文字內容的排版

完成后的公司網站整體效果如下，本文的網站設計風格比較淡雅與樸素，主要適用與科技類公司網站