平面設計——banner篇

2021-01-07 設計師工作日記

2020/07/15塵土人間多少事,相關,只有初逢兩少年。

banner主要投放於網際網路,在網際網路廣告中發揮著重要的作用。今天要介紹的就是如何通過banner去做更好的宣傳和如何更好的提升設計水平。

首先什麼是banner?翻譯成中文是「橫幅、廣告」的意思。最常用於網站的大標題,也就是網站的橫幅廣告了。

在設計banner前需要先了解項目定位和需求,再確定設計風格。不同類型的banner定位給人的感覺也不同,扁平式、留白、活力、波普風、文藝、中國元素等等……

一般常規版式有左右編排、上下編排等。

左右編排,一般通過三分法進行構圖,具體可以參考手機相機的九宮格參考線功能,如同漢字的「井」字,在九宮格的兩邊豎線放置主體物,假設左邊為主要文字範圍,右邊為主體圖片位置,就可以輕鬆找到畫面的平衡點,形成左右編排的構圖。

這樣的排列方式可以讓畫面產生從左向右的閱讀順序,這也是banner設計中使用最廣泛的方式了。

上下編排,如果要強調主圖元素,可以將圖片擺放在文字的上方,讓讀者第一時間了解到版面的主體信息,使畫面表現出穩固的效果。

對角編排,通過左上角與右下角的交點對角關係,形成對角平衡的效果。例如左上角放置主題文字,右下角放置圖片元素。

中心編排,將主要信息放置於版面的中央,兩邊添加其他裝飾元素,用以豐富版面的層次感,並且提升畫面的主體信息。還可以將主要信息放置於版面中央,底部添加背景素材,形成疊加穿插的視覺效果,以增加畫面的設計感,吸引用戶眼球。

下面總結整理一下我平時遇到的一些問題和解決辦法,如果覺得這篇文章對你有所啟發歡迎點讚再看分享三連,感謝支持。

關於文字搭配,首先注意字體結構要看起來搭配,同一畫面的字體應該控制在三種以內,可以試著把重要信息放大加粗、改變字體顏色的方式增加畫面立體感,使信息內容主次分明,讓讀者快速獲取信息。

也可以改變文字排版方向,例如傾斜編排,增強畫面的動感,給人一種強烈的視覺效果。

有時設計圖或者飛機稿配色過於單調的時候,可以優先選用對比色,讓主體文字與背景形成強烈的對比,可以起到聚焦和突出的作用。還可以通過添加臨近漸變色作為背景色,這樣的配色更加吸引眼球,再添加其他漸變色塊作為點綴元素,使版面更加豐富。

當畫面編排單調沒有層次感時,可以適當加入色塊,注意主圖可以適當加入陰影處理,增加空間感。

以上。

