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

 

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

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

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

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

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

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

---