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