banner對於壹個設計師來說,肯定不是壹個陌生的詞語啦,在目前的各個行業領域中基本都涉及到banner的需求,不管是web端還是移動端我們處處都能看到banner的影子,所以掌握banner的設計是我們每壹個設計師必備的技能啦!
banner(及橫幅廣告)是網絡廣告最早采用的形式,也是目前最常見的形式。橫幅廣告又稱旗幟廣告,它是橫跨於網頁上的矩形公告牌,當用戶點擊這些橫幅的時候,通常可以鏈接到廣告主的網頁。是表現商家廣告內容的圖片,放置在廣告商的頁面上,是互聯網廣告中最基本的廣告形式!
下面我們會從這幾個方面講解banner:
壹:banner的組成要素
二:banner的類型
三:banner的風格選擇
四:banner的設計步驟
壹:banner的組成要素
banner的主要組成要素我這裏簡單的總結了幾點:
以及banner主要的元素是:文案+元素+背景
元素又可以細分為:元素=商品+模特+logo+點綴(這裏的元素是需要根據banner的實際情況選擇要素,可有可無)
如圖:
(來源於花瓣)
二:banner的類型
banner的類型我這裏總結的主要分為:
01:產品宣傳類banner(新產品、熱銷產品)
02:活動類banner(節日活動促銷、產品促銷)
這裏簡單的將banner分為了兩種類型,因為對於不壹樣的banner需要實現的效果和目的是不壹樣的,所以我們需要設計出不壹樣的風格的banner
對於產品宣傳的banner我們最主要的就是要突出產品的特征,所以我們對於banner的設計,需要的最主要的元素就壹定是產品,以及簡短的文案介紹,至於點綴的元素我們也可以根據實際產品的特征選擇合適的元素,也可以不用元素的點綴,背景肯定也是必不可少的!
01:產品宣傳類banner:
產品+文案+背景
例如:
(來源於花瓣)
上面的案例都是對於產品宣傳類的banner的設計樣式,他們有壹個***同的特征就是產品放大放大再放大,盡顯產品的特點,簡潔的文案介紹和大量的留白更加凸顯產品的特征,使用戶的目光不由自主的被產品本身所吸引
產品宣傳banner:
產品+文案+元素+背景
例如:
(來源於花瓣)
這類banner的特點就是除了產品本身外,都添加了壹些其它的元素作為banner的壹個點綴效果,使畫面顯得更加飽和,或使畫面帶有動感的效果!
那麽問題來了
什麽情況下產品banner設計添加元素好?什麽情況下不添加元素好呢?
第壹:對於需要極度顯示產品的特征的時候我們最好選擇不添加元素幹擾產品,
第二:對於簡約產品,我們最好也不要添加元素做裝飾,大量的留白更加適合簡約產品的風格,
02:活動類banner
產品+文案+元素+背景
例如:
(來源於花瓣)
對於活動類的banner設計我們大多數都會選擇顏色鮮艷多彩的,並且畫面飽和具有沖擊力的,營造出壹種熱鬧的氛圍,對於元素的添加也是必不可少的壹點,因為對於活動類的banner設計,畫面越熱鬧活動力度就會顯得越大,才會更加吸引用戶,對於活動的標題也要盡量的凸顯!
二:banner的風格選擇
對於banner的風格也是多種多樣的,但是對於不同性質的banner選擇的風格肯定也是不壹樣的,不同的banner搭配不同的風格給人的視覺效果是完全不壹樣的,合適的搭配才能使banner更好的表現其特征和目的
例如:
01:簡約產品家居banner的宣傳banner,就比較適合簡約大氣幹凈的風格
(來源於花瓣)
02:高端科技產品banner,就選擇具有科技感氣質的風格
(通過科技感的圖形和顏色等來體現)
(來源於花瓣)
03:時尚服飾類的banner,就適合選擇時尚畫面的風格
(通過獨特的造型和風格圖形以及色彩等來體現)
(來源於花瓣)
04:高端奢侈品牌類banner,就適合高端大氣的風格搭配
(通過高檔色彩黑紅配,黑金配等來體現)
(來源於花瓣)
05:少女\兒童可愛風banner,就適合可愛風元素搭配的選擇
(通過可愛元素:插畫、線條、氣球、愛心、圓潤的字體、活力的色彩等來體現)
(來源於花瓣)
06:國風/文化/節日類banner,就比較適合選擇帶有文化氣質的元素搭配
(通過中國風毛筆字、中國古有的元素:印章,中國山水畫,墨跡,扇面,剪紙,園林窗格,古紋樣,祥雲,京劇,卷軸等等)
(來源於花瓣)
二:banner的設計步驟
01:了解和確定banner的設計需求
02:明確banner設計的目的
03:根據得到的banner設計需求確定banner的設計風格
04:選擇合適的banner設計版式結構
05:選擇匹配的元素裝飾banner的整體效果(根據實際需求添加)
06:色彩搭配選擇
01:了解和確定banner的設計需求
對於這了解設計需求壹點來說,不管是做什麽設計的前提都是必不可少的壹步,也是最關鍵的壹步,如果妳連設計的需求都不明確那麽做出來的設計結果肯定就不會符合實際的需求
那麽對於banner的設計需求我們具體需要明確那壹些呢?
第壹點:確定banner設計文案
文案對於設計師來說也是壹個很重要的點,設計師可以根據文案信息從中找到設計靈感,並且也可以知道大致的設計風格的走向
第壹點:確定banner設計尺寸和投放平臺
文案確定後我們還需要知道banner的投放平臺和位置,尺寸大小,以及是否需要適配各個平臺的展示,
02:明確banner設計的目的
對於設計壹張banner,肯定是想要達到某壹種目的才會設計這壹張banner,所以在設計banner之前壹定要了解清楚這壹張banner設計的目的是什麽,例如:是想要宣傳產品還是想要促銷產品,兩者的性質是完全不壹樣的,
03:根據得到的banner設計需求確定banner的設計風格
banner的設計風格我們可以從banner文案需求中找到關鍵詞進行定位,比如:全語音智能操作的車載支架A5
從這壹句主題文案中我們能夠提出的關鍵詞就有:全語言、智能
對於這樣的關鍵詞的理解我們肯定第壹就會想到科技感智能化時代的畫面,所以這裏的風格我們也就有所選擇啦!
04:選擇合適的banner設計版式結構
banner的設計版式結構我們可以大致分為:
居中結構、左對齊結構、右對齊結構
不同需求banner的結構就需要根據實際情況選擇啦!
05:選擇匹配的元素裝飾banner的整體效果(根據實際需求添加)
對於banner的裝飾元素我們也是需要根據實際情況和產品banner的特征采取合適的選擇,比如簡約產品的banner就不需要裝飾元素更好,而活動類banner或少女兒童等可愛類的banner設計就需要選擇裝飾元素更加適合,並且不同形狀banner的裝飾元素選擇也是不同的(前面做了簡單的介紹,這裏就不再重復啦)
06:色彩搭配選擇
色彩的選擇也是很關鍵的,不同性質的banner選擇的顏色搭配也是不壹樣的,適當的顏色搭配會使產品更加凸顯或者使畫面更加顯眼突出,並且給人的感覺也是不同的,
例如:
*黑金配和黑紅配就會給人壹種高級感
*藍,黑色,紫等冷色搭配,畫面給人硬朗,空間感,速度和力量的感覺更加適合科技感
*紅、橙、黃、紫搭配,就會營造出壹種熱烈的氛圍,更加適合時尚和活動類
*黑、白、灰的搭配就會給人壹種高冷不宜接近的感覺,更加適合大牌的風格選擇
*白、灰的搭配會給人壹種寧靜、文藝、氣質、素雅的感覺,更加適合簡約產品的選擇
實操案例:
文案需求:
全語音智能操作的車載支架A5
揮手聽話的語音支架
使用訊飛AIUI人機交互解決方案,智能駕乘張口即來
設計尺寸:1920x650px
設計的目的:根據需求我們得到的banner設計的目的是宣傳新產品車載支架A5
第壹步:我們將文案信息以及提供的產品放入畫布中
第二步:明確我們的主標題“全語音智能操作的車載支架A5”
所以我們將主標題放大處理,凸顯主標題
第三步:選擇banner的風格,因為這裏我們需要體現的是產品的智能化,所以我們的風格就可以定義為科技感的
第四步:選擇版式結構,我們這裏就選擇簡單的左右結構吧!
第五步:選擇裝飾元素,裝飾元素也要根據科技感的效果選擇,以及可以從文案中提取,例如這裏我們可以提取:科技感線條和圖形、語音圖形等
第六步:整體位置調整和色彩搭配,對於文字大標題我們也處理成不壹樣的具有層次結構的,使其更加凸顯,小標題文案也根據整體風格畫面做微小的處理,使文案和畫面更加和諧統壹,包括產品周圍由於受到光的影響,也需要做處理
最終我們就得到上面的banner效果啦!壹個簡單的科技感banner就設計完成啦!
好啦!今天的知識有點多,也有點全面!希望妳們喜歡吧!
往期好文推薦
—
版式設計——簡單7種圖片排版方式
10張創意線條圖形海報設計
2招教妳配色技巧,擺脫配色困難癥!
創新海報設計思路
如何設計出高大上的頁面或者banner？壹個好的頁面或者好的海報壹般都具備幾個***同點:
1、色彩搭配
壹個好的版面都會有壹個基礎色調,其他的顏色都是從基礎色往外延伸的,而且顏色數量最好不要超過三種。
2、圖文布局
不管是采用哪種構圖方法,主次要分明,內容要有層次感,另外還要避免版面太空或者頁面兩端輕重對比過大,不然視覺上會不舒服。
3、風格統壹
壹個版面整體的風格壹定要統壹,比如妳設計壹個中國風的海報,那麽從色彩選擇圖文選擇上也要選擇中國風風格的,不要隨便亂搭配其他風格的,會顯得掉檔次。
不管妳具體怎麽搭配,總之視覺上壹眼看過去壹定要舒服,重點突出,層次分明,基本上這個版面或者海報就不會顯得很low。
諾思星聊設計,專註於平面設計、視覺營銷等內容的傳播與分享,歡迎關註我!如果妳也認同我的觀點,歡迎點贊分享出去,讓更多需要的人看到,謝謝。
如何在電腦上制作海報？對於做企宣或者其他文案策劃宣傳類的工作人員來說,能夠制作壹張精美的海報是必備的技能。制作壹張海報,需要在文字、繪圖、布局上面都進行細致的準備,前期要多搜集素材,後期要精心制作,不斷修改,才能制作出精美的海報。
方法/步驟:
1、制作壹張精美的海報,首先要明確海報的主題,根據主題去搜集相關的圖片和文字素材。定好宣傳海報要宣傳的產品或者活動的內容,擬好宣傳標語或者宣傳介紹,為制作海報做好準備。
2、在根據確定的標題選好素材以後,就要對素材進行整理和修改應用於海報。首先是海報背景的設計。根據主題,如果主題是跟“大海”有關,那背景色可以是藍色、可以是跟海有關的圖案背景。讓海報背景跟主題相切是制作壹張精美的海報。
3、確定好海報的背景色之後,要對海報進行整體布局上的排版,就是明確哪裏放置圖片,哪裏放置文字。需要在壹張空白的紙上畫出整體布局圖,為後期排版提供參考。布局要盡量做到圖片和文字間隔開,海報布局不宜太密,要詳略得當。
做海報還要會打字,和好用的app。
4、根據布局的要求,先對文字進行排版。將需要介紹的文字放入相應的布局中,並根據海報整體風格改變字體。壹般我們在制作海報是常用的字體是pop字體,這種字體比較輕松卻不改變字體本身的形狀,無論是美觀度還是嚴謹度都適合海報的制作。在設計好字體以後,要詳細閱讀,以免出現不必要的錯誤和語病。
5、排版完文字之後就要進行圖片的排版。將圖片貼入相應的布局區域,貼入的圖片要清晰美觀,顏色要與背景色不沖突。貼入後要對圖片的大小進行修改,使其適應整個版面和版面上的文字大小,保持二者的協調性。
6、將背景、文字、圖片都制作好以後,壹張海報基本完成。但是為了是海報更加精美,我們要站在整個海報體現的效果來進行調整。調整時盡量豐富海報的內容,調整海報的顏色搭配,突出海報的吸睛點。調整完成要為海報設計壹個有吸引力的題目,並將題目放置於布局中的位置。題目的字體應該最醒目,顏色最突出。
1.先打開ps軟件,新建項目並調整海報尺寸,點擊“創建”按鈕。
2.進入新建項目後,選擇右下角的新建圖層,點擊左側的拾色器。
3.選取要填充的顏色,找到自己需要的顏色後點擊確定,選好顏色後點擊右側要填充的空白圖層。
4.按下快捷鍵Ctrl+delete鍵,對空白圖層進行填充,把事先扣好的圖片放置到圖層上。
5.按住Ctrl+T重建選區,按住shift鍵調整模特圖片的大小。
6.新建文本框,添加海報需要的文字,調整文字大小、顏色以及位置,簡單的電子海報就制作完成了。
首先妳要有壹定的PS技術,創意和審美,下面是簡單的制作海報流程。
第壹,新建畫布,文件,新建或者快捷鍵Ctr丨+N,海報的設置,傳單的設置,按確定進入操作區。
第二,栽入圖像,選圖很重要。噴繪海報比省會更具有條件,所以所選的圖盡量要貼近所做海報的主題。或者清新簡單,能足夠吸引人顏色盡量不要太復雜太深,要註意無論是噴繪海報還是手繪海報,這才是主題,圖像只是陪襯。1,文件置入,文件打開,將打開的圖拖入到妳新建的操作區。註意,要脫打開的圖片到新建的操作趨勢,要註意工具欄選中的圖標為,載入圖像可以調整大小,在路的圖像,如果是定位圖,第三加字,海報上的字是傳達信息最重要的部分,因此主要信息如標題要醒目。
打開word文檔,點擊頁面布局,點擊頁面顏色設置頁面背景顏色,輸入文字並設置特效,點擊插入,在插圖中選擇圖片來添加圖片,調整圖片位置與大小即可;或進入在線制作海報網站進行海報制作。從“選擇”下拉菜單中選擇“高光”,點OK,這樣妳會看到高光區域被選擇了。
使用專業的圖片制作工具(海報制作工具)來制作海報比較方便也比較簡單,省去了安裝PS軟件的麻煩。同時,還有大量的海報模板可以參考使用,直接在現有基礎上進行編輯修改制作完善。
下面是使用人人秀海報工具進行制作的具體步驟:
1、首先,找到人人秀海報()網站;可以看到有大量的海報供您參考使用,有招聘長圖、邀請函圖片、教育培訓類海報、日簽圖、公眾號頭圖、促銷海報、暑期招生、裂變海報、政府宣傳、膠囊banner、活動banner、日報快訊類圖片等。
2、找到喜歡的海報模板,然後直接點擊圖片進入編輯,隨機選取壹張海報圖片,然後看整個版面,可以進行自定義設置,無論是大小還是文字設置,圖片的處理等。
3、您也可以通過人人秀後臺創建空白作品,修改編輯,壹鍵替換文案素材,互動功能任意添加自由創建動畫,預覽設置、發布。
4、這樣壹個好看的海報就制作出來了,是不是非常的簡單,需要制作海報的妳趕緊來制作妳的海報吧!
制作方法如下:
1、點擊新建,打開PPT文檔,點擊菜單欄左上角”文件“。
2、搜索模板,在主題中輸入海報進行搜索,在搜索結果中查找最合適的海報模板。
3、photoshop怎麽用黑馬程序員UI培訓,修改文字。導入模板後,在幻燈片文本框上修改對應的文字信息。
這樣就可以在線制作海報。
操作步驟:
1、以Photoshop為例,打開ps軟件,“文件--新建”適當大小白色背景文件,顏色模式為cmyk,分辨率300dpi;
2、打開“畫筆工具”,找到安裝好的噴墨筆刷,新建圖層,設置好前景色,點擊繪制噴墨效果背景;
3、打開海報主題圖片,拖進來,ctrl+t調整大小位置;
4、ctrl+點擊噴墨素材圖層載入選區,選擇主題圖片圖層,新建“圖層蒙版”;
5、用“文字工具”打上海報主題宣傳語,添加文字效果等;
6、“文件--存儲為”.jpg格式圖片,打印,完成。擴展資料PS使用小技巧:1、快速打開文件雙擊Photoshop的背景空白處(默認為灰色顯示區域)即可打開選擇文件的瀏覽窗口。2、隨意更換畫布顏色選擇油漆桶工具並按住Shift點擊畫布邊緣,即可設置畫布底色為當前選擇的前景色。如果要還原到默認的顏色,設置前景色為25%灰度(R192,G192,B192)再次按住Shift點擊畫布邊緣。3、獲得精確光標按CapsLock鍵可以使畫筆和磁性工具的光標顯示為精確十字線,再按壹次可恢復原狀。