網(wǎng)頁大圖片如何設計

　　用圖像創(chuàng)造場景感，增強用戶的真實體驗。那么大家知道網(wǎng)頁大圖片如何設計呢?下面一起來看看!

　　如何正確設計應用圖片

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

　　1 .提煉關鍵詞尋找圖片

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

　　上圖是google云盤官網(wǎng)banner背景為一張在飛機向外看的圖片，不難發(fā)現(xiàn)用這種比擬手法來表現(xiàn)云盤的口號“隨時隨地使用”，在任何時候、任何地點都可以使用文件。換位思考，假如我們來設計google云盤官網(wǎng)，首先提煉出關鍵詞：隨時隨地、自動同步、超大空間等等，用最能突出特點和有代表性的關鍵詞來尋找合適的圖片。

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

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

　　2. 圖片品牌化

　　什么是圖片品牌化?通過關鍵詞尋找到的圖片進行深度加工處理，使之在項目中運用到的圖片都是一整套的、風格統(tǒng)一的，比如可以在圖片的色調(diào)、色彩飽和度與特色風格上做調(diào)整等等，下面舉幾個案例。

　　Google Drive官網(wǎng)摘取出來的圖片，這些圖片不難發(fā)現(xiàn)無論在色調(diào)、色彩飽和度上是一致的，特點是低飽和度、顏色深沉和圖片噪點，顏色上新穎有特色、風格上具有明顯的品牌統(tǒng)一性。

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

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

　　項目實踐

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

　　總結(jié)

　　大圖片作為背景的設計風格，這種設計方式雖然非常強有力地抓住用戶的注意力，能準確應用圖片而達到更大的體驗效果是非常重要的，如果去掌握，了解項目背景，利用關鍵詞的方式尋找更合適的圖片，此外還需關注用戶對產(chǎn)品的印象程度，那么圖片的品牌化就顯得格外重要，把產(chǎn)品所用的圖片設計為一整套統(tǒng)一的風格出來的效果是不可估量的。

【網(wǎng)頁大圖片如何設計】相關文章：

如何使用網(wǎng)頁設計中的圖片敘事07-28

如何在網(wǎng)頁設計中使用圖片07-09

如何為網(wǎng)頁搭配圖片10-09

網(wǎng)頁圖片設計的常用技巧08-12

網(wǎng)頁設計圖片的使用技巧08-16

網(wǎng)頁設計中圖片的排版方法09-14

網(wǎng)頁設計中圖片的使用技巧10-08

網(wǎng)頁設計中的圖片使用技巧08-28

網(wǎng)頁設計中圖片常用的技巧08-17