圖片加載失敗
首頁 動态

Our News

動态

如(rú)何快(kuài)速準确找¶ ✘§到(dào)合适的(de)網頁背景大(d♥∞à)圖


  今天的(de)找圖技(jì)巧針對(duì)企業(¶§yè)品牌宣傳和(hé)産品介紹兩方面,手把手教你(nǐ)找到(dào)契合産品<™氣質的(de)背景大(dà)圖,有(yǒu)競品有(yǒu)分(fēn)析有(y₽™$δǒu)實踐,找圖姿勢不(bù)對(duì)?


  用(yòng)圖像創造場(chǎng)景感,增強用(yòng)戶的(de)真實®≠體(tǐ)驗,近(jìn)些(xiē)年(nián)來(lái),圖片作(zuò)₹​♠↔為(wèi)背景填充整個(gè)屏幕的(de)設計(jì)越來(lái)越廣泛,曾經隻有(yǒu)​​ 時(shí)尚潮流網站(zhàn)或者攝影(yǐ♠♥σng)類站(zhàn)點才會(huì)特别依賴富有(yǒu)沖擊力的(de)圖像,但(dà> ✔♥n)是(shì)現(xiàn)在幾乎任何↔®類型的(de)網站(zhàn)都(dōu<α)有(yǒu)可(kě)能(néng)采用(yòng)這(zhè)種大(dà)圖片作(zu♠••ò)為(wèi)背景,特别是(shì)企業(yè)品牌宣傳、産品介紹等等。

  在設計(jì)網頁過程中,需要(yào)用(yòng)到(dào)大(dà)量的(de) ÷↕★圖片,而且找到(dào)的(de)圖片大(dà)多(duō)風(fēng)格迥異、無₽β' 品牌感,那(nà)麽如(rú)何找到(dào)合适而又(yò★β"★u)能(néng)正确地(dì)應用(yòng)圖片呢(ne)?

  如(rú)何正确應用(yòng)圖片

  內(nèi)蒙古網站(zhàn)制(zhì)作(zuò),內(nèi)蒙古網站(zhàn)←φ設計(jì),內(nèi)蒙古網站(zhàn)建設,呼和(hé)浩特網站(zhà€∞₽↑n)建設,呼和(hé)浩特網站(zhàn)制(zhìδ¥)作(zuò)、呼和(hé)浩特網站(zhàn)設計(jì)首選內(nèi)蒙古呼和(hé)浩特ε∏先誠網絡科(kē)技(jì)公司、、、先誠官網:/ 
  
  注:本文(wén)均來(lái)自(zì)百度搜♠<σ♣索,如(rú)涉及版權問(wèn)題,請(q™∞>∑ǐng)聯系我們,我們會(huì)第一(yī)時(shí)間(jiπ¶₩πān)解決。

  整理(lǐ)了(le)一(yī)些(xiē)經驗總結供大(dà)家(j÷λiā)參考:

  1 .提煉關鍵詞尋找圖片

  首先需要(yào)提煉産品特性關鍵詞,通(tōng)過關鍵詞♦σ♠≠的(de)形式尋找合适的(de)圖片。

  google雲盤官網banner背景為(wèi)一(yī)張在飛(fēi)δ•↓機(jī)向外(wài)看(kàn)的(de)圖片,不(bù)難發現(xiàn)用(yòβ δ‍ng)這(zhè)種比拟手法來(lái)表現←‌(xiàn)雲盤的(de)口号“随時(shí)随地(dì)使用(yòng)”,☆₹在任何時(shí)候、任何地(dì)點都(dōu)可(kě)以使用(yòng)文(wé₹<↕n)件(jiàn)。換位思考,假如(rú)我®₹♣們來(lái)設計(jì)google雲盤官•'↔★網,首先提煉出關鍵詞:随時(shí)随地(dì)、自(zì)動同步、超大(dà)空(kōng)間→≈∏♠(jiān)等等,用(yòng)最能(néng)突出特點וβ和(hé)有(yǒu)代表性的(de)關鍵詞來(lái)尋找™¥合适的(de)圖片。

  IBM旗下(xià)的(de)MobileFirst産品,其主要(yào)為(wèi)用α✔‍(yòng)戶移動應用(yòng)從(cóng)創建到(dào)維護' 推出的(de)一(yī)體(tǐ)化(huà)解決方案為(wèi)廣大(dà)用ε§ε(yòng)戶提供更便利服務,那(nà)麽根據≈α€↕項目提煉出關鍵詞:手機(jī)、用(yòng)戶,該網站(zhàn)用πφ (yòng)了(le)一(yī)張人(r≤₹"én)拿(ná)著(zhe)手機(jī)進行(xíng)使用(yòng)的(de)圖片→ ,目的(de)是(shì)為(wèi)了(l£λ→e)突出項目的(de)業(yè)務特點。分(fēn)别為(wèi)蘋≥​✘÷果官網、研究無線電(diàn)技(jì)術(shù)企業(yè)——高↔'(gāo)通(tōng)的(de)網站(zhàn)中運用(yòng)的(de)圖片→π↓¥同樣也(yě)是(shì)通(tōng)過産品特點提煉的(de)關鍵✔↑​✘詞來(lái)完成圖片的(de)選用(yòng)。

  2. 圖片品牌化(huà)

  什(shén)麽是(shì)圖片品牌化(huà ¶★↕)?通(tōng)過關鍵詞尋找到(dào)的(de)圖片進行(xínα©φg)深度加工(gōng)處理(lǐ),使之在項目中運用(yòng)到(dào)的(de)¶★£β圖片都(dōu)是(shì)一(yī)整套的(de)、風(fēng)格統一(yī)的(d±↓ •e),比如(rú)可(kě)以在圖片的(de)色調、色彩飽和(hé✘→Ω≈)度與特色風(fēng)格上(shàng)做(z←€φuò)調整等等,下(xià)面舉幾個(gè £‌♥)案例。

  Google Drive官網摘取出來(l≤♣ái)的(de)圖片,這(zhè)些(xiē)圖片不(bù)難發現(xiàn)無論在色調、$Ω≈色彩飽和(hé)度上(shàng)是(shì)一(yī)緻的(de),特點是(shì)低(dī♥®>)飽和(hé)度、顔色深沉和(hé)圖片ε <"噪點,顔色上(shàng)新穎有(yǒu)特色、風(fēng)格上(shàn≥γg)具有(yǒu)明(míng)顯的(de)品牌統一(§©☆yī)性。

  SAP公司官網的(de)系列圖片,作(zuò)為(wèi♠φ∑)全球最大(dà)的(de)B2B企業(≠®≤yè)為(wèi)各行(xíng)各業(yè)、不(bù)♦ 同規模的(de)其他(tā)企業(yè)提供解決方案,正如(rú)它運用(yòng)不(bù) λ"同行(xíng)業(yè)場(chǎng)景的(de)圖¶​★片一(yī)樣:色彩豐富、但(dàn)色調又(yòu)不(bù)過于鮮豔,它們所有(yǒu)用(y→λβ¥òng)到(dào)的(de)圖片都(dōu)有(y☆₹ǒu)這(zhè)些(xiē)特點。

  美(měi)國(guó)高(gāo)通(tōng)網站(zhàn)的(de)品牌宣傳圖片​÷讓人(rén)印象深刻,品牌特點獨樹(shù)一(yī)熾,顔色上(shàng)運用(yòng)冷‌©(lěng)暖搭配,加以漸變效果巧妙地(dì)疊加于圖片上(shàng→§‌π),雖然顔色種類不(bù)多(duō),但(dàn)能(néng)在風(f¥>ēng)格、品牌上(shàng)具有(yǒu)強烈的(de)統一(yī)性,讓 ‍<人(rén)對(duì)品牌辨識度有(yǒu)更加深刻的(de)記憶性。

  項目實踐

  去(qù)年(nián)做(zuò)了(le)幾個(gè)騰δδ‍®訊雲的(de)項目改版,嘗試新的(de)風(↕>←fēng)格探索,排版上(shàng)采用(yòng)了(le)大(dà)圖片為(wèi)背景。© 設計(jì)過程中考慮到(dào)産品的(de)長δ¶(cháng)遠(yuǎn)發展,通(tōng)過研究後發現$♥™'(xiàn)圖片統一(yī)風(fēng)格在産品品牌推廣上(shàng)有(yǒu)著(z‍βhe)非常重要(yào)的(de)作(zuò)用(yòng)♦₩Ω,通(tōng)過幾經打磨快(kuài)速整理(lǐ)了(le)實現(x≥€iàn)方案。騰訊雲線上(shàng)新版本的(de≥≥←)頁面圖片已經實現(xiàn)了(le)統一(yī)風(fēng)格。

  總結

  大(dà)圖片作(zuò)為(wèi)背景的(de)設計♠₽(jì)風(fēng)格,這(zhè)種設計(jì)方式雖然非常強有≤✔(yǒu)力地(dì)抓住用(yòng)戶的(de)注意力,能(nén©✘↑↕g)準确應用(yòng)圖片而達到(dào)更大(dà)的(deλ✘€±)體(tǐ)驗效果是(shì)非常重要(yào)的(de),如(rú)果去(÷≤>qù)掌握,了(le)解項目背景,利用(yòng)關鍵詞的(de)方式尋找更合∞≤σ‌适的(de)圖片,此外(wài)還(hái)需關注用(yòng)戶對(duì)産品§β的(de)印象程度,那(nà)麽圖片的(de)品牌化(huà)就(jiù)顯得(de)格外Ω (wài)重要(yào),把産品所用(yòng)的(d™✘e)圖片設計(jì)為(wèi)一(yī)‍★↑整套統一(yī)的(de)風(fēng)格出來(lái)的(de)效果是(shì)不(bδ↑‍€ù)可(kě)估量的(de)。

原文(wén)地(dì)址:騰訊ISUX
作(zuò)者:leey