當前位置:編程學習大全網 - 人物素材 - 橫幅模板-橫幅制作的常規分析

橫幅模板-橫幅制作的常規分析

操作註意事項|如何在移動產品中做Banner?橫幅本身就是橫幅的意思。在App中,banner是壹個非常重要的資源位,是壹個頁面中最醒目的地方,也是流量較大的位置。

橫幅通常使用圖形和文本的組合來顯示關鍵內容,並經常作為廣告資源出售。

1._ Fanbi呂當

根據橫幅的位置確認更新頻率。壹般流量越高,橫幅更新頻率越高。盡量做到日班,最多不超過三天。

如果banner的流量差,運營辛辛苦苦做的內容沒有流量,就要積極和產品經理溝通,完善banner的位置設計和展示入口。

2.確定列

我為我的產品banner (1)、高質量的內容展示(2)用戶互動話題(3)重點推廣的產品/商品設置了以下三個欄目。

每周橫幅展示試圖涵蓋上述三個欄目,以保持內容的靈活性和新鮮感。提前壹周準備banner內容,確定日程。

3.通過調度表進行管理

1.統壹設計模板

下圖是今天在某酒店App的橫幅位置展示的三個橫幅。

雖然每個圖像都經過精心設計,但看起來很亂。我不喜歡這種風格。Banner所呈現的內容和視覺效果影響著整個產品的調性。所以我認為大多數橫幅應該有壹個統壹的設計風格。

例如,以下產品的banner基本上采用統壹的模板。

以上app均已模板化banner,整體看起來更加統壹清爽。有了統壹的模板,就不用每次更新banner都要設計制作圖紙,操作者可以自己修改文案和圖紙。

所以正規欄目的banner設計模板很重要。需要與設計師溝通確認以下內容:

(1)banner的整體視覺風格,選擇背景圖片的色域範圍和圖片風格(此處請註意圖片版權)。

(2)文字的排版方法,並確認字體、字號、顏色和位置。

有了這個模板作為基礎保障,運營就能快速做出合適的橫幅圖。

還應該指出的是:

(1)定期更換模板,避免審美疲勞。

(2)除固定模板外,也接受各種設計方法。還是要註意設計風格的統壹。

如何用PS軟件設計壹個優秀的橫幅圖主要關註以下幾點:

(1)配色壹定要搭配,視覺上要協調。

(2)元素要簡單、突出、清晰,突出設計主題,避免復雜繁瑣的元素。

(3)空間規劃要合理,避免元素過於密集和過於稀疏的現象。

(4)銜接、自然和張力過度,避免突兀現象。

具體的設計取決於設計師對設計主題的把握,以及他對設計的看法和以往的經驗。通過加強這些練習,結合起來,就能設計出更有吸引力的作品。

下面簡單分析壹下Banner做的套路,以及日常素材的積累和處理突發任務時的思考。

作為設計師,在工作中,我們可能會遇到下午給方案,下班前留下橫幅的情況。也許我們對banner的制作方法很熟悉,但意外情況總是讓我們措手不及。

猝不及防的結果會導致我們的設計輸出質量下降。畢竟合理的時間保證對設計很重要。

下面說的快速制作banner的方法,需要我們平時的積累和設計軟件的合理使用。

Banner的結構大致分為三層:背景層、裝飾層、文案層。背景層將建立整體橫幅的風格或顏色匹配;裝飾層起到裝飾作用,可以控制整體布局的平衡;文案層是核心內容的展示,主要展示主要人物。三個層次相互結合,支撐起整個旗幟。

Banner常見的排版:①左右排版,②居中排版。

由於文案字數的限制、選用的搭配元素、產品的屬性等原因,格式的選擇需要根據實際情況來判斷。

常見的橫幅構圖風格組合有:平鋪式、環繞式、斜切式、斜切式、放射式、等距式、三角式等。

背景層、裝飾層和復制層密切相關。

比如背景層的設計過於復雜,內容文字的處理就會趨於簡潔,反之亦然;並且裝飾層不必存在於每個橫幅中。當背景圖層中的內容已經比較豐富時,可以刪除裝飾性的內容。

當背景是純色時,就要適當添加裝飾。還可以對人物進行加工,增加吸引力,避免整體的單調。

背景的類型大致可以分為四種:合適的圖形、字體、顏色和圖片。

圖片包括寫實圖片和卡通圖片;顏色分為純色或漸變色;字體放大也可以作為背景;矢量圖包含許多組合。簡單的圓形和方形。甚至可以在背景中使用點和線的組合。每當節日臨近,也可以搭配壹些合適的節日風格的圖形進行設計。

裝飾點綴要錦上添花。不能因為視覺效果而盲目添加過多的裝飾,會誤導用戶,造成混亂。不利於文案內容的傳播。

