2.確定主題風格後，我們會收集素材，包括背景圖案，元素收集，文案。
3.確定橫幅圖的整體布局，包括主要元素的布局結構，文字的大小，各個小元素的比例，位置的確認。
4.編輯元素。很多時候，我們收集的元素是不能直接使用的。這時候我們需要先編輯元素，包括圖片元素的摳圖。當然還有其他簡單的方法，就看我們具體操作了。
5.結合元素，編輯特效，包括顏色的漸變，圖層混合選項的編輯操作。
6.根據橫幅圖的用途，將其保存為相應的格式，並在網絡環境中顯示。壹般情況下，妳會選擇保存為jpg格式，但同時，邊肖建議保存壹個源文件，以便日後修改。
橫幅的引用字段有哪些？1)人們在大大小小、長短不壹的各種網站上經常能看到的廣告橫幅或焦點圖，但它們共同的作用是引導妳點擊，用各種方式渲染氣氛。
2)通常可以在各類遊戲網站、房產網站、各種活動的專題頁面看到，也就是常說的頭條。這種類型的橫幅通常不會引導用戶觸發點擊，而是為內容服務，為整個頁面渲染氛圍。
橫幅包含三個部分。
1.文本(主導)
大家都知道我們從圖形中解讀信息的能力大於單純的讀文字，但是在banner的設計中，大多數情況下我們是通過文字來理解信息的，圖片的知識起到了陪襯的作用。在banner的時間分配上，字形的處理可能會占用50%甚至更多的時間。
1)需要處理文案的負面內容。
讓內容更符合信息傳遞。如果主標的太長，需求方不願意刪文，則強調主標的重要關鍵詞，突出主要信息，弱化非關鍵詞。整篇文字太短，畫面空洞。可以用壹些輔助信息來豐富畫面。如添加英文、域名、頻道名等。
2)字體要考慮。
正文主要包含標題和輔助文字。標題部分壹般需要壹些設計處理，提高畫面的藝術感和吸引力。鋼筆字是字體設計中壹種巧妙的方法，但卻非常有效。筆畫連接，在做筆畫連接的時候，只對需要連接的筆畫進行合理的排列，在筆畫末端和邊緣做壹些簡單的建模處理，那麽就會出來壹個比較好的視覺效果。連接筆畫時建議使用壹些筆畫粗細均勻的非襯線字體。
形狀替代:根據字的具體意義設計字形的壹種方法。比如把賣表文案裏的“時間”二字換成鐘表。賣衣服，把“莊”字底改成壹組衣服等。，往往帶來新奇的視覺效果。
3D設計:如果想突出banner中的文字，把文字做成3D效果是最“粗暴”的解決方法，只要處理得當也能達到不錯的效果。妳可以通過移動多個文本副本或重復變形來制作簡單的三維效果。
介紹性文字或次要信息壹般會低調處理，壹般使用壹些常用字體。就兩種字體就惡心了，太多會讓畫面流失。如果使用壹些商業字體，需要註意許可的問題，避免壹些法律糾紛。
普通字體可以通過壹些簡單的方法煥發青春。
字體處理:
1)給單詞添加壹個背景，這樣可以突出文字，打開單詞背景的層次。
2)傾斜字體，整體看起來會活潑跳躍很多。
3)斜切文字打破枯燥的版面可以說是百試不爽。
2.主視覺地圖
主視覺部分壹般包含產品圖紙、任務模型等。產品圖紙的選取要符合題目的意思，但是大部分都會提供材料，所以我們不需要花費太多的精力。需要註意的是，使用輔助材料時，壹定要保證圖片清晰。當壹些圖片不清晰時，可以使用花朵濾鏡進行處理。壹些畫面的扣分，畫面色燈操作的調整，都是常用的技巧。
3.背景
背景部分可以襯托整個氛圍。
三種背景類型:
第壹種使用純色背景，通常會讓整個畫面看起來清新簡潔。
第二種是漸變的，可以增加設計效果，讓整個畫面更加美觀。壹般壹些科幻類的都可以。
第三種是帶有復雜背景的，壹般用在專題中，以烘托主題的特點。
背景的選擇需要根據網站的風格和主題來確定。比如歷史專題頻道會選擇復雜的背景圖片來烘托氣氛。風格清新摩登的網站，可能會選擇淺色背景。對比度不足時，可以模糊文字後的背景，淡化背景色。
關於banner設計壹個完整的banner包括五個組成部分:文案、樣板商品、背景、點綴元素、logo。
裝飾元素
1.修飾元素的作用:
(1)視覺上豐富了畫面，讓畫面不再單調，更加和諧。
(2)從營銷的角度來說，渲染氣氛，給人愉悅感或興奮感，增加用戶點擊。
2.修飾元素的存在形式
(1)商品本身既是主體，也是裝飾元素。
(2)作為裝飾元素的手繪圖形
(3)光點作為裝飾元素。
(4)色塊作為裝飾元素。
(5)用各種液體和粉末作為裝飾元素(如潑墨、牛奶、水、啤酒等。)
(6)_道是幹的。
(7)用各種紋理圖案作為裝飾元素。
(8)作為裝飾元素的人
(9)作為裝飾元素的標誌或文字
3.修飾元素的獲取方法
(1)元素提取方法
產品與材料相互呼應，或者將與產品材料相關的元素作為點綴元素。
(2)關聯發散法
從標題的字面意義或深層含義聯想，從風格的統壹性聯想，從意境聯想，可愛的橫幅經常使用手繪簡筆畫等點綴元素。
4.修飾元素的註意事項
修飾元素的數量應該適中
圖1相當於沒有修飾元素或者修飾元素與背景相似的橫幅。圖2相當於添加了適量的與主體接近或相關的裝飾元素。對比發現，圖1單調，圖2更飽滿。
同樣數量和顏色的裝飾元素，處理方式不同帶來的視覺感受也不同。
圖2/圖3/圖4中的修飾元素數量相同，但修飾元素經過高斯模糊或動態模糊處理後，畫面開始有空間層次感，更加靈動。
壹些關於橫幅的文章
1.
使用修飾元素的6個技巧