在設計網頁過程中，需要用到大量的圖片，而且找到的圖片大多風格迥異、無品牌感，那麼如何找到合適而又能正確地應用圖片呢?攝影圖片作為背景的設計風格，這種設計方式雖然非常強有力地抓住使用者的注意力，能準確應用圖片而達到更大的體驗效果是非常重要的，如果去掌握，瞭解專案背景，不能盲目運用。
top1:提煉關鍵詞尋找圖片
首先需要提煉產品特性關鍵詞，通過關鍵詞的形式尋找合適的圖片。google雲盤官網banner背景為一張在飛機向外看的圖片，不難發現用這種比擬手法來表現雲盤的口號“隨時隨地使用”，在任何時候、任何地點都 可以使用檔案。換位思考，假如我們來設計google雲盤官網，首先提煉出關鍵詞：隨時隨地、自動同步、超大空間等等，用最能突出特點和有代表性的關鍵詞 來尋找合適的圖片。
top2:圖片品牌化
什麼是圖片品牌化?通過關鍵詞尋找到的圖片進行深度加工處理，使之在專案中運用到的圖片都是一整套的、風格統一的，比如可以在圖片的色調、色彩飽和度與特色風格上做調整等等，下面舉幾個案例。Google Drive官網摘取出來的圖片，這些圖片不難發現無論在色調、色彩飽和度上是一致的，特點是低飽和度、顏色深沉和圖片噪點，顏色上新穎有特色、風格上具有明顯的品牌統一性。
top3:背景搭配前景內容
有 的設計師聰明地將攝影圖同時作為背景和前景元素，對巨幅背景圖做的這種變通深得我心。在這些設計中，照片以裝飾性的形式填滿整個背景。同時突顯了照片中的 某些元素。這通常是通過縱深來實現的，產品或前景元素被置於焦點區域。這種視覺區域的混合，使照片具備一種格調，同時內容也意圖鮮明。這種頗具挑戰的`方 式，需要對照片有所規劃和協調，以下是我最喜歡的一些案例。
top4:運用單色傳遞情感
設計師將照片轉為單色，尤其是非黑白的方式。盡 管多數時候，這或許是風格上的決策，但我認為不止於此。顏色可以確定基調，傳達出微妙的資訊。通過在照片中運用單色調，設計師能反映出單一的情感。藍色使 人感到安全、穩固和協同。紅色使人感覺興奮、鮮活、充滿能量，諸如此類。通過將照片轉為單色風格，它呈現出一種新的傳達方式。
top5:秩序條理的整理術
整理術是將物體平行或者90度排列，來創造一種條理。這種方式非常小眾和獨特，設計師們很少使用這種風格。同樣 的，這種風格通常和潮流風設計有關，但不止於此。這些照片反映出內容之外、照片本身的含義(這當然是有意義的)。它們暗示著照片背後的品質，透露出一絲秩 序、方法和條理。這些是好的品質，尤其是用來指代設計師和機構。
歲數大了，QQ也不閃了，微信也不響了，電話也不來了，但是依舊堅持為大家推薦最精彩的內容，下面為大家精心準備的PS設計網頁樣圖：有技巧性的粉色網站，希望大家看完後能趕快學習起來。
PS設計網頁樣圖：有技巧性的粉色網站
最終結果
教程資源：風車筆刷 心形標誌 圖示包 字型包 教程開始
1。 開啟Photoshop和建立一個新文件的尺寸1200 × 1000。
製作背景
2. 第一個方面，我們將開始的是背景。 使用您的油漆桶工具（G）的填充＃FD6E8A你的背景層。
3. 我們希望創造一個圓點圖案，我們可以新增到我們的背景。 要做到這一點，我們需要建立一個新文件的尺寸45 × (整理)53。
4. 建立一個新的透明層和刪除你的背景層。接下來新增橢圓工具按以下方式兩個圓圈。我用橢圓選取框。
5. 轉到“編輯”定義圖案“，然後插入您的圓點圖案名稱的名稱。 然後可以關閉了這個檔案，並返回到您的模板，我們將使用我們的新建立的格局。
6. 在你的圖層調色盤建立一個新的空白圖層，並將其命名點。 使用您的圖案郵票（S）和發現在下拉選單中的圓點刷。 然後繼續用大刷子刷軟，直到你有結果類似於以下內容：
7.然後，降低你的點層的不透明度約2％。 這將保持在非常微妙的背景。
8. 現在使用橢圓工具，建立一個圓圈，像下面的樣子：
9. 然後，我們要用我們的鋼筆工具（P）來建立一個看起來像下面的頂部形狀：
10. 做完上一步，選擇這兩個層，然後右鍵單擊並選擇合併到一個層，把一層他們。降低你的層不透明度19％左右。然後，我們要重複兩次CTRL+ j，這一層 以下列方式移動你的形狀。讓你的第二個副本24％不透明度，然後讓你的第三個42％。
11. 最後，我們將增加觸控到我們的背景是，增加了風車效果。 我們將使用從刷一刷這個包 。隨後設定顏色＃FD6E8A前景，放置在它下面的方式。我不透明度降低至約22％。