適當的點綴和修飾可以使頁面避免單調;還可以平衡banner的元素,讓視覺效果更加和諧。同時,文字的運用也是裝飾的關鍵。

例如,根據產品屬性的不同,財務橫幅可以搭配更小或更細的字體。同時用點狀分布,營造高端感;電子商務橫幅可以用漸變圓圈或線條裝飾。目的是建立壹種歡快的、促銷的感覺,吸引用戶點擊。

①在①banner的設計中,文案字數也很重要。過多的文字或復雜的內容不僅不會讓用戶知道文案的內容,反而會讓用戶感到麻煩。我理解給設計師內容的夥伴把活動解釋清楚的初衷。但在註重用戶體驗的當下,人們的耐心顯然是無法接受文字太多的圖片的。

所以,當我們收到文案字數過多時,要在第壹時間果斷提出自己的想法。文案中的賣點和痛點是最重要的兩個部分,其他內容可以省略。

同時,字數太多也是我們設計的壹個難點。對於壹張小尺寸的圖片,僅僅放幾行文字可能無法安排其他的版面設計。

②字體主要分為襯線字體和非襯線字體。襯線字體筆畫修飾粗細不壹,參考宋體;非襯線字體比較橫平豎直,筆畫粗細壹致。Serif字體多用於具有古典風格或民族風格的橫幅設計中。無襯線字體的應用範圍很廣,可以用在大部分橫幅上。

(3)文案分為主標題和副標題。主標題自然是最簡潔醒目的部分,而副標題可以是對主標題的解釋,也可以是主標題之後的新文案。區分匹配幫助用戶在第壹時間區分主次文案,讓頁面更加協調。

好的配色需要壹定的配色基礎和日常實踐的積累。但是遇到特殊情況,顯然不會給我們在色彩上留太多時間。因此,我們需要壹些輔助的方式來完成配色工作。

這裏我推薦兩個網站:①

/

第壹個網站會推薦很多好的配色,很多是我個人喜歡的;第二個網站是materialdesign官網的色彩部分。其中Colorpalettes是我們輸入顏色後自動生成搭配的。

有了這兩個網站的配色加持,設計banner的時間會大大縮短。

當banner的設計完成時,我們的工作可能不會就此結束。在設計APP產品之初,如果我們在不同頁面的很多地方設計了大小不壹的banner區域,方便操作和推廣,那麽後期再去修改這些大小,會讓我們很頭疼。也許我們需要把壹張圖改成七八個橫幅。而且有些圖片的大小是不規則的。

所以在設計APP之初就要想到這樣的情況。設計banner時,設置統壹比例,方便後期修改;同時要利用photoshop中智能對象的功能快速修改大小。

要在極短的時間內設計出效果好的橫幅,除非能力強或者自信,我能想到的方法就在於平日的“積累”。

文中提到的背景和裝飾都是碎片化拼接的內容。我們可以在工作或工作日設計足夠的材料,所以在時間緊張的時候拼接是有好處的。

在文字和字體方面,可以分析壹下平時文案中的壹些“套路”;分析其中經常提到的幾個相似度高的詞或者標題來設計字體。

不管是簡單的還是復雜的,把平日裏制作的元素和素材進行整理總結,建立自己的素材庫。這樣,面對毫無準備的任務,我們就不會驚慌失措。花瓣或鷹是兩個很好的材料分類工具。

說到抄襲,就不得不提另壹個詞“抄襲”。其實對於抄襲的認定是見仁見智的。每個人都有自己的界限。而我能想到的避免抄襲的方法就是“刻意改變”。以下面的小人為例。

說到抄襲,就不得不提另壹個詞“抄襲”。其實對於抄襲的認定是見仁見智的。每個人都有自己的界限。而我能想到的避免抄襲的方法就是“刻意改變”。以下面的小人為例。

和日常收集整理元素壹樣,模板也是需要提前準備好的。我們需要找準產品定位,設計出過去為banner量身定制的模板。可以參考原型圖做出黑白排版樣式。

至於上面提到的大小問題,我們可以通過放置鏈接的智能對象,快速批量修改banner的大小。

①篩選出大小或形狀相似的橫幅;

(2)找出關鍵的橫幅尺寸,以此作為畫圖的基準;

③banner中文案文字的高度範圍應在眾多尺寸中高度最小的banner的尺寸範圍內。

④在基準尺寸圖中設計。打開其他大小的PS文件,選擇文件-放入鏈接的智能對象-調整大小。這樣,當我需要調整時,我只需要修改基準橫幅圖。

作為壹名設計師,我相信我不希望遇到需要臨時繪圖的情況。但我們也需要為這種情況做好準備,以確保時間緊迫時我們的設計輸出質量。所以日常的收集和積累尤為重要。

  • 上一篇:俄羅斯第壹舞者
  • 下一篇:勵誌少年的故事
  • copyright 2024編程學習大全網