国产乱视频网站_久久亚洲一区二区三区四区_免费高清一级毛片_国产精品电影_国产精品乱码一区二区三区_美女天堂网

PS設計教程網歡迎你!

淺談網頁攝影圖在網頁設計中的應用技巧

文章來源于 站酷,感謝作者 呆呆笨 給我們帶來經精彩的文章!
設計教程/前端設計/前端設計2016-10-24
用圖像創造場景感,增強用戶的真實體驗,在設計網頁過程中,需要用到大量的圖片,而且找到的圖片大多風格迥異、無品牌感,那么如何找到合適而又能正確地應用圖片呢?

近些年來,攝影圖片作為背景填充整個屏幕的設計越來越廣泛,曾經只有時尚潮流網站或者攝影類站點才會特別依賴富有沖擊力的圖像,但是現在幾乎任何類型的網站都有可能采用這種大圖片作為背景,特別是企業品牌宣傳、產品介紹等等。

淺談網頁攝影圖在網頁設計中的應用技巧

在設計網頁過程中,需要用到大量的圖片,而且找到的圖片大多風格迥異、無品牌感,那么如何找到合適而又能正確地應用圖片呢?

如何正確選擇處理攝影圖

整理了一些經驗總結供大家參考:

1 .提煉關鍵詞尋找圖片

首先需要提煉產品特性關鍵詞,通過關鍵詞的形式尋找合適的圖片。

淺談網頁攝影圖在網頁設計中的應用技巧

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

淺談網頁攝影圖在網頁設計中的應用技巧

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

淺談網頁攝影圖在網頁設計中的應用技巧

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

2. 圖片品牌化

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

淺談網頁攝影圖在網頁設計中的應用技巧

Google Drive官網摘取出來的圖片,這些圖片不難發現無論在色調、色彩飽和度上是一致的,特點是低飽和度、顏色深沉和圖片噪點,顏色上新穎有特色、風格上具有明顯的品牌統一性。

淺談網頁攝影圖在網頁設計中的應用技巧

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

淺談網頁攝影圖在網頁設計中的應用技巧

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

3. 背景搭配前景內容

有 的設計師聰明地將攝影圖同時作為背景和前景元素,對巨幅背景圖做的這種變通深得我心。在這些設計中,照片以裝飾性的形式填滿整個背景。同時突顯了照片中的 某些元素。這通常是通過縱深來實現的,產品或前景元素被置于焦點區域。這種視覺區域的混合,使照片具備一種格調,同時內容也意圖鮮明。這種頗具挑戰的方 式,需要對照片有所規劃和協調,以下是我最喜歡的一些案例。

淺談網頁攝影圖在網頁設計中的應用技巧

4. 運用單色傳遞情感

設計師將照片轉為單色,尤其是非黑白的方式。盡 管多數時候,這或許是風格上的決策,但我認為不止于此。顏色可以確定基調,傳達出微妙的信息。通過在照片中運用單色調,設計師能反映出單一的情感。藍色使 人感到安全、穩固和協同。紅色使人感覺興奮、鮮活、充滿能量,諸如此類。通過將照片轉為單色風格,它呈現出一種新的傳達方式。

淺談網頁攝影圖在網頁設計中的應用技巧

淺談網頁攝影圖在網頁設計中的應用技巧

[url=https://thoughtbot.com/][/url]

5. 秩序條理的整理術

整理術是將物體平行或者90度排列,來創造一種條理。這種方式非常小眾和獨特,設計師們很少使用這種風格。同樣 的,這種風格通常和潮流風設計有關,但不止于此。這些照片反映出內容之外、照片本身的含義(這當然是有意義的)。它們暗示著照片背后的品質,透露出一絲秩 序、方法和條理。這些是好的品質,尤其是用來指代設計師和機構。

淺談網頁攝影圖在網頁設計中的應用技巧

淺談網頁攝影圖在網頁設計中的應用技巧

總結

攝影圖片作為背景的設計風格,這種設計方式雖然非常強有力地抓住用戶的注意力,能準確應用圖片而達到更大的體驗效果是非常重要的,如果去掌握,了解項目背景,不能盲目運用。

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 午夜视频网站 | 91精品久久久久久 | 亚洲欧美一区二区三区在线 | 999这里只有是极品 欧洲一区二区三区免费视频 | 国产一区二区 | 91高清在线观看 | 一区二区三区四区在线 | 久草视| 欧美三级电影在线播放 | 亚洲国产视频一区 | 美女一区 | 男人天堂社区 | 日韩欧美国产网站 | 欧美福利影院 | 日韩欧美www| 色视频网站在线观看 | 在线h观看 | 免费黄色小视频 | 国产精品一区免费 | 在线视频二区 | 伊人网综合视频 | 日韩美女亚洲99久久二区 | 亚洲骚片 | 国产美女永久免费无遮挡 | 精品久久久一区 | 国产艹 | 中文精品一区二区三区 | 日韩精品在线一区 | 久草资源在线 | 亚洲欧美综合精品久久成人 | 欧美精品在线观看免费 | 久色| 91婷婷射| 亚洲黄色在线观看 | 欧美日韩国产在线 | 色综合久久久 | 福利视频一区二区三区 | 天堂中文字幕 | 午夜小视频在线观看 | 成人久久免费 | 成人欧美一区二区三区黑人麻豆 |