search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

[ 平面理論教程 ] 怎樣才能設計出一張好的Banner設計- 設計教程 - 骨子愛創意

教學主題: 怎樣才能設計出一張好的Banner設計

大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

今天的這個教學主題是: 怎樣才能設計出一張好的Banner設計

這教學的重點為這幾點 [ 設計,怎樣,才能,主體,文字,背景,字體,畫面,可以,ban ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

banner設計作為互聯網從業者必備的技能,一張好的banner,絕非三五分鐘就可以搞定的!它同時也能看得出一個設計師對項目的理解、色彩感、版式、整體的把握。

banner設計作為互聯網從業者必備的技能,一張好的banner,絕非三五分鐘就可以搞定的,它同時也能看得出一個設計師對項目的理解、色彩感、版式、整體的把握。

banner的功能是傳達信息!現在隨着移動互聯網的到來!我們跟習慣於在手機,電腦上了解、發現這個世界。我們如何才能以一種即具可讀性和合理性,又更具有吸引力的方式來組織信息呢?

從背景層、主體層、文字層、這三個方面來分析如何設計一個具有吸引力的banner。

怎樣才能設計出一張好的Banner設計

01|主體層




通過對項目的分析,確定畫面的主體(主體可以是人物、產品圖或者文字)。先對一種元素進行視覺強化吸引觀眾的注意力。在確定畫面主體的同時,我們就可以把畫面的構圖,也就確定下來!目的都是為了傳達信息,讓畫面更具有吸引力。

1.1人物主體

怎樣才能設計出一張好的Banner設計

這張banner的主體是人物,作者為了更加突出主體在上面加了手寫感的英文和一些小元素來點綴,這種做法能很好的解決主體物不夠突出。在我們工作中,遇到主題物不夠突出的時候,也可以增加相關聯的文字或者線條來突出主體。(在給主體增加元素的時候,切記元素起搶了主題的位置)。

1.2產品主體

怎樣才能設計出一張好的Banner設計

這張banner的主體是物體 ,在主體的周圍添加了花和葉子豐富主體。在畫面四周也添加了些相同元素,這樣畫面更加統一、和諧。文字部分採用黑體居中對齊排列。畫面整體給你感覺典雅、舒適。

1.3文字主體

怎樣才能設計出一張好的Banner設計

文字做為主體,其實是把文字當作圖形來設計。整張BANNER的信息傳達更為準確。在純文字的編排中,要注意主體文字的閱讀順序,可通過對比的手法,來加強主標題和副標題之前的層級關係。




怎樣才能設計出一張好的Banner設計

02|背景層

背景層是為了突出主體。它可以確定畫面整體的色調。我們根據畫面要表達的感覺和主體的風格來選擇不同背景層的表現方法。

2.1 照片背景(高斯模糊)

怎樣才能設計出一張好的Banner設計




照片通過高斯模糊,讓他與主體產生空間感,如果畫面色彩感覺不統一,可以用漸變映射來調試。

怎樣才能設計出一張好的Banner設計

感覺背景和主體不夠分離的時候,我們可以用圖案疊加,在背景上加幾何形底紋在增加空間感。

2.2 純色背景、漸變背景、多色拼接背景

怎樣才能設計出一張好的Banner設計




小米網站banner基於設計規範和自營產品的電商設計網站。減去了設計中過於熱鬧、喜慶、大促的風格。產品展示圖中都是用帶有明暗漸變的背景來突出產品。這種背景的處理方法更容易出圖產品,整體畫面整潔,無過多的視覺干擾。也具有較強的品質感。

怎樣才能設計出一張好的Banner設計

多色拼接背景,讓畫面具有活力。幾何形或是不規則圖形的構型,更具吸引力,讓人聚焦。

2.3 商業攝影圖片、創意合成背景

怎樣才能設計出一張好的Banner設計




這種背景圖,屬於前期策劃好模特、配色、創意。還有後期的表現技法的熟練度(無論是修片還是合成)

03|文字層

文字最能準確的表達banner中的信息!他要突出於背景,又不能搶了主體,在字形的選擇上又要符合整個畫面的氣質。而且要具有易讀性。所以在文字的編排上要下一定的功夫。如主標題與副標題的層級關係。都要我們仔細深入的推敲。

一張banner中最多不要超多三種字體。

怎樣才能設計出一張好的Banner設計




黑體(無襯線字體):黑體字在字架上吸收了宋體字結構嚴謹的優點,在筆畫的形狀上把橫畫加粗且把宋體字的聳肩角削平為等線狀,形成橫豎筆畫粗細一致,變宋體字的尖頭細尾和頭尾粗細不一的筆畫為方形筆畫,因而獨具一格,給人一種粗實有力、嚴肅莊嚴、樸素大方的感覺。

蘋果官網的banner,用相對現代感的黑體,更具科技感!而改變了字體,就無法表達出產品的氣質。

因黑體具有易讀性,也可作為提示性或者敘述性文字使用。

怎樣才能設計出一張好的Banner設計
貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

細黑:可以表達大方、高端、精緻的氣質,具有現代感




怎樣才能設計出一張好的Banner設計
貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
的選區;按住Alt鍵將從起始點為中心勾劃選區。

超粗黑(綜藝體):具有力量感,筆畫簡潔粗壯,厚實有力 ,醒目,具有渾厚凝重的氣度。多用於活動大促標題。

怎樣才能設計出一張好的Banner設計

宋體:宋體字的字形方正,筆畫橫平豎直,橫細豎粗,稜角分明,結構嚴謹,整齊均勻,有極強的筆畫規律性。

此類氣質,可以在女性、高端、時尚、文化類banner中使用。




怎樣才能設計出一張好的Banner設計

圓體:筆畫轉角圓潤,結構方正飽滿,筆形柔和。可以表現出童真、活潑、歡快的特質!一般用於兒童產品或是輕鬆的畫面中。

怎樣才能設計出一張好的Banner設計

通過變形的圓體字形,也可以錶帶出少女感!可愛有趣的畫面。

怎樣才能設計出一張好的Banner設計




書法字體:霸氣、古典、文化、具有濃烈的中國風韻味。更具張力!電商大促也喜歡用書法字體。

怎樣才能設計出一張好的Banner設計

而小米活動banner,選擇了重新設計字體。字形,較為歡快輕鬆,非常符合主題。關於字體設計,一定不能為了表達字體的形式感,而破壞了字體的可識別性。

3.2增加字體的形式感

怎樣才能設計出一張好的Banner設計




左字右主體、左主體右字:這種banner方式最為常見的版式之一。主體在一邊,文字在另外一邊。可根據畫面選擇不同的對齊方式!注意文字之間的主副層級、行距。

怎樣才能設計出一張好的Banner設計

給文字添加個背景,畫面中給文字添加個背景,具有反覆強調的作用!根據具體需求反白、鏤空、或是用顏色的對比來強調。

怎樣才能設計出一張好的Banner設計

讓文字也有前後關係。主標題放在主體的前面,而副標或者提取的文字放在主體的後面,在增強畫面的空間感和裝飾性。




怎樣才能設計出一張好的Banner設計

給字體加點特效吧,根據畫面的風格,給文字加上適當的特效(機理)來突出文字部分,然後傾斜字體或者透視字體,可以增加力量、活潑的感覺。

關於字體的編排樣式是多樣化的,在編排中易讀、符合畫面的風格就可以了。

看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

希望我們所介紹的 怎樣才能設計出一張好的Banner設計 這教學會喜歡

文章標題: 骨子愛創意- 怎樣才能設計出一張好的Banner設計–轉載請註明來源處

本教學分類為平面理論教程中的 設計教程相關教學

文章相關關鍵字為: 設計,怎樣,才能,主體,文字,背景,字體,畫面,可以,ban

本文永久連結 :怎樣才能設計出一張好的Banner設計

本文轉載自 :VIA



熱門推薦

本文由 designhtd01com_0 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