淺談 Banner 設計與製作

我們都知道用戶的每一次訪問,首先讓其深入眼簾的往往頁面裏的那些或色彩豐富、或關聯主題、或意義明確的設計圖片,因此每個Banner的設計都影響着頁面整體的美觀,或者說是頁面整體的美觀都需要Banner來點綴。

下面以一些由我製作的Banner來展開這次文章的主題:

一、文字爲主體的設計

簡述要點:

由於是以文字爲主體部分,背景其實就無關緊要了,大多數這樣的設計,我們都可以拿純色背景或者是風景、科幻類的壁紙,取其整體的部分作爲你需要的設計背景,通常我在截取時都習慣選擇大部分能吸引眼球的圖案又或者是漸變漸現的純色部分。

當選取好我們需要的背景,爲了達到以文字爲主體的效果,往往我都習慣在文字底部做陰影層,而在此陰影層上的文字做以文字樣式作特效調節後,一個簡單的設計就此生成。

二、文字的排列設計

簡述要點:

這樣的設計以文字作主體,局部圖案作點綴,但由於找不到相應的字體,應而Du “爺”此處不能很好的爲文章體現諷刺的風格,需要作一些抽象的風格效果,如此Du “爺”應換作相應誇張的字體,以再以整體配以紅色作圖配色。

左側主體文字,主要爲體現出文章中心作裝飾,使其主題更爲突出,有時爲了取到相得益彰的效果,我們往往會將Banner內的文字與文章標題相同複製,其實不妨可以考慮用其他方式,如:標題爲“百度首頁快照不更新”,這裏Banner內的文字以“被戲調de 首頁”爲文章作一定內容描述,其實配搭相關的圖案以呈現出整體效果。

三、圖片爲主體的設計

簡述要點:

實際上以我爲例,從構思到製作再到成品,基本上我並不具備全程製作的能力,但我相信一定的模仿及練習能帶來不錯的效果,比如從收集素材方面下手,這次的主題是家庭影院的組建筆記,首先我需要確建以此相關的主體部分,例如:播放器、投影儀、電影相關等等,再從搜尋回來的素材作一個不同的構思搭配。

如上圖,我選擇了硬盤播放器作爲點綴的角色,再以側欄以文字描述,這是我去年所製作的Banner,如果讓我現在來重新制作的話我會將左側的配色刪除,以漸現或陰影的效果將文字放置於下方的空白處再製造一定的倒影效果作爲搭配。

 

文章小結:

其實無論怎樣的設計,對於我而言都是小巫見大巫,當然我就是那個小巫,由於是半路出家並十分嚮往UED的設計生活,因此會有意無意的在這方面鍛鍊並且學習自己的設計方式,希望這篇碼了個把小時的文章能給你的設計帶來一定的理解,雖然我並不期望能分享給多少人,因爲現在的設計師水平都太牛,希望在不久的將來我的那篇分析Banner設計與製作還能與您相見~!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章