相關焦點

  • 網頁banner設計基礎篇
    網頁設計設計過程中,banner圖是整個網頁中,圖片面積最大,位置最顯眼的區域,甚至一個好看的網站就取決於banner的設計。banner的設計和海報設計其實可以統稱成一樣,設計的原理還是相同的,只是banner要考慮整體網站的結構,是否協調,設計上相對平面設計要簡單很多。
  • Banner設計技巧:6招搞定點綴元素的運用
    「油鹽醬醋茶」以及「綠葉」都是可以的,主要看你的banner設計是什麼樣一個定位方向。其實點綴元素的排列運用無非也是平面構成的運用啦,以上我只是總結了一小部分,其他的我們以後再說。五、點綴元素的獲取方法以上講了這麼多點綴元素的玩法運用,那麼點綴元素是憑空捏造出來的嗎?
  • 網站banner設計的技巧!
    網站設計有美麗的banner,你的網頁能吸引很多遊客的注意力。網站banner在網頁上的重量比較大,品質和美觀的banner會大幅提高你網站的品質。速推SEM網站banner的設計只是網站的設計要素之一,在整體網站的設計中,設計師沒有多少時間進行設計,所以積累了設計師平時設計網站banner的經驗有些設計師的網站banner既沒有靈感也沒有經驗,也沒有良好的品質。在多年的網站設計經驗中,總結了網站banner的製作。如果你做不出好的banner的話,按照我們說的那樣,可以感受到耳目一新。
  • 如何設計網頁小廣告(banner)
    【譯者的話】 網頁上的小廣告(banner)已經成為一種宣傳推廣的重要形式,但這些小廣告除了版面細小外,圖象的表現還受到象素較低等其它因素影響,給傳統的平面設計師帶來了新挑戰。如何讓你的小廣告在混亂無章的網頁中脫穎而出?
  • banner設計其實很簡單,只要你學會這些技巧
    今天分享的這篇文章來自UI中國優秀會員-張增順,根據實例詳細講解banner設計使用了這些技巧其實是如此的簡單
  • 網站設計時如何做好banner的設計?
    在網站設計的時候,關於網站banner設計,是非常考驗設計師的水平的,因為很多客戶既要求節約成本,又要效率高,短時間可以設計出出彩的作品,所以,下面給大家說下網站banner設計的幾大技巧和注意事項。3、按照客戶的閱讀習慣來設計一般人們的閱讀習慣都是從左到右、從上到下的,所以網站設計網站banner時候也要遵循這個規律,不要相反,會讓人很不舒服。4、產品展示要能激發客戶的欲望信息爆炸的時代,客戶瀏覽網頁的注意力是幾秒鐘,所以要第1時間進行產品的展示,命中主題。
  • Banner圖設計之商品圖該怎麼玩?(上集)
    ~,接下來進入正題:一、拿到一個banner設計需求後,我們該怎麼做接到一個banner圖的設計需求,第一件事情應該是去了解以下幾個方面點: 1、banner圖是針對什麼活動、什麼目的而設計的我們需要知道做這個的原因,為誰而做,比如是為了某個節日專題活動還是針對某一個單品的預售,是走高端大氣上檔次路線,還是走促銷親民熱鬧路線等等,
  • 網站廣告banner圖如何設計?
    我們通常打開網站會看到很多長方形形狀的廣告圖片,稱之為網站banner,網站的Banner可以放在網站不同的位置,在訪客瀏覽網站的時候,吸引訪客的關注,從而獲得宣傳和銷售的效果,我們常常看到的網站百葉窗也是網站banner的一種。
  • 網站banner設計有什麼好的方法
    網站banner設計對整個網站起著非常重要的作用,以下介紹本人在目前工作中針對banner設計收集整理的一些方法。網站banner設計方法/步驟1、網頁設計設計主題要明確在banner設計之前,設計師必須與客戶溝通具體要表達的主題和要突出的重點,然後設計師根據客戶要求來設計製作banner,在與客戶溝通過程中一定要明確需求,如果客戶希望是醒目點的可以用紅色或者黃色來設計,如果客戶希望整潔舒服些的可以用白色或者淡綠色來做底色。
  • 手繪在banner圖設計中怎麼應用?
    關鍵字:電商設計 banner導語:過去幾年,電商頁面設計都是相對較傳統的表現形式,風格也比較單一。很多專業學習了手繪的設計師們,他們把手繪元素帶入了電商頁面設計上面,這些手繪元素令電商設計行業變得更加豐富多彩。
  • Banner設計五重奏~奏
    本期給大家banner的組成解析,也不絕對的。主要是日常中出現一些設計手法,以下講到的各個組成元素  不止是在banner中有所表現在其它方面的設計中也有,所以呢大家不要很絕對說什麼類別的設計裡面要出現什么元素。    今天我們來一起聊聊banner五重奏。os:名字起的不錯吧~~~案例來源於網絡 多有得罪請恕罪O(∩_∩)O哈!
  • 【乾貨】Banner設計排版參考大賞
    Banner設計是我們設計生涯不可避免的一種廣告設計技法!
  • 網站首頁Banner圖設計應該注意這幾點
    首頁的Banner圖設計構思可以說是我們平時工作中最重要的一塊工作,首頁的banner圖不比大型項目,從設計方案成本費用上來說不太可能給過多的時間給產品設計師,所以這也引發了我們應該對怎樣更高效率地完成1個banner圖的思考。
  • 講解網站banner設計時有哪些要求和問題
    為了使banner合理的被客戶訪問,應該順應用戶這樣的瀏覽習慣,糟糕的設計會讓客戶無所適從,焦點隨處都是。banner圖的設計需要設計人員來操作,很多公司用戶企業裡沒有設計師,只能從外面找設計人員,通常要麼找之前做設計網站的,或設計人員來設計,要麼就會在平臺來找設計人員或者企業操作而這無一不是要勞動力費用的,都是要收費的。在網站配圖的設計中,使用倒三角已經成為一種相當常見的操作。
  • 平面構成在Banner中的運用!
    文/杜豔豔 平面構成主要是在二維空間運用點、線、面結合一定的規律所形成的一種視覺語言,而Banner中的所有元素,如:文字、圖像、背景、點綴物,其實都可以看作是平面構成裡的點線面這些構成元素,運用平面構成的設計法則可以更好的完成Banner設計。
  • 如何做出靠譜的Banner設計?這篇文章可以幫到你!~
    但電商設計師的職責可不單只是考慮視覺層面的設計就夠的,比如只是把一些文案和圖片按一定的設計原理堆放在一張畫布裡而已。因為我們做的是商業設計,所以需要明白做這個Banner設計的商業目的是什麼,然後弄清楚為了達到這個目的,什麼樣的文案才適合放上去,以及什麼樣的設計效果+氛圍+配色+排版布局更合適。
  • 如何做好 Banner設計?我總結了這4類基礎知識
    前段時間一直在做運營類設計,banner 在其中佔了較大比重,為此就想寫一篇階段性總結。其中部分觀點參考了相關視頻教程和文章,設計新手一枚,如有不足還請大家海涵。banner 由以下五部分組成:版式,字體,顏色,背景,點綴。我就針對這幾點做些具體分析。
  • 2020下半年,平面設計九大趨勢來了!
    一晃2020即將過去一半,作為優秀的平面設計師,應該具備足夠的行業敏銳力,緊跟世界最新設計潮流,時刻關注設計風格的發展趨勢,為客戶設計前沿的時尚設計作品。 那麼,今年下半年,平面設計趨勢流行哪些呢?
  • 菜鳥如何學習平面設計?平面設計學習分幾個階段?
    平面設計是屬於所有設計裡最基礎的一門課程。因此,也流傳著一種說法就是平面設計門檻很低。這種說法到底對不對呢?初一看挺有道理,但是實際的想一下,要想全面的系統的學習,也不是一件容易的事,要學習的內容還是比較多的。那麼下面武漢平面設計培訓小卓老師就和大家分享一些學習建議,看一下菜鳥小白學習平面設計要分幾步!
  • 從人性的角度,揭露電商Banner設計背後的14個秘密
    作為電商設計師的我們,每天會面對各種需求,每天看到各種商品,做了這麼久的電商banner設計,我突然問了自己一個問題:當我們在做Banner的時候,我們在做什麼?你們想過這個問題嗎?作為協助完成線上交易的其中一個環節,電商設計要做的是準確地把信息傳達給用戶,直白一點講就是通過對文字圖形的處理去傳遞某種情緒給到消費者,讓消費者產生點擊購買的欲望,banner圖的受歡迎程度直接關係到圖片的點擊率和轉化率,所以當我們在做banner圖的時候我們在做什麼呢?我們其實是在揣摩人性,我們做的banner歸根結底就是對人性的把握和理解。人性的惡而人性包括什麼呢?