原來Banner設計還有這麼多套路!

2022-01-13 UI頭條

今天分享的文章來自於UI中國會員-FLYXMF 的Banner製作的套路分析。

文章開始前，小編先附上本周日UTalk青島站的線上直播報名通道，識別二維碼即可報名哦！

好了，進入正文：

以下內容是我在製作banner時的簡略分析，以及平日素材的積累和應對突發任務時的思考。

（點擊圖片可查看大圖）

公眾號會壓縮圖片質量，大家想查看高清大圖的，可以在PC端訪問原文：

http://www.ui.cn/detail/409250.html

作者：FLYXMF 

UI中國主頁：http://i.ui.cn/ucenter/162727.html

查看超多設計教程，戳「閱讀原文」 嗷~~。

拓展閱讀：

別不信，其實banner才是真•社會！

banner設計其實很簡單，只要你學會這些技巧

「為什麼我做的banner這麼醜？」其實這裡大有學問。

活動推薦：

倒計時1周！第三屆防震減災公益設計大賽，你交稿了嗎？

重要通知！UTalk青島線下分享會改時間了！

----UTalk直播分割線----

本周日（10月14日）下午UTalk青島站就要開始啦！

並且！嘉賓再次加碼！摩登天空MVM視覺廠牌數字交互組負責人-趙子萌、平面設計組負責人- 寇帥，二位嘉賓也將來到現場為大家分享《MVM:從設計出發 讓視覺改變生活》的主題演講。

我們也為無法去到現場的小夥伴準備了在線直播，識別以下二維碼，即可報名！

已經成功報名的小夥伴，記得準時籤到哦！

活動時間

2018年10月14日 - 星期日

籤到：13:30-14:00

正式活動 ：14:00-18:00

活動地址

青島市嶗山區銀川東路3號國信體育場

嘉賓陣容

新學習社區，新知識服務

董景博 / UI中國創始人

海爾小微企業運營

唐田 / 海爾智能家居工業設計部總監

字為源，人為本

明偉 / 方正字庫產品總監

MVM:從設計出發 讓視覺改變生活

寇帥 / 摩登天空MVM視覺廠牌平面設計組負責人

MVM:從設計出發 讓視覺改變生活

趙子萌 / 摩登天空MVM視覺廠牌數字交互組負責人

UI設計師的進階之路

黃俊傑 / UI中國推薦設計師

已經成功報名的小夥伴，本周日下午，不見不散！

-關於我們---

UI中國 專業用戶體驗設計平臺

主站：www.ui.cn

新浪微博：@UI中國

合作請加微信：18931333875

