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