用圖像創(chuàng)造場景感，增強(qiáng)用戶的真實(shí)體驗，近些年來，圖片作為背景填充整個屏幕的成都網(wǎng)頁設(shè)計越來越廣泛，曾經(jīng)只有時尚潮流網(wǎng)站或者攝影類站點(diǎn)才會特別依賴富有沖擊力的圖像，但是現(xiàn)在幾乎任何類型的網(wǎng)站都有可能采用這種大圖片作為背景，特別是企業(yè)品牌宣傳、產(chǎn)品介紹等等。

在設(shè)計網(wǎng)頁過程中，需要用到大量的圖片，而且找到的圖片大多風(fēng)格迥異、無品牌感，那么如何找到合適而又能正確地應(yīng)用圖片呢？

如何正確應(yīng)用圖片

整理了一些經(jīng)驗總結(jié)供大家參考：

1 .提煉關(guān)鍵詞尋找圖片

首先需要提煉產(chǎn)品特性關(guān)鍵詞，通過關(guān)鍵詞的形式尋找合適的圖片。 上圖是google云盤官網(wǎng)banner背景為一張在飛機(jī)向外看的圖片，不難發(fā)現(xiàn)用這種比擬手法來表現(xiàn)云盤的口號“隨時隨地使用”，在任何時候、任何地點(diǎn)都可以使用文件。換位思考，假如我們來設(shè)計google云盤官網(wǎng)，首先提煉出關(guān)鍵詞：隨時隨地、自動同步、超大空間等等，用最能突出特點(diǎn)和有代表性的關(guān)鍵詞來尋找合適的圖片。 上圖是IBM旗下的MobileFirst產(chǎn)品，其主要為用戶移動應(yīng)用從創(chuàng)建到維護(hù)推出的一體化解決方案為廣大用戶提供更便利服務(wù)，那么根據(jù)項目提煉出關(guān)鍵詞：手機(jī)、用戶，該網(wǎng)站用了一張人拿著手機(jī)進(jìn)行使用的圖片，目的是為了突出項目的業(yè)務(wù)特點(diǎn)。

上圖分別為蘋果官網(wǎng)、研究無線電技術(shù)企業(yè)—高通的網(wǎng)站中運(yùn)用的圖片同樣也是通過產(chǎn)品特點(diǎn)提煉的關(guān)鍵詞來完成圖片的選用。

2. 圖片品牌化

什么是圖片品牌化？通過關(guān)鍵詞尋找到的圖片進(jìn)行深度加工處理，使之在項目中運(yùn)用到的圖片都是一整套的、風(fēng)格統(tǒng)一的，比如可以在圖片的色調(diào)、色彩飽和度與特色風(fēng)格上做調(diào)整等等，下面舉幾個案例。 Google Drive官網(wǎng)摘取出來的圖片，這些圖片不難發(fā)現(xiàn)無論在色調(diào)、色彩飽和度上是一致的，特點(diǎn)是低飽和度、顏色深沉和圖片噪點(diǎn)，顏色上新穎有特色、風(fēng)格上具有明顯的品牌統(tǒng)一性。 上圖為SAP公司官網(wǎng)的系列圖片，作為全球大的B2B企業(yè)為各行各業(yè)、不同規(guī)模的其他企業(yè)提供解決方案，正如它運(yùn)用不同行業(yè)場景的圖片一樣：色彩豐富、但色調(diào)又不過于鮮艷，它們所有用到的圖片都有這些特點(diǎn)。

美國高通網(wǎng)站的品牌宣傳圖片讓人印象深刻，品牌特點(diǎn)獨(dú)樹一熾，顏色上運(yùn)用冷暖搭配，加以漸變效果巧妙地疊加于圖片上，雖然顏色種類不多，但能在風(fēng)格、品牌上具有強(qiáng)烈的統(tǒng)一性，讓人對品牌辨識度有更加深刻的記憶性。

項目實(shí)踐

去年做了幾個騰訊云的項目改版，嘗試新的風(fēng)格探索，排版上采用了大圖片為背景。設(shè)計過程中考慮到產(chǎn)品的長遠(yuǎn)發(fā)展，通過研究后發(fā)現(xiàn)圖片統(tǒng)一風(fēng)格在產(chǎn)品品牌推廣上有著非常重要的作用，通過幾經(jīng)打磨快速整理了實(shí)現(xiàn)方案。騰訊云線上新版本的頁面圖片已經(jīng)實(shí)現(xiàn)了統(tǒng)一風(fēng)格。

總結(jié)

大圖片作為背景的設(shè)計風(fēng)格，這種設(shè)計方式雖然非常強(qiáng)有力地抓住用戶的注意力，能準(zhǔn)確應(yīng)用圖片而達(dá)到更大的體驗效果是非常重要的，如果去掌握，了解項目背景，利用關(guān)鍵詞的方式尋找更合適的圖片，此外還需關(guān)注用戶對產(chǎn)品的印象程度，那么圖片的品牌化就顯得格外重要，把產(chǎn)品所用的圖片設(shè)計為一整套統(tǒng)一的風(fēng)格出來的效果是不可估量的。 請登錄網(wǎng)站了解更多 成都創(chuàng)新互聯(lián)科技有限公司 的 成都網(wǎng)頁設(shè)計 http:// chengdu.cdcxhl.com 相關(guān)信息

分享題目：設(shè)計師找圖技巧！如何快速準(zhǔn)確找到合適的網(wǎng)頁背景大圖？
文章地址：http://www.rwnh.cn/news/43629.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、網(wǎng)站內(nèi)鏈、移動網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、響應(yīng)式網(wǎng)站、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)