相關焦點

  • 手繪在banner圖設計中怎麼應用?
    很多遊戲類的banner跟我們平時看到的普遍電商banner做法都是一個道理的。（2）店鋪風格或者角色需要手繪才能製作因為店鋪產品或者整體的風格需要，比如要做一些可愛/充滿夢幻色彩/搞怪/內容量特別多的banner設計，你可能都需要藉助手繪來完成，因為手繪的形式多種多樣，就可以充分發揮自己的想像力表現出來。
  • 網站banner設計的技巧!
    網站設計有美麗的banner，你的網頁能吸引很多遊客的注意力。網站banner在網頁上的重量比較大，品質和美觀的banner會大幅提高你網站的品質。速推SEM網站banner的設計只是網站的設計要素之一，在整體網站的設計中，設計師沒有多少時間進行設計，所以積累了設計師平時設計網站banner的經驗有些設計師的網站banner既沒有靈感也沒有經驗，也沒有良好的品質。在多年的網站設計經驗中，總結了網站banner的製作。
  • 【設計乾貨】如何辨別和分析一個Banner的好壞?
    Banner的適用範圍非常廣，但其實很多人對banner缺乏認知，把它想的太過簡單，又或者太過複雜，所以今天就來帶大家重新認識它－Banner。讓你在以後做Banner設計時，可以做到不撕逼而是有條理、有依據地去說出自己的觀點，並給出意見。
  • Banner設計三部曲之形式-(1)
    新的文章，已經懷孕了，還有段日子就生了，大家別急。畢竟「生孩子」這種事情是急不來的嘛。23333要講的內容一、banner三部曲1-先形式版面形式標題形式一、先形式之版面形式為什麼要先形式先確定版面的形式、布局、標題樣式，然後再去考慮版面的色彩搭配。
  • 平面設計——banner篇
    banner主要投放於網際網路，在網際網路廣告中發揮著重要的作用。今天要介紹的就是如何通過banner去做更好的宣傳和如何更好的提升設計水平。首先什麼是banner？翻譯成中文是「橫幅、廣告」的意思。最常用於網站的大標題，也就是網站的橫幅廣告了。
  • 做好Banner設計乾貨技巧
    但令很多設計師頭疼的的是遇到banner設計時無從下手，不知道該如何去設計排版，在上機操作時做banner又是最頻繁的測試題，今天就與大家分享一些設計banner的技巧，希望能幫到大家！在banner中來表現最自然最合適，畫面也不會顯得亂或者空。
  • 網站設計時如何做好banner的設計?
    在網站設計的時候，關於網站banner設計，是非常考驗設計師的水平的，因為很多客戶既要求節約成本，又要效率高，短時間可以設計出出彩的作品，所以，下面給大家說下網站banner設計的幾大技巧和注意事項。3、按照客戶的閱讀習慣來設計一般人們的閱讀習慣都是從左到右、從上到下的，所以網站設計網站banner時候也要遵循這個規律，不要相反，會讓人很不舒服。
  • 如何設計一個吸引人的廣告banner
    所以廣告banner的關鍵因素就是視覺衝擊力，能不能快速吸引眼球就靠它了。 我們經常可以看到一些很漂亮的插畫效果，如果把插畫融入到你的廣告banner設計中，是不是也可以很搶眼？使用網格網格通常的作用是方便組織大量的內容，使其變得有秩序一些，想對來說比起無規則的設計方式，這個設計形式會更節省時間，而且也能起到很棒的設計效果。
  • 面對不同運營團隊,如何規範運營Banner設計?
    運營banner是線上產品運營最重要的輸出之一，相信大家或多或少都接觸過；運營banner一般起到運營活動入口的功能，設計上要求有視覺衝擊力，能夠吸引人。在網際網路公司中，運營banner往往是由不同的運營團隊去完成，甚至一些跨國企業，運營banner是由不同國家的運營團隊完成的。
  • 聊聊banner丨做好banner,我總結了這5類基礎知識
    說了這麼多，總結出圖右字左和圖左字右的區別了嗎？圖片在右，配圖內容比較模糊；圖片在左，配圖內容比較清晰。由於人們習慣的閱讀順序是從左到右，左邊放什麼意味著用戶會先看到什麼。其實這和一級標題，二級標題是同個道理，我們在設計 banner 時總希望用戶能把 banner 上的文字看全，但又不希望大小標題混在一起主次不清，因此在排版合理，用戶能看清字的綜合考慮下，大小標題比例約為2：1。（其實小標題太小運營們也會懟的）banner 中常用的字體有三種：襯線體（serif）、非襯線體（sans-serif）、書法體（cursive）。
  • 經常聽到banner這個詞,但是banner是什麼意思呢?
    下面我們可以看一看其他設計師所設計的一些簡單的文字混搭的banner作品： 三：讓文字形成相對獨立的區域banner設計時，考慮到有些時候背景顏色比較複雜，也可能背景有比較多產品等元素，這時我們需要讓文字放在一個相對獨立的區域或色塊中，如果沒有相對獨立的區域，我們就要自己設計創造出這個獨立區域和色塊，這樣更便於文字閱讀，也能讓文字的視覺焦點加強。例如下圖：
  • 【Banner設計排版】SALE招牌設計可以怎麼玩?~
    記得去年年底跟幾個朋友一起去香港逛街，當時逛了一個商場的好幾十家店，幾乎每一家店裡都掛著一個寫著SLAE的牌子旨在吸引用戶進店購物，我發現每一家SALE招牌的設計樣式都不一樣，而且每一個SALE招牌的設計風格跟店鋪的裝修風格以及店裡賣的服飾風格都很搭調，所以也是挺感慨的，雖然只是很小的一塊招牌，但是對比大陸的一些商場，設計感好太多，我沒有拍照下來，但是我收集了一些其他的SALE招牌並以自己的理解概括總結了一下，大家可以一起看看，也許能對大家的Banner
  • Banner設計的技巧和方法
    banner上的字沒有要求，但一定是易識別的。人們買東西不是猜謎語和欣賞。就是要簡單。研究半天才能看明白的文字會讓人反感。 聚攏原則，不要讓用戶到處找文字信息，這樣也可以讓畫面看的更加規整，不會使畫面看著很亂。
  • Banner做的好才是真本事之「史上」最全Banner解析!
    我們來看下常見的banner設計風格有哪些？我這裡採用的是按設計手法來分類：1. 扁平風格圖14（近年最火的短視頻」抖音「引起了故障風熱潮，還有其他比較少見的波普風等）以上的大部分設計風格，都可以通過 PS/SK 為主,AI為輔來完成設計效果，其中三維風格的話就需要藉助
  • Banner做的好才是真本事之「史上」最全Banner解析
    我們來看下常見的banner設計風格有哪些？我這裡採用的是按設計手法來分類：1. 扁平風格圖14（近年最火的短視頻」抖音「引起了故障風熱潮，還有其他比較少見的波普風等）以上的大部分設計風格，都可以通過 PS/SK 為主,AI為輔來完成設計效果，其中三維風格的話就需要藉助
  • Banner文字設計技巧!
    設計Banner並不難，但是要具有視覺衝擊力，能在最短的時間內抓住用戶的眼球，引發用戶強烈的點擊欲望，還是需要一定經驗和技巧的，其中文字表現是Banner設計中的核心要素之一。2、文字風格的創意性。3、文字設計的視覺性。
  • 「為什麼我做的banner這麼醜?」其實這裡大有學問.
    其實呢，banner裡學問也不少。本文作者KSO UEC（金山辦公用戶體驗中心），在UI中國獨家分享了自己對設計banner圖時的一些梳理，走心好文，希望可以幫助到大家。直接進入主題，上圖是自己平時對banner圖一個抽絲剝繭的過程，這個圖大家可以看到，通過一級一級的分析，你會發現一個小小的banner設計可以慢慢囊括設計的各個分支中，像最後我用「∞」這個符號，其實只要你肯再用心去分析，比如標題可以有的樣式
  • 如何辨別和分析一個Banner的好壞?
    因為我考慮到來聽我分享的人，可能不都是做電商設計的，可能有做網頁的／做品牌的／做平面的／做UI的，甚至還有運營和管理者，而Banner剛好適用的範圍非常廣，同時也確實很多人對banner缺乏認知，把它想的太過簡單，又或者把它想的太過複雜，今天剛好藉助這個機會，我帶大家重新認識它－Banner。
  • 這個banner設計技巧,不知當講不
    首先，這個Banner看文案便知是情人節主題的，而情人節主題的banner設計其實有很多種感覺氛圍可以去表現，比如浪漫的、小清新的、華麗的、炫酷的等等，那麼這裡感覺設計師是想往粉嫩可愛的方向去發揮，剪紙風格方向
  • 分享26種Banner設計技巧!
    那麼今天小編就帶來關於Banner風格設計的手法，利用合適的設計風格，去表達最主要的情感思想，從而給整個設計起到宣傳的效果，設計出高質量的Banner。02多圖片排布無論在什麼設計裡，將主要的設計內容置於畫面的中間，其他元素成為輔助的功能，裝飾主體，可以聚焦視覺的中心點，設計作品的視覺感覺可以很棒。