網頁作品中出現了許多大背景設計,無論是 landing-page 頁面設計,還是 WordPress APP 介面設計,這儼然已經成為網頁設計的一大趨勢,重要的是這種背景式頁面讓整個作品變得高大上,對於我們來說前提條件是自然是選好圖片,並適當進行二次設計調整。

  想要作品像設計大神們一樣,處理圖片時您可以試試這幾個方法:

  1. 色彩疊加於圖片上

  先您可以簡單處理,選擇使用帶透明度的白色或黑色進行覆蓋,可以幫助您的文字與背景產生一定的對比。

  另外一種處理方法是使用品牌主色,在選擇背景圖片時,可以適當選擇對比色系,這樣的話頁面既可以與品牌產生聯絡,又能夠確保有足夠的色調差別,產生力量感,能夠加強品牌推廣。

  記住要看看您的背景影象的組成,找到理想的裁剪區域。確保您的文字覆蓋影象在正確的地方(如海洋和土地在這種情況下)較淺的文字覆蓋較暗的區域,反之亦然,方便閱讀。

  2. 幾何圖形的強調形式

  這種處理形式一般與背景模糊、色彩疊加等形式共存,在背景之上置於幾何圖形,無論是對比強烈或是同類色彩都能夠增加整個頁面的層次感和設計感,同時還會起到強調特定範圍的作用,引導多使用者進行特定操作。

  另外一種方法是使用幾何形對背景進行網頁切割,打破傳統的設計佈局,能夠對網頁佈局起到很好的再創意設計。

  3. 對圖片進行模糊化處理

  模糊背景(blurred backgrounds)是一個很常見的設計手法,在網頁設計中屢見不鮮,模糊背景能使整個設計的基調看上去更加柔美。操作簡單,無論是整體模糊、漸變模糊,無需更多修飾,也能營造出乾淨自然的視覺效果。

  4. 使用柵格化圖片背景

  源於國際主義平面設計風格的柵格背景設計多用於展示產品圖片較多的網站,例如攝影網站、設計師作品網站等,使用這種構圖佈局能夠使作品充滿秩序感和理性,勒·柯布西埃指出秩序是真正的生命之鑰,如果您覺得這種規範化的設計會讓作品呆板、沒有生機,可以透過個別的空白單元格或者區域性空缺進行創意設計。

  5. 圖片的非對稱性處理

  柵柵格化在設計中大量使用,或許您可以反其道而行之,對圖片使用非對稱性處理來吸引多使用者的注意力。背景不必是的整體,可以只是其中的一個元素或者若干元素的組合,以某種排列形式與文字形成的平衡。