橫幅通常使用圖形和文本的組合來顯示關鍵內容,並經常作為廣告資源出售。
1._樊碧綠當
根據橫幅的位置確認更新頻率。通常,流量越高,橫幅更新頻率越高。盡量做到日班,最多不超過三天。
如果banner的流量很差,運營辛辛苦苦做的內容沒有流量,就要積極與產品經理溝通,改進banner的位置設計和展示入口。
2.確定列
我為我的產品橫幅(1)、高質量內容展示(2)用戶互動話題(3)要推廣的重點產品/商品設置了以下三個欄目。
每周橫幅演示試圖涵蓋上述三個欄目,以保持內容的靈活性和新鮮性。提前壹周準備橫幅內容並確定時間表。
3.通過計劃表進行管理
1.統壹設計模板
下圖顯示了今天在某酒店應用程序的橫幅位置顯示的三個橫幅。
盡管每個圖像都經過精心設計,但看起來很亂。我不喜歡這種風格。Banner所呈現的內容和視覺效果影響著整個產品的調性。所以我認為大多數橫幅應該有壹個統壹的設計風格。
例如,以下產品的banner基本上采用統壹的模板。
上述所有應用都已針對banner進行了模板化處理,整體外觀更加統壹清爽。有了統壹的模板,就不必每次更新banner時都要設計和制作圖紙,操作員可以自己修改文案和圖紙。
因此,常規欄目的橫幅設計模板非常重要。需要與設計師溝通以確認以下事項:
(1)banner的整體視覺風格,選擇背景圖片的色域範圍和圖片風格(此處請註意圖片的版權)。
(2)文字的排版方法,並確認字體、字號、顏色和位置。
有了這個模板作為基礎保障,運營可以快速制作出適合的banner圖。
還應該指出的是:
(1)定期更換模板,避免審美疲勞。
(2)除了固定模板之外,還接受各種設計方法。還是要註意設計風格的統壹。
如何用PS軟件設計壹個優秀的橫幅圖主要有以下幾點:
(1)配色必須匹配且視覺協調。
(2)元素應簡單、突出和清晰,突出設計主題,避免復雜和繁瑣的元素。
(3)空間規劃要合理,避免元素過密過疏的現象。
(4)銜接時,過度自然和緊張,避免突兀現象。
具體的設計取決於設計師對設計主題的把握,以及他對設計的看法和過去的經驗。通過加強這些練習並將其結合起來,我們可以設計出更具吸引力的作品。
下面簡單分析壹下Banner制作的套路,以及日常素材的積累和處理突發任務時的思考。
作為設計師,在工作中,我們可能會遇到需要在下午給出方案並在工作前留下橫幅的情況。也許我們熟悉制作橫幅的方法,但意外情況總是讓我們措手不及。
猝不及防的結果將導致我們的設計輸出質量下降。畢竟合理的時間保證對於設計來說非常重要。
下面快速提到的制作banner的方法需要我們平時的積累和合理使用設計軟件。
Banner的結構大致分為三層:背景層、裝飾層和文案層。背景層將建立整體橫幅的樣式或顏色匹配;裝飾層起到點綴作用,可以控制整體布局的平衡;文案層是核心內容的展示,主要展示主要人物。三個層次相互結合,支撐起整個旗幟。
Banner的常見布局:①左右排版,②居中排版。
由於文案字數的限制、選擇的搭配元素、產品的屬性等原因,格式的選擇需要根據實際情況進行判斷。
常見的橫幅構圖風格組合包括:平鋪風格、環繞風格、斜切風格、斜切風格、放射狀風格、等軸風格、三角形風格等等。
背景層、裝飾層和復制層密切相關。
例如,如果背景層的設計過於復雜,則內容文本的處理將趨於簡潔,反之亦然;並且裝飾層不必存在於每個橫幅中。當背景圖層中的內容已經很豐富時,可以刪除裝飾性內容。
當背景為純色時,需要適當添加裝飾。還可以對人物進行加工,增加吸引力,避免整體的單調。
背景的類型大致可以分為四種:合適的圖形、字體、顏色和圖片。
圖片包括寫實圖片和卡通圖片;顏色分為純色或漸變色;字體放大也可以作為背景;矢量圖包含許多組合。簡單的圓形和方形。甚至可以在背景中使用點和線的組合。每當節日臨近時,還可以搭配壹些合適的節日風格的圖形進行設計。
裝飾點綴應該是錦上添花。妳不能因為視覺效果而盲目添加過多的裝飾,這會誤導用戶並造成混亂。不利於文案內容的傳播。
適當的點綴和裝飾可以使頁面避免單調;它還可以平衡banner的元素,使視覺效果更加和諧。同時,文字的運用也是裝飾的關鍵。
例如,根據不同的產品屬性,財務橫幅可以搭配更小或更細的字體。同時,利用點狀分布營造高端感;電子商務橫幅可以用漸變圓圈或線條裝飾。目的是建立歡快和促銷的感覺,吸引用戶點擊。
①在①banner的設計中,文案字數也很重要。過多的文字或復雜的內容不僅不會讓用戶知道文案的內容,反而會讓用戶感到麻煩。我理解給設計師內容的合作夥伴把活動解釋清楚的初衷。但是在註重用戶體驗的當下,人們的耐心顯然是無法接受字數過多的圖片的。
因此,當我們在文案中收到過多的單詞時,我們應該在第壹時間果斷地提出自己的想法。文案中的賣點和痛點是最重要的兩個部分,其他內容可以省略。
同時,字數過多也是我們設計的壹個難點。對於壹個小尺寸的圖片,僅僅通過放置幾行文本可能無法安排其他布局設計。
②字體主要分為襯線字體和非襯線字體。襯線字體的筆畫裝飾粗細不壹,參考宋代;非襯線字體相對水平和垂直,筆畫粗細相同。襯線字體多用於具有古典風格或民族風格的橫幅設計中。非襯線字體的應用範圍很廣,可以在大多數橫幅中使用。
(3)文案分為主標題和副標題。主標題自然是最簡潔、最醒目的部分,而副標題可以是對主標題的解釋,也可以是主標題之後的新文案。區分和匹配有助於用戶在第壹時間區分主副本和副副本,並使頁面更加協調。
好的配色需要壹定的配色基礎和日常實踐的積累。但是,當遇到特殊情況時,顯然它不會在顏色上留給我們太多時間。因此,我們需要壹些輔助的方式來完成配色工作。
這裏我推薦兩個網站:①
/
②
第壹個網站會推薦很多好的顏色組合,其中很多是我個人喜歡的;第二個網站是materialdesign官網的顏色部分。其中,Colorpalettes在我們輸入顏色後自動生成搭配。
有了這兩個網站的配色加持,設計banner的時間將大大縮短。
當班納的設計完成時,我們的工作可能不會就此結束。在設計APP產品之初,如果我們在不同頁面的許多地方設計了不同大小的banner區域,便於操作和推廣,那麽後期修改這些大小將是我們頭疼的問題。也許我們需要把壹張圖片改成七八個橫幅。而且有些圖片的大小並不規則。
因此,我們在設計APP之初就應該想到這樣的情況。設計banner時,設置統壹比例,方便後期更改;同時,我們應該使用photoshop中智能對象的功能快速修改尺寸。
要在很短的時間內設計出效果很好的橫幅,除非能力強或者自信,我能想到的方法在於平日裏的“積累”。
文中提到的背景和裝飾都是碎片化拼接的內容。我們可以在工作中或工作日設計足夠的材料,因此在時間緊張時進行拼接是很好的。
在文字和字體方面,我們可以分析壹下平時文案中的壹些“套路”;分析其中經常提到的幾個相似度較高的單詞或標題來設計字體。
無論是簡單的還是復雜的,將平日裏制作的元素和素材進行整理和總結,建立自己的素材庫。這樣,面對毫無準備的任務,我們就不會驚慌失措。花瓣或老鷹是兩種很好的材料分類工具。
說到抄襲,就不得不提另壹個詞“抄襲”。其實對於抄襲的認定是見仁見智的。每個人都有自己的界限。而我能想到的避免抄襲的方法就是“刻意改變。”以下面的反派為例。
說到抄襲,就不得不提另壹個詞“抄襲”。其實對於抄襲的認定是見仁見智的。每個人都有自己的界限。而我能想到的避免抄襲的方法就是“刻意改變。”以下面的反派為例。
和日常收集整理元素壹樣,模板也需要提前準備好。我們要找準產品定位,設計過去為banner量身定制的模板。妳可以參考原型圖制作黑白排版風格。
至於上面提到的大小問題,我們可以通過放置鏈接的智能對象來批量快速修改banner的大小。
①篩選出大小或形狀相似的橫幅;
(2)找出關鍵的橫幅尺寸,並將其作為繪圖的基準;
③banner中文案文本的高度範圍應在眾多尺寸中高度最小的banner的尺寸範圍內。
④基準尺寸圖中的設計。打開其他大小的PS文件,選擇文件-放入鏈接的智能對象-並調整大小。這樣,當我需要調整時,我只需要修改基準橫幅圖。
作為壹名設計師,我相信我不想遇到需要臨時繪圖的情況。但我們也需要為這種情況做好準備,以確保在時間緊張時我們的設計輸出質量。因此,日常的收集和積累尤為重要。