您現在的位置是:首頁 > 攝影首頁攝影
如何巧用SLOGAN,讓畫面變得更有設計感!
如何點綴畫面
Slogan在Banner中佔據著舉足輕重的地位,Slogan設計得好,可以成為廣告圖的點睛之筆,畫面品質感明顯提升。設計得不好,也能毀掉整個Banner。本文主要分析如何巧用Slogan(品牌口號,廣告語),實現網頁Banner的創意表現。
那麼來了解下Slogan對Banner有多大的影響?
如果說Banner 比作一個人的臉,那麼標語就相當於臉上的五官,以及臉的架構。一個人是否帥氣主要還是看她的臉的骨架和五官是否精緻,同理你應該知道標語對Banner視覺的影響有多大啦。
來看看有哪些因標語而廢掉設計作品
下面整體的背景和產品質感都可以,但使用者看著顯得很low,是因為被標語設計排版給破壞了。( 這裡隨便選擇了一些作品,只代表個人觀點哦~ )
1。 標語排版位置以及大小對比度過小,所以壓不住畫面,導致畫面視覺衝擊力不夠。
2。 英文和VI元素不搭配,文字無緊湊感,對比不夠。
3。 框太細,文字對比不夠,沒有品牌感。
4。 文字和畫面不夠呼應,太小壓不住畫面,文字太呆板點綴突出設計有點讓人琢磨不透 層次感不夠
5。 樣式過多
透過以上舉例的部分案例,我們發現一個Banner設計的好壞,光靠質量高的圖是達不到的,還要有一個好的Slogan設計。
那麼我們如何使用Slogan 讓 Banner變得更有設計感呢,這次從入門到基礎到初級進行分析。
入門 - 在畫面中比例位置
基礎 - 結合圖案/圖形
初級 - 改變形狀/字型樣式
標語在畫面中的構圖常見為:左右對稱、上下對稱、對角對稱、滿屏、字形對稱、黃金分割比位置等。
主要根據畫面中為圖片主視覺元素 來定製標語位置在那裡。最好不能破壞畫面的平衡感、統一性、可讀性等原則。
一. 透過結合/圖形元素讓Slogan變得具有設計感
在使用的時候需要注意品牌的定位,運用環境,以及在畫面中的比列位置等,儘量不要影響畫面構圖。
常見的一些設計方式分為:
1. 方形
具有突出/分割作用
2. 方框
使標語更緊湊,增加層次感
讓文案單獨區分並且突出出來
增加層次感
原本人物和圖片是緊貼在一起的,設計師使用了線框的元素,巧妙的使得整個標語和畫面變得具有層次感。
這裡設計師也是使用相同的處理方式,注意在使用線條的時候一定要讓線條穿插不一樣的平面,才能給使用者傳達出前後層次的關係。
3. 三角形
其實和方形一樣,三角給使用者的感受更加凌厲,主要在運動或者器械類行業偏多,主要給使用者的目的也是起到突出吸引,區分平衡畫面等作用。
運動類行業增加速度感/豐富畫面
4. 圓形
同理圓形也是一樣起到的作用,具有突出、分隔 等作用,主要給使用者傳達出平滑柔性的感受,常用於化妝品,偏向女性化小孩等使用者群體居多。
突出分隔作用
利用圓形讓中間的標語在畫面中突出出來,起到吸引使用者的視覺,還能透過圓點讓標語和背景和之間具有一定互動效果。
增加層次感/豐富畫面
5. 不規則幾何圖形
不規則圖形也具有突出,分隔等作用, 常運用在個性化行業中,比如潮牌,個人設計師網站等。
突出分隔作用
準確的說右邊圖形是兩個多邊形組成的,恰好從畫面中起到了突出作用。
當作標籤使用
整個標語排版比較活躍,設計師巧妙的將圖形運用在標籤上面,使得整個標語變得更有設計感。
6. VI 標誌
Slogan中往往提取一部分來自VI標誌中的圖形元素,會讓整個設計起到畫龍點睛的作用,這類設計常用在品牌網站中,用於傳達企業的品牌知名度。
直接運用全部品牌圖形
運用品牌輪廓比例
Slogan中的圖形化形狀來源於品牌VI的外形讓畫面變得具有透氣感,同時也傳達出來了品牌感。注意儘量挑選VI輪廓有規律的圖形來嘗試。太複雜的話會讓使用者不太理解,以及畫面的不美觀。
運用品牌中間的色彩形狀
7. 繪畫元素
使用繪畫的方式會讓整個Slogan在風格和材質統一性更強/更有趣味性。多數適合於各種行業。
製造環境
製造特殊圖形
增加立體感
二. 透過結合圖片元素讓Slogan變得具有設計感
在使用的時候需要注意品牌的定位,運用環境,以及在畫面中的比例位置等,儘量不要影響畫面構圖。
常見的一些設計方式分為:
1. 品牌圖片
相對於圖形化,圖片的結合更加具有感染力,更快把帶你帶入情境中,主要作用還是宣傳品牌為主。多數會從品牌宣傳的元素中提取元素進行結合,比如代言人、產品、影片、插畫等。
使用模特特質作為修飾
2. 產品圖片
在產品上增加文字能巧妙的向用戶傳達出產品的資訊,同時節省大量資訊展示空間,又能在視覺上增加層次感,主要運用於產品類網站。
展示產品型號為主
3. 場景圖片或影片
顧名思義,使用和品牌相關的圖片和文字之間進行組合起來,讓字型不再單調。這裡多數情況以H5方式來展示。
使用文字遮罩的效果
模擬真實場景的使用
4. 圖形圖片
圖形和圖案之間結合起來會擦出怎樣的火花?會讓你的標註變得更有art的感覺。
虛實結合,傳達出不一樣的感受
三. 透過變化Slogan整體的形狀讓它們變得具有設計感
常見設計方式為:
1. 三角形
常見標語架構偏向有正三角,倒三角,右邊三角形這幾種形態。這裡就介紹常見到的正三角形的設計形態。
2. 方形
常見表現方式有長方形 正方形 這兩種形態,讓標語排版有嚴謹的感覺。
3. 圓形
常見方式有橢圓、圓形這兩種形態的排版方式,下面的設計作品就是使用了圓框元素和Slogan結合使用,注意做此類設計方式的時候,得注意文字的數量,因為純商業的比較少,畢竟比較難保證它的可讀性。
4. 六邊形
五邊形六邊形比較多運用在於字型排版,往往會使Slogan變得具有層次感。設計的時候切勿不能亂用,一定要符合設計的本質才能使用。
四. 傾斜
使用傾斜的設計方式(弧形,左右傾斜等改變Slogan整體形狀的角度)告別死板的Slogan設計方式。
1. 上弧形
2. 上下弧形
3. 左右傾斜/旋轉
這裡Slogan也是採用了相似設計手法,不過是左傾斜
4. 豎列
Slogan 使用豎列的排版也能讓主視覺更加具有別具一格的感受。
此類設計更多運用在偏向情懷文化類的產業中運用。
下面也是採用了相同的設計方式。文字數量上控制的不多。
5. 橫豎結合
橫豎排版常見於運用在中國風或單獨的設計中。豐富標語層次感。下面Slogan設計使用了橫豎結合的設計方式。設計的時候需要注意:前後關係層次,主次關係等比例。
五. 透過變化Slogan中間文字的字型樣式,能夠產生強烈的對比增強設計感
常見設計方式為:
1. 單獨字型尺寸
透過改變Slogan字型的大小,來製造出標語中段落的空間感。右邊設計中就是放大數字
01,讓它和其他的文字產生對比。
2。 豐富背景
下面的設計也是一樣,將Slogan中的文案單獨突出出來,作為背景使用。
他這邊更多表現的是一種修飾為主,但是同樣也讓文案保持來一定的對比。
3。 透過改變特殊樣式
使得標題和副標題產生對比,製造出來空間感。
4。 透過改變色彩/位置
5。 改變字型
當我們碰到畫面Slogan文字資訊少的時候,我同樣可以採取一些特殊的字型搭配。
總結
在使用標語進行變形的時候,總結出來了多邊形、圓方、三角、橫豎、排列、傾斜等。我們介紹的方法不能死用,要根據品牌調性以及畫面中的比例去用。