大連仟億科技友情提供：http://www.billionnet.net

 

淺談網站中Banner制作示例

我們都知道用戶的每一次訪問，首先讓其深入眼簾的往往頁面里的那些或色彩豐富、或關聯主題、或意義明確的設計圖片，因此每個Banner的設計都影響著頁面整體的美觀，或者說是頁面整體的美觀都需要Banner來點綴。
下面以一些由我制作的Banner來展開這次文章的主題：
一、文字為主體的設計

簡述要點：
由于是以文字為主體部分，背景其實就無關緊要了，大多數這樣的設計，我們都可以拿純色背景或者是風景、科幻類的壁紙，取其整體的部分作為你需要的設計背景，通常我在截取時都習慣選擇大部分能吸引眼球的圖案又或者是漸變漸現的純色部分。
當選取好我們需要的背景，為了達到以文字為主體的效果，往往我都習慣在文字底部做陰影層，而在此陰影層上的文字做以文字樣式作特效調節后，一個簡單的設計就此生成。
二、文字的排列設計

簡述要點：
這樣的設計以文字作主體，局部圖案作點綴，但由于找不到相應的字體，應而Du “爺”此處不能很好的為文章體現諷刺的風格，需要作一些抽象的風格效果，如此Du “爺”應換作相應夸張的字體，以再以整體配以紅色作圖配色。
左側主體文字，主要為體現出文章中心作裝飾，使其主題更為突出，有時為了取到相得益彰的效果，我們往往會將Banner內的文字與文章標題相同復制，其實 不妨可以考慮用其他方式，如：標題為“百度首頁快照不更新”，這里Banner內的文字以“被戲調de 首頁”為文章作一定內容描述，其實配搭相關的圖案以呈現出整體效果。
三、圖片為主體的設計

簡述要點：
實際上以我為例，從構思到制作再到成品，基本上我并不具備全程制作的能力，但我相信一定的模仿及練習能帶來不錯的效果，比如從收集素材方面下手，這次的主 題是家庭影院的組建筆記，首先我需要確建以此相關的主體部分，例如：播放器、投影儀、電影相關等等，再從搜尋回來的素材作一個不同的構思搭配。
如上圖，我選擇了硬盤播放器作為點綴的角色，再以側欄以文字描述，這是我去年所制作的Banner，如果讓我現在來重新制作的話我會將左側的配色刪除，以漸現或陰影的效果將文字放置于下方的空白處再制造一定的倒影效果作為搭配。
個人小結：
其實無論怎樣的設計，對于我而言都是小巫見大巫，當然我就是那個小巫，由于是半路出家并十分向往UED的設計生活，因此會有意無意的在這方面鍛煉并且學習 自己的設計方式，希望這篇碼了個把小時的文章能給你的設計帶來一定的理解，雖然我并不期望能分享給多少人，因為現在的設計師水平都太牛，希望在不久的將來 我的那篇分析Banner設計與制作還能與您相見~

大連仟億科技、大連網站建設、大連網站制作、大連網頁制作、大連網頁設計、大連網站設計、大連網站推廣、大連軟件開發、大連網絡公司

---