當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

構圖知識,banner如何構圖?(4)

來源:站酷 作者:全速設計 學習:11781人次

講解目前主題的Banner的排版構圖形式,讓大家了解一下banner構圖的相關知識。

很多人表示不知道如何動手開始做一個Banner,拿到需求腦袋里是懵的,歸根結底還是看的太少做的太少了,在做之前首先要做的是什么呢?首先要確定好整體構圖。所以今天我就給大家總結梳理一下我們目前能看到的Banner有哪些排版構圖。這里首先要說一下banner的構成元素,Banner組成要素包含4個方面:文案、商品/模特、背景、點綴物(可有可無),而其中文案和商品模特是一個banner中的主要部分,這里要說的排版布局主要說的就是這兩個主體,掌握了整個構圖布局,后面做起來也就容易了。

目前主流的Banner的排版構圖形式有哪些呢?

 

1.左右排版

構圖知識,banner如何構圖?_theoat.com.cn

文案在左,商品模特在右;

文案在右,商品模特在左。

這種構圖是banner中經(jīng)常出現(xiàn)的,主要特點是視覺上會比較清晰容易分辨,文案產(chǎn)品模特一目了然。

案例欣賞:

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

、▼

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

2.上下排版

構圖知識,banner如何構圖?_theoat.com.cn

上下排版也分為兩種:

1.文案在上,商品模特在下;

2.文案在下,商品模特在上。

這種板式比較適合比較偏正方,高度大于寬度的尺寸,上下布局對模特和商品特點要求比較高,在選擇這種布局的時候結合商品模特特點來考慮。

案例欣賞:

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

3.居中排版

構圖知識,banner如何構圖?_theoat.com.cn

居中排版也分好幾種,可以根據(jù)文案的不同靈活運用,

文案居中,商品向4周擴散,或者商品左右布局;

商品居中文案左右排。

居中的布局相比左右布局要豐富活躍一點,但是也要注意信息的可閱讀性。

案例欣賞:

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn
<點圖片看大圖>theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

沒有產(chǎn)品模特只有文案的怎么破?一般情況都會考慮到居中式,文案居中排版,占據(jù)整個畫面的主要視覺區(qū)域,整個畫面就飽滿了。如下圖:

構圖知識,banner如何構圖?_theoat.com.cn

4.組合式的

構圖知識,banner如何構圖?_theoat.com.cn

碰到模特產(chǎn)品多的時候,這里就可以考慮組合式的,所謂組合式的,就是將前面三種形式結合起來排版。

案例欣賞:

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

構圖知識,banner如何構圖?_theoat.com.cn

所以在拿到一個banner需求的時候,不要著急著動手,先思考。從尺寸大小,文案數(shù)量,產(chǎn)品形狀,進行考慮,找到適合的排版布局,將內容分成幾個區(qū)域,相關內容都聚在一個區(qū)域中。之后按照你的布局去挑選符合版面構圖的方向、空間,確定了排版布局,剩下的就是根據(jù)需求方要的風格進行背景搭建,元素點綴文字設計了。

總結下:版面的構圖各有不同,合適的才是最好的!

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!