Banner長得醜,網站沒朋友

ZAHOT發表於2017-12-04

都說這個社會看顏值看顏值,其實網站也是看顏值的,顏值高,使用者願意多看幾眼,長的醜,那就 say bye 了,當然這句話對於 12306 是不成立的。

對於網站來說,首屏 Banner 對於使用者的印象很重要。

尼古拉斯攤主說過這麼一句話,Banner 決定著網站的顏值,同時也潛在影響著網站的留存率和轉化率。

縱觀市面上的 Banner 要麼妖豔騷氣,熱鬧非常

Banner長得醜,網站沒朋友

要麼性冷淡,玩高冷

Banner長得醜,網站沒朋友

要麼文藝清新,要麼復古懷舊,要麼暗黑酷炫

要麼亂成一鍋粥,比如

Banner長得醜,網站沒朋友

說來慚愧各位老鐵,這是我設計生涯的第一個專案,此網站至今印象深刻,不過這張 Banner 是客戶自己上傳的,跟俺可沒有關係(委屈臉)

總之 Banner 傳達的恰是網站整體的調性與視覺感受,和網站定位息息相關。

那麼,對於網頁設計(本文特指企業網站)中的Banner,我們該掌握哪些套路呢?

——

素材的處理與選擇

對於很多設計師來說,在做企業網站的Banner時,
一貫做法是網上找一張阿里不搭的圖,改個尺寸,打個字,齊活。
這也是我在入行第一年時的所謂設計。

現在想來,實在對不住那時的甲方,也對不起那時的自己。
這不叫設計,這叫瞎糊弄。

設計師小夥伴們應該明白,真實的商業專案中,設計Banner不是根據自己的感覺去相簿找一張高大上的圖就可以的,客戶往往提供一些 low 到水泥地裡的圖,讓人看了默唸霧草霧草,這也太醜了,咋能做成Banner呢?根本不可能好麼?!


對於這種情況,抱怨是可以的,但抱怨了呢?不滿足甲方的需求麼?
跟甲方說你提供的圖太low了,瞎了我的眼,我做不了!
甲方爸爸分分鐘把電話打到你 BOSS那,告你的狀,拆你的臺,最後還可能砸了你的飯碗!

說了那麼多,就是想說辦法總比困難多,客戶提供low的東西讓設計師去變美,這不正是我們們的本職工作嘛。


進入正題,客戶提供的素材很low怎麼辦?

  • 第 1 步、主體一定要摳出來
    無論畫素渣成啥樣,都要把主體摳出來,扣的乾乾淨淨,一絲不掛,當然這裡的一絲不掛不是讓你把人物的衣服扣掉,而是除主體外的所有雜七雜八的統統去掉。

  • 第 2 步、選擇合適的背景圖
    根據Banner要傳達的心理感受和網站整體調性,去搜集合適的背景圖,比如要表達商務範,那就找一些辦公場所,商務合作,相關的素材
    找圖時需注意
    1、選圖乾淨,方便後期處理;
    2、選圖達意,人家要商務的,你就不要放個女模特了;
    3、選圖符合潮流,移動網際網路浪潮都過去了,藍天白雲,老鷹金鼎啥的就不要往上堆了。
    選好圖後,開始進行圖片處理,包含圖片區域性的選取,色調的處理,該擦掉的擦掉,該拼合的拼合,總之讓人看起來舒服,不要生硬。

  • 第 3 步、主體置入背景中
    前兩步做好了,這一步就輕鬆了,把主體放在背景合適位置處,加上標題 sologan, 齊活(Banner中的文字排版也是套路多多,下期再說吧)

3個步驟,看起來不多,但實際操作起來還是需要花費心思的。
前一陣在做Banner時,將大量的時間耗費在找圖上,現在想來,一是因為思路沒有開啟,受到侷限,比如做金融行業的網站,我就會盯住“金融”兩個字進行素材搜尋,從不會想到理財,保險,財務,報表之類的相關搜尋詞彙。二是創意不夠,找不到一張合適的圖,不會想到自己去拼合去處理,就一直找啊找,最終將時間浪費在找圖上,真的是時間殺手。

所以建議各位(設計大牛們忽略),作圖時腦海中搭好框架,需要什麼素材,有個清晰的思路,然後發散思路,將關鍵詞進行聯想,多去嘗試,總有一張適合你。

今天就到這吧,我要要找去文章封面圖了。

相關文章