近年來，各大權威知名網站的風格發生本質的變化；包括網站的框架、輪播圖、佈局等等都採用平面式的視覺元素；它們主要以色彩統一、佈局清晰、視覺明朗等特點成為目前主流網站的大眾化風格；下面本編人員就banner設計角度講解如何設計出大氣漂亮的網站模板和圖文。
工具/原料
Adobe Photoshop CS5軟體
雙核、2G、獨顯以上配置電腦
熟悉PS基本操作
方法/步驟
首先請大家先來賞析一張圖，我們從圖中看出幾點要素：
從該圖我們可以看出以下幾點：
1.整張圖都是以純色（平面色）為主導
2.背景色系統一暖色，並且是兩者之間的臨近色
3.層次關係明確，分為背景層、中間層、主觀層（主要內容層）
4.背景採用幾何圖形概念進行整體勾畫。因為我們主要是強調該圖的內容，所以背景無需做的華麗花哨，那樣反而讓人反感！
5.該圖字體表達內容明確，不含糊，字型流暢清晰。讓瀏覽者一目瞭然；
以上是針對該圖做出的主要幾點剖析。下面我們就開始一步步講解如何做出這樣的效果。
開始，開啟PS軟體並建立一個1400px*420px的背景，如圖；
然後新建一層，作為圖片背景層，利用《矩形選框工具》勾畫出基本的幾何圖形，在勾畫過程中可以對選框右擊進行旋轉、放大縮小。如圖
在網上找一個商務人物正面素材，最好能手持物品的狀態。然後進行摳圖剪下，並放到居中位置，居中方法是可以先把該圖層和背景層這兩個層都選中，然後連結圖層。完了點圖層→對齊→水平居中（注意操作的時候一定要兩個圖層都選中並且都連結在一起）。如圖：
最後一步，寫字排版；這部就比較簡單了，我用的字型是：方正正中黑簡體。然後大小間距適當即可，如圖：
做網頁美工的，不需要太多的顏色。簡簡單單，大大方方；就是權威。
注意事項
製作的時候一定不要色系反差太大，要有前後層次感。
在製作的過程中，可以停下來站到遠處看看整體效果，這會讓你有另一種境界