包含精美照片可以將普通網頁變成視覺上吸引人的網頁。但不只是任何舊照片都可以。決定正確的圖像是我們應該仔細考慮的事情。
然而,有時候,設計師不一定能做出這個決定。例如,您是否曾經從客戶那里獲得過不太好的圖像?他們可能會堅持使用它,即使它會剝奪其網站的整體美感。
即便如此,仍有機會挽救這一天。這一切都是為了更好地理解攝影在網頁設計中的作用。如果我們能夠教育我們的客戶和我們自己,我們可以避免客戶用他們10年歷史的手機拍攝的那些顆粒狀的,不合時宜的圖像。在它的位置將是一個有吸引力和相關的照片,增加了整體體驗。
考慮到這一點,這里有一些有用的技巧,為您的網站選擇最好的照片。
考慮主題問題
首先,照片應該反映您內容的主題 - 至少在某種程度上。這個不是一門精確的科學,通常可以解釋。
當然,最簡單的方法是聘請專業人士為您拍攝現場圖像。但這也超出了許多企業的預算。這導致我們不可避免地使用股票照片。
如果你正在進行攝影取材,你可能并不需要在主題上完全匹配。但你仍然可以瞄準基本的想法(即使它有點通用)。
舉個例子,假設你寫了一篇關于聘請鋼琴調音師的原因的博客文章。也許你無法訪問執行實際工作的人的精彩圖像。但很可能你可以找到鋼琴的照片。更好的是,專注于其內在部分。
目標是找到有助于使用戶專注于特定主題的圖像。完美不是必需的,但盡量不要偏離內容的主題太遠。
考慮顏色和后處理
由于Adobe Photoshop甚至CSS 等工具的奇跡,我們最初在圖像中找到的顏色不一定要保持這種狀態。我們可以改變色調,飽和度甚至轉換為黑白。
不過,值得考慮哪種顏色對您的項目最有意義。諸如您網站的整體設計之類的項目可能是一個重要因素,您正在尋找的心情也是如此。
如果您的網站背景較暗,并且想要做出大膽的陳述,那么一張色彩鮮艷的照片可能正是醫生所要求的。但是,如果你正在尋找更嚴肅和低調的東西,黑白可能就是完美的。
您計劃使用的任何后處理效果也應該是一個考慮因素。并非您找到的每張圖片都適合您正在使用的特定濾鏡。
例如,如果您要在網站的每個頁面上對一系列標題圖像應用顏色疊加,則需要確保在應用效果時您選擇的照片看起來一致。如果特定圖像看起來不合適,則可能不適合此場景。
大小和方向很重要
無論您是拍攝自己的照片還是從庫存服務下載,您選擇的圖像可能會在添加到您的網站之前被裁剪為較小的尺寸。即使使用寬帶連接和4k顯示器,巨大的圖像(具有同樣大的下載大小)也不是非常用戶友好。
因此,考慮如何計劃在您的網站上使用特定圖片非常重要。裁剪會對它產生什么影響?這是圖像的像素大小及其方向發揮作用的地方。
例如,在給主頁大橫幅圖(banner)拍攝背景圖像。在這種情況下,通常最好使用寬廣的風景照片。試圖將高大的,面向肖像的照片變成短而寬的照片通常會遺漏太多細節。
同時,像素大小也很重要。理想情況下,最好選擇比您需要的圖像更大的圖像,以便您有足夠的空間來裁剪它們。吹出小圖像通常會導致顯示質量非常差。因此,尋找可以降低到所需大小的東西。
并且,不要忘記移動!根據您使用圖像的方式,您可能需要調整樣式以使圖像在小屏幕上看起來像素完美。圖像在大屏幕上看起來也很棒,但在小屏幕上效果不佳。這可能意味著必須使用響應式網頁來配合圖片的尺寸(coolsite360可以方便的制作響應式網頁)。
關于你客戶的可怕照片
之前我們曾提到客戶堅持使用特定照片(又稱“ 錯誤 ”照片)的情況。在這些情況下,很容易將其視為一個壞主意 - 也許就是這樣。但是,認識到他們的感受和思考過程也是明智的。
為了更好地理解這一點,您可能需要進行一些探測。通過誠實和禮貌地陳述您對圖像的任何疑慮開始。也許尺寸不會起作用或質量不合適。無論如何,最好將您的想法公之于眾。
當你進一步討論它時,試著找出他們喜歡的照片到底是什么。你可能會發現他們正在使用它,因為它是他們唯一擁有的或者它具有一些感性價值。他們不太可能試圖“毀掉”你的杰作(盡管如果他們確實聲稱這是理由,那就盡可能快地離開那里)。
從那里,你可以提出一些選擇。諸如添加效果或使其成為拼貼畫的一部分之類的東西可以幫助實現更好的契合。或者,如果可以輕松地重新創建圖像,則可能建議重新拍攝。
很多時候,你會發現客戶在圖像方面很靈活。一旦他們發現你的工作符合他們的最佳利益,他們就更有可能在中間遇見你。因此,不要將他們的初始請求作為最終決定 - 可能存在妥協的余地。
更好的照片=更好的網站
憑借觸手可及的大量攝影,可以輕松快速抓取圖像并將其投入使用。但是,這是合適的工作嗎?
實際上,找到正確的照片可能需要更多的努力。考慮您網站的主題,適當的顏色選擇以及您需要的尺寸。這將有助于縮小搜索范圍。從那里開始,就是嘗試不同的選擇并確定最佳匹配。
而且,在客戶有自己想法的情況下,打開溝通渠道,尋找充分利用這種情況的方法。
攝影是一個真正讓您的網站脫穎而出的元素。因此,請花時間明智地選擇!