網(wǎng)頁(yè)設(shè)計(jì):應(yīng)用背景大圖更起范兒!

(因?yàn)g覽器原因茫蛹,內(nèi)容如有缺失操刀,請(qǐng)戳原文地址:艾藝信息

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

在設(shè)計(jì)網(wǎng)頁(yè)過(guò)程中礁遣,需要用到大量的圖片,而且找到的圖片大多風(fēng)格迥異肩刃、無(wú)品牌感祟霍,那么如何找到合適而又能正確地應(yīng)用圖片呢杏头?

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

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

1

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

首先需要提煉產(chǎn)品特性關(guān)鍵詞,通過(guò)關(guān)鍵詞的形式尋找合適的圖片沸呐。

上圖是google云盤官網(wǎng)banner背景為一張?jiān)陲w機(jī)向外看的圖片醇王,不難發(fā)現(xiàn)用這種比擬手法來(lái)表現(xiàn)云盤的口號(hào)“隨時(shí)隨地使用”,在任何時(shí)候崭添、任何地點(diǎn)都可以使用文件寓娩。換位思考,假如我們來(lái)設(shè)計(jì)google云盤官網(wǎng)呼渣,首先提煉出關(guān)鍵詞:隨時(shí)隨地棘伴、自動(dòng)同步、超大空間等等徙邻,用最能突出特點(diǎn)和有代表性的關(guān)鍵詞來(lái)尋找合適的圖片排嫌。

上圖是IBM旗下的MobileFirst產(chǎn)品畸裳,其主要為用戶移動(dòng)應(yīng)用從創(chuàng)建到維護(hù)推出的一體化解決方案為廣大用戶提供更便利服務(wù)缰犁,那么根據(jù)項(xiàng)目提煉出關(guān)鍵詞:手機(jī)、用戶怖糊,該網(wǎng)站用了一張人拿著手機(jī)進(jìn)行使用的圖片帅容,目的是為了突出項(xiàng)目的業(yè)務(wù)特點(diǎn)。

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

2

圖片品牌化

什么是圖片品牌化?通過(guò)關(guān)鍵詞尋找到的圖片進(jìn)行深度加工處理扰魂,使之在項(xiàng)目中運(yùn)用到的圖片都是一整套的麦乞、風(fēng)格統(tǒng)一的,比如可以在圖片的色調(diào)劝评、色彩飽和度與特色風(fēng)格上做調(diào)整等等姐直,下面舉幾個(gè)案例。

Google Drive官網(wǎng)摘取出來(lái)的圖片蒋畜,這些圖片不難發(fā)現(xiàn)無(wú)論在色調(diào)声畏、色彩飽和度上是一致的,特點(diǎn)是低飽和度姻成、顏色深沉和圖片噪點(diǎn)插龄,顏色上新穎有特色、風(fēng)格上具有明顯的品牌統(tǒng)一性科展。

上圖為SAP公司官網(wǎng)的系列圖片均牢,作為全球最大的B2B企業(yè)為各行各業(yè)、不同規(guī)模的其他企業(yè)提供解決方案才睹,正如它運(yùn)用不同行業(yè)場(chǎng)景的圖片一樣:色彩豐富徘跪、但色調(diào)又不過(guò)于鮮艷见秤,它們所有用到的圖片都有這些特點(diǎn)。

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

項(xiàng)目實(shí)踐

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

總結(jié)

大圖片作為背景的設(shè)計(jì)風(fēng)格胸竞,這種設(shè)計(jì)方式雖然非常強(qiáng)有力地抓住用戶的注意力欺嗤,能準(zhǔn)確應(yīng)用圖片而達(dá)到更大的體驗(yàn)效果是非常重要的,如果去掌握卫枝,了解項(xiàng)目背景煎饼,利用關(guān)鍵詞的方式尋找更合適的圖片,此外還需關(guān)注用戶對(duì)產(chǎn)品的印象程度校赤,那么圖片的品牌化就顯得格外重要吆玖,把產(chǎn)品所用的圖片設(shè)計(jì)為一整套統(tǒng)一的風(fēng)格出來(lái)的效果是不可估量的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末马篮,一起剝皮案震驚了整個(gè)濱河市沾乘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌积蔚,老刑警劉巖意鲸,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異尽爆,居然都是意外死亡怎顾,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門漱贱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)槐雾,“玉大人,你說(shuō)我怎么就攤上這事幅狮∧记浚” “怎么了株灸?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)擎值。 經(jīng)常有香客問(wèn)我慌烧,道長(zhǎng),這世上最難降的妖魔是什么鸠儿? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任屹蚊,我火速辦了婚禮,結(jié)果婚禮上进每,老公的妹妹穿的比我還像新娘汹粤。我一直安慰自己,他們只是感情好田晚,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布嘱兼。 她就那樣靜靜地躺著,像睡著了一般贤徒。 火紅的嫁衣襯著肌膚如雪芹壕。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,166評(píng)論 1 284
  • 那天泞莉,我揣著相機(jī)與錄音哪雕,去河邊找鬼船殉。 笑死鲫趁,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的利虫。 我是一名探鬼主播挨厚,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼糠惫!你這毒婦竟也來(lái)了疫剃?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤硼讽,失蹤者是張志新(化名)和其女友劉穎巢价,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體固阁,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡壤躲,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了备燃。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片碉克。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖并齐,靈堂內(nèi)的尸體忽然破棺而出漏麦,到底是詐尸還是另有隱情客税,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布撕贞,位于F島的核電站更耻,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏捏膨。R本人自食惡果不足惜酥夭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望脊奋。 院中可真熱鬧熬北,春花似錦、人聲如沸诚隙。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)久又。三九已至巫延,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間地消,已是汗流浹背炉峰。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留脉执,地道東北人疼阔。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像半夷,于是被迫代替她去往敵國(guó)和親婆廊。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容