Banner設計的技巧和方法

2022-01-24 視覺半徑

一.文字排版

文字中間大,上下小,大部分的排版都在遵循著這個規律。因為人們視線是發散性的,而且這樣的做法可以讓畫面更具有張力。

 

banner上的字沒有要求,但一定是易識別的。人們買東西不是猜謎語和欣賞。就是要簡單。研究半天才能看明白的文字會讓人反感。

 

聚攏原則,不要讓用戶到處找文字信息,這樣也可以讓畫面看的更加規整,不會使畫面看著很亂。

文字做背景,簡單常見的英文可以用作背景修飾,這樣使背景更豐富,模特壓在英文上能拉出空間感文字也能讓人看懂。


副標題加背景色塊,有分割的作用還能讓視覺重心不往下沉

二.選擇合適的圖片和背景



如果本身就有現成的不錯的實景拍攝照片拿來用,那就最好了,不過需要注意的一點就是,我們把照片拿來直接用的時候,一定要保證文字信息的可閱讀性,所以在文字部分會適當加一些半透明蒙層、塗抹顏色或者背景虛化的處理,以保證文字的可閱讀性。


選擇使用場景作為背景,當然也是需要處理圖片的色彩。


漸變背景色拉出空間感,使用產品的相近色,加一些符合主題的紋理作為點綴和修飾。

這類背景的製作要義在於整體場景的搭建要注意圍繞著產品特性或者主題去營造相對應的氛圍,要注意對光影、環境色以及透視等的把握。

 

總體來說我們只要記住,背景他就是個作陪襯的,他不能搶了主角的風頭,同時背景他又在整個設計中起到了烘託主題渲染氣氛的作用,所以背景應該圍繞著我們的設計主題來展開製作,而不是異想天開的。

選擇圖片要清晰,產品圖不易過多,遵循近大遠小的原則,最好和文字之間有互動有聯繫

二.顏色的用法

我們常見的配色方式有同色系、相似色、互補色、對比色搭配,這裡在互補色裡面劃分出了補色分割(與互補色相鄰的兩邊的顏色)以及單邊補色分割,此配色方式的目的是為了讓配色在形成鮮明對比的情況下又能有較高的融入度,較互補色而言柔和很多。

 

日本設計師曾經針對色彩配色提出比例原則70%,25%,5%的配色比例方式,其中底色為大面積的70%,而主色和強調色則是可以區分和對比。

總結:圖片選擇清晰,文字排版合理有設計感,顏色選取合適,小裝飾物的點綴。一張合格的banner就做成了,其實設計的基本原則多練多觀察多臨摹,潛移默化中就能領會到設計的真諦了。

註: 本文純屬學習交流,部分圖片來源於網絡,如有侵犯請及時與本人聯繫!

文章發表地址:http://www.zcool.com.cn/article/ZNDcwMDQ4.html#

更多文章,請關注我們的微信公眾號!

