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

 

淺談網(wǎng)站中Banner制作示例

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

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

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

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

大連仟億科技、大連網(wǎng)站建設(shè)、大連網(wǎng)站制作、大連網(wǎng)頁制作、大連網(wǎng)頁設(shè)計、大連網(wǎng)站設(shè)計、大連網(wǎng)站推廣、大連軟件開發(fā)、大連網(wǎng)絡(luò)公司

---