@十萬個為什麼?：提到設計，運用攝影圖是其中一項基本手段，每件設計都或多或少都會用到。本文要剖析的并非攝影圖本身，而是網頁設計中運用和掌控攝影圖的流行趨勢。來跟上潮流 >>>

2015即將流行的設計趨勢：

• 大局篇：《我的征程是未來！帶你展望2015年最重要的網頁設計趨勢》
• 細節篇：《先人一步！帶你了解制霸2015年的網頁設計趨勢》
• 色彩篇：《跟上色彩潮流！帶你展望2015年的網頁設計配色趨勢》
• 排版篇：《緊跟潮流之布局篇！2015年至關重要的四種排版趨勢》

其中有些顯而易見、廣為人知，其他則頻頻使用，卻鮮有提及。當我們將同類趨勢收集整理成套，對此概念的認識則會超乎我們想象。而且，像這樣把各種趨勢對比著看，我們似乎會發現當下采用的方法并非最佳，可以找到更好的替代方案。

一、巨幅背景圖

首先考慮一項最盛行的趨勢。以下是一系列運用巨大照片作為背景圖的網站。毫不夸張地說，這是一種快被消滅掉的方式。但這并不是說就該禁止使用。每種趨勢都有它的意義。撰寫這個章節時，我的任務就是尋找那些沒有把這種風格作為權宜之計的網站。相反，我找的網站都帶著目的運用它，背景攝影圖在傳達網站信息方面，扮演著重要角色。瀏覽以下案例時請牢記這一點。

Getden

Kuhlabo

Mountvernon

Dustlayer

二、背景搭配前景內容

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

Meernotes

Masterdynamic

Losers

Art4web

三、單色照片

對設計師而言，把照片“PS”一下來適應設計并不新奇。這個系列采用同一種特定方式，將這個概念發揮到極致。設計師將照片轉為單色，尤其是非黑白的方式。盡管多數時候，這或許是風格上的決策，但我認為不止于此。顏色可以確定基調，傳達出微妙的信息。通過在照片中運用單色調，設計師能反映出單一的情感。藍色使人感到安全、穩固和協同。紅色使人感覺興奮、鮮活、充滿能量，諸如此類。通過將照片轉為單色風格，它呈現出一種新的傳達方式。

Emailestate

Thoughtbot

Beacancerkiller

Dgbrt

四、柔和色照片

這個系列的案例風格可能極度盛行，但老實說，它確實很時尚，而且有點使用過度。但是當我挖掘這類風格的案例時，我發現它并沒有我們想象中那么流行。這些網站基于色調柔和的照片。更明確地說，這些照片都有一種褪色、近乎復古的風格。最常見的是搭配白色文字，置于照片上方（下面5個案例中都有）。這種方式與潮流風有密切關聯，去年非常流行。最后，我很驚奇地發現，在我找到的這些案例中，幾乎每個都利用了裝飾性字體，置于照片之上。

Arabellaonboossa

Robert-thomas10

Agentace

Bobworsleyforsenate

五、營造基調和氛圍的照片

作為老師，我發現有些事總要我一遍遍地指導學生。其中之一就有關照片的選用。通常設計師會使用裝飾性照片，不會直接傳達出任何網站相關信息。比如，第一個案例是一組太空攝影集。它表面上并沒有表達出任何品牌相關內容。在從前，我的觀念中對這類裝飾性照片的選用相當嚴格。隨著對于照片運用的深入探索，這個觀念逐漸趨于緩和。這就是我喜愛剖析趨勢的原因，這樣我們可以打破主觀臆斷，為我們的設計發現嶄新的途徑。這些案例證明，營造基調和氛圍的裝飾性照片，對設計的成功非常有意義。鉆研這些案例，看看你是否同意。

Alessiosantangelo

Socalsydney

Ipsocreative

Bitopia

Newchildrenshospital

六、整理術

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

Jennetliaw

Pixelsandpurpose

Panfriedpixels

Wootten

結論

攝影圖片是設計師最天然的工具。通過研究這些使用方式和多種多樣的風格，希望你能發現新鮮的靈感。總而言之，我希望這個簡陋的案例集能幫你發現新鮮創意，為你的工作帶來啟迪和挑戰。

【不懼潮流！短期快速提高設計能力三部曲】

Step 1：設計第一步！版式設計基礎原則學起來！
《設計基礎功！幫你徹底掌握設計四大原則中的對比原則》

Step 2：設計第二步！配色好整個界面都高端了！
《秒變配色高手！怎么都不會錯的6條網頁設計配色原則》

Step 3：最后一步！來個實戰文你就全懂了！
《設計易容術！如何設計一張高品位高水準的海報？》

原文地址：webdesignerdepot
譯文地址：colachan
譯者：@十萬個為什麼

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量91萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：