相關焦點

  • 做好Banner設計乾貨技巧
    具有面積大、顏色豐富、動畫效果和互動的特點。但令很多設計師頭疼的的是遇到banner設計時無從下手,不知道該如何去設計排版,在上機操作時做banner又是最頻繁的測試題,今天就與大家分享一些設計banner的技巧,希望能幫到大家!
  • 網站banner設計的技巧!
    網站設計有美麗的banner,你的網頁能吸引很多遊客的注意力。網站banner在網頁上的重量比較大,品質和美觀的banner會大幅提高你網站的品質。速推SEM網站banner的設計只是網站的設計要素之一,在整體網站的設計中,設計師沒有多少時間進行設計,所以積累了設計師平時設計網站banner的經驗有些設計師的網站banner既沒有靈感也沒有經驗,也沒有良好的品質。在多年的網站設計經驗中,總結了網站banner的製作。
  • Banner文字設計技巧!
    設計Banner並不難,但是要具有視覺衝擊力,能在最短的時間內抓住用戶的眼球,引發用戶強烈的點擊欲望,還是需要一定經驗和技巧的,其中文字表現是Banner設計中的核心要素之一。文字設計是Banner中最直觀、最明了、最迅速的一種信息載體,具有表達情感意象和傳播信息功能,Banner中的文字設計要體現應用性和藝術性,既要便於人們視覺識別,又要給人們視覺審美感受,實現文字傳遞信息的最佳效果。
  • 【設計乾貨】如何辨別和分析一個Banner的好壞?
    Banner的適用範圍非常廣,但其實很多人對banner缺乏認知,把它想的太過簡單,又或者太過複雜,所以今天就來帶大家重新認識它-Banner。讓你在以後做Banner設計時,可以做到不撕逼而是有條理、有依據地去說出自己的觀點,並給出意見。
  • 網站設計時如何做好banner的設計?
    在網站設計的時候,關於網站banner設計,是非常考驗設計師的水平的,因為很多客戶既要求節約成本,又要效率高,短時間可以設計出出彩的作品,所以,下面給大家說下網站banner設計的幾大技巧和注意事項。3、按照客戶的閱讀習慣來設計一般人們的閱讀習慣都是從左到右、從上到下的,所以網站設計網站banner時候也要遵循這個規律,不要相反,會讓人很不舒服。
  • 這個banner設計技巧,不知當講不
    當然這裡也需要說明一下,一個小小的banner設計裡面其實蘊涵了大量的方向/維度/信息,你可以選擇以突出氛圍為主,你也可以選擇突出文字為主,你也可以選擇突出商品為主,甚至如果你覺得自己夠厲害你可以把他們都突出但是又能做到整體協調,這些都是你自己的選擇問題,設計並沒有唯一答案,主要看你有什麼需求方向。 改稿案例二
  • 手繪在banner圖設計中怎麼應用?
    關鍵字:電商設計 banner導語:過去幾年,電商頁面設計都是相對較傳統的表現形式,風格也比較單一。很多專業學習了手繪的設計師們,他們把手繪元素帶入了電商頁面設計上面,這些手繪元素令電商設計行業變得更加豐富多彩。手繪風格對於電商設計行業起到了非常積極的正面的影響,不同的主題和繪畫風格,使其表現形式具有原創性。
  • 原來Banner設計還有這麼多套路!
    拓展閱讀:別不信,其實banner才是真•社會!banner設計其實很簡單,只要你學會這些技巧「為什麼我做的banner這麼醜?」其實這裡大有學問。活動推薦:倒計時1周!第三屆防震減災公益設計大賽,你交稿了嗎?重要通知!UTalk青島線下分享會改時間了!
  • 平面設計——banner篇
    banner主要投放於網際網路,在網際網路廣告中發揮著重要的作用。今天要介紹的就是如何通過banner去做更好的宣傳和如何更好的提升設計水平。首先什麼是banner?翻譯成中文是「橫幅、廣告」的意思。最常用於網站的大標題,也就是網站的橫幅廣告了。
  • Banner設計三部曲之形式-(1)
    這一期分享主要是說到我自己在工作中做營銷banner設計的方式和案例詳解,分為3個大方向然後分為幾個小方向,我們一個一個去了解清楚。在此要說明的是,流程呢是我個人平時的習慣方式。僅供參考,希望能幫助到大家,反正我都寫了。那我們就來一起聊聊banner三部曲。os:名字起的也不錯吧~~~部分案例來源於網絡 多有得罪請恕罪O(∩_∩)O哈!
  • 如何辨別和分析一個Banner的好壞?
    因為我考慮到來聽我分享的人,可能不都是做電商設計的,可能有做網頁的/做品牌的/做平面的/做UI的,甚至還有運營和管理者,而Banner剛好適用的範圍非常廣,同時也確實很多人對banner缺乏認知,把它想的太過簡單,又或者把它想的太過複雜,今天剛好藉助這個機會,我帶大家重新認識它-Banner。
  • 如何設計一個吸引人的廣告banner
    如果背景選的好,稍微來一個模糊的效果,不僅能突出標題或按鈕,還能給你的設計添加一些紋理和質感,使你的設計不會太單調。與經典的顏色疊加顏色疊加使用了一個簡單的方法來使你的圖片風格化。在一個單一的陰影顏色下使圖片更加有層次。
  • 【乾貨】如何辨別和分析一個Banner的好壞?
    /做平面的/做UI的,甚至還有運營和管理者,而Banner剛好適用的範圍非常廣,同時也確實很多人對banner缺乏認知,把它想的太過簡單,又或者把它想的太過複雜,今天剛好藉助這個機會,我帶大家重新認識它-Banner。
  • 分享26種Banner設計技巧!
    那麼今天小編就帶來關於Banner風格設計的手法,利用合適的設計風格,去表達最主要的情感思想,從而給整個設計起到宣傳的效果,設計出高質量的Banner。,圖片和文字可以產生互動,突出主題,相輔相成。,進行微妙的分割,有明確的獨立性和引導性。
  • 經常聽到banner這個詞,但是banner是什麼意思呢?
    banner可以作為網站頁面的橫幅廣告banner報紙雜誌上的大標題banner遊行活動時用的旗幟banner就是廣告條唄!.今天就給大家分享一篇關於banner文字設計的一些經驗方法的文章,若能認真閱讀,會有所收益的!
  • Banner廣告文字運用技巧!
    設計Banner時候1千萬不要不加思索地就把正文和標題文字硬生生的放上去1那會讓你的Banner顯得毫無設計技巧。很多新手容易犯這樣的錯,就算字體顏色樣式處理得很好,也會看上去很呆板。例如:大小和顏色的變化;排列組合的變化;不同字體之間的對比;中英文字體的對比等等。這些都是一些常見的處理方式,當然這也是 banner文字設計的基礎。有些Banner廣告為了表達動感,會根據背景圖片和主題需要對文字進行傾斜、斜切或透視等處理,有時候會令畫面達到出乎意料的效果。
  • 【Banner設計排版】SALE招牌設計可以怎麼玩?~
    ,而且每一個SALE招牌的設計風格跟店鋪的裝修風格以及店裡賣的服飾風格都很搭調,所以也是挺感慨的,雖然只是很小的一塊招牌,但是對比大陸的一些商場,設計感好太多,我沒有拍照下來,但是我收集了一些其他的SALE招牌並以自己的理解概括總結了一下,大家可以一起看看,也許能對大家的Banner
  • 第一次做banner圖的思路
    :菜心設計鋪 這算是我第一次做banner需求,可以說學到了太多知識點,這裡感謝慢熱大佬的細心指導。 可以說,沒有慢熱大佬,就沒有我的今天的這張banner圖! 先看下成稿效果吧:
  • 面對不同運營團隊,如何規範運營Banner設計?
    運營banner是線上產品運營最重要的輸出之一,相信大家或多或少都接觸過;運營banner一般起到運營活動入口的功能,設計上要求有視覺衝擊力,能夠吸引人。在網際網路公司中,運營banner往往是由不同的運營團隊去完成,甚至一些跨國企業,運營banner是由不同國家的運營團隊完成的。
  • 六張電商Banner設計告訴你如何讓畫面分割不呆板?
    在設計banner的時候,我們會為了讓畫面顯得更生動、有豐富、有趣味會使用一些小技巧,比如畫面分割(這種技巧大多會用在多種元素對比的情況下