當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

排版教程,五個步驟細(xì)說Banner排版(2)

來源:站酷 作者:TTTing 學(xué)習(xí):23783人次

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

(5)密集, 密集在設(shè)計中是一種常用的組織圖面的手法,基本形在整個構(gòu)圖中可自由散布,有疏有密。最疏或最密的地方常常成為整個設(shè)計的視覺焦點(diǎn),他其實(shí)也是對比的一種情況,越密集的地方給人感覺距離越遠(yuǎn),反之越近。

點(diǎn)的密集

線的密集

面的密集

密集舉例:日本波點(diǎn)女王草間彌生的作品

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

草間彌生

Banner舉例:

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

(6)發(fā)射,是一種常見的自然現(xiàn)象,太陽四射的光芒就是發(fā)射的。發(fā)射具有方向的規(guī)律性,發(fā)射中心為最重要的視覺焦點(diǎn),所有的形象均向中心集中,或由中心散開,有時可造成光學(xué)動感,會產(chǎn)生爆炸的感覺,有強(qiáng)烈的視覺效果。

中心點(diǎn)的發(fā)射

螺旋式的發(fā)射

同心式的發(fā)射

發(fā)射舉例:星軌/水波/觀世音菩薩背后自帶的光環(huán)

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

水波

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

星軌(攝影)

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

每次觀世音菩薩出場總是會自帶光環(huán)(大家小時候應(yīng)該都比較熟悉這些畫風(fēng)了吧,有點(diǎn)俗氣。。。)

Banner舉例:放射線,使得畫面聚焦到中間部分內(nèi)容。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

(7)特異,是指構(gòu)成要素在有次序的關(guān)系里,有意違反次序,使少數(shù)個別的要素顯得突出,以打破規(guī)律性。

形狀的特異

大小的特異

色彩的特異

方向的特異

肌理的特異

特異舉例:其實(shí)各種類似于連連看的游戲,就是這么個原理

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

Banner舉例:一家人站成一排,個頭比較小的那一個就給人一種特異和俏皮的感覺,使畫面不那么單調(diào)。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

(8)空間

利用大。罕热缃筮h(yuǎn)小。

利用重疊:前后/上下等關(guān)系。

利用陰影:使物體具有立體感/空間感。

利用疏密:比如間隔越小,越密集,感覺就越遠(yuǎn)。

利用透視:平行線由寬到窄。

利用色彩:冷色遠(yuǎn)離,暖色靠近。

利用肌理:越粗糙越近,越細(xì)膩越遠(yuǎn)。

矛盾空間:真實(shí)不存在的空間,假想的。

虛實(shí)關(guān)系:遠(yuǎn)景/中景/近景。

矛盾空間舉例:前段時間非常流行的一款游戲《紀(jì)念碑谷》。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

空間感Banner舉例:畫面中的元素可以假想為一些有大有小的點(diǎn),然后按一定透視空間規(guī)律擺放(近大遠(yuǎn)。。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

由陰影營造的空間感。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

(9)分割,把整體分成小的部分。比如:

等形分割

自由分割

比例與數(shù)量

分割舉例:來自大自然的梯田

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

分割Banner舉例:不同比例大小的色塊組成Banner的背景。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

商品的排列也可以起到分割畫面的作用。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

(10)肌理,又稱質(zhì)感,由于物體的材料不同,表面的排列、組織、構(gòu)造等不同,因而產(chǎn)生粗糙感、光滑、軟硬感。比如:

筆觸的變化

凹凸不平的肌理

噴繪/染

自帶的紋理效果

肌理舉例:木材等

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

肌理Banner舉例:背景采用噴墨+涂色的方式形成了一種很時尚的紋理。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

(11)錯視,因空間距離或周圍環(huán)境所造成的視覺差。主要有下面幾種:

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

1.繆勒—萊依爾錯視

圖中兩條線是等長的,由于上下線段兩端的箭頭方向相反,上線段的箭頭占據(jù)的空間大,所以上面的線顯的較長。

2.垂直線與水平線的錯視

大多數(shù)人往往把垂直線看的比水平線要長,這是高估的錯覺。在水平線長度為8-10mm時,這種錯覺最大。

3.透視錯視

圖中的兩條線是相等的?雌饋硐旅娴囊蹋且?yàn)橥敢暤腻e覺。

4.正方形的錯視

標(biāo)準(zhǔn)的正方形左右的邊看上去大于上下的邊。

5.黑白錯視

圖中黑白線段,由于白線段明度大,具有膨脹的現(xiàn)象,所以看以來比黑線段長。

6.由于圖形結(jié)構(gòu)的影響而產(chǎn)生的錯視

圖中組成三、四、五邊形的邊長都相等,但由于周長和面積的不同,產(chǎn)生邊長的不同。

7.對比錯視

高個子和矮個子在一起,高的會顯的越高,矮的會顯的越矮。

錯視舉例:比如虛實(shí)手繪拼接,比如有些攝影作品

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

這里要說明的是,錯視在一些視差動畫的網(wǎng)頁頁面里運(yùn)用的會比較多一些,還有一些app的引導(dǎo)頁,這里Banner舉例的話可能也不太合適,不過也可以給大家看一下:

比如這個畫面里的黃色圓點(diǎn),同樣的黃色圓點(diǎn),在暗色背景上是很突出的,但在同樣是黃色的背景上就幾乎看不見了,但其實(shí)原點(diǎn)是沒變的,只是背景的顏色變了,就導(dǎo)致我們看到了不一樣的結(jié)果。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn
<點(diǎn)圖片看大圖>

3、了解幾個常用的平面術(shù)語,如下:

和諧統(tǒng)一/對比突出/對稱/畫面平衡/視覺重心/節(jié)奏韻律

和諧統(tǒng)一:

元素與元素之間,或所有元素構(gòu)成的整體是一種協(xié)調(diào)的關(guān)系,比如大。伾L(fēng)格等的協(xié)調(diào)。

Banner舉例:整體的明亮色彩,搭配的雨滴小元素,以及雨傘產(chǎn)品和模特裝扮,左中右排版方式都看起來很協(xié)調(diào)統(tǒng)一。

排版教程,五個步驟細(xì)說Banner排版_theoat.com.cn

對比突出:

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
狂魔血瘋2019-03-25 07:12
真棒
我叫什麼來著2017-05-29 09:10
真棒 收藏了
周京鋒2017-03-03 05:04
周京鋒2017-03-03 05:03
2016-09-22 03:12
收藏了
2016-09-22 03:09
收藏了
Vmr陳2016-09-04 10:46
很不錯
Vmr陳2016-09-04 10:09
很不錯
混亂的圖案2016-09-04 12:56
真棒真棒
承擔(dān)就是成長2016-09-03 08:48
真棒真棒真棒真棒
情已逝仍堅強(qiáng)2016-09-03 05:25
真棒
石字佐轉(zhuǎn)2016-09-03 05:25
真棒
口獅子座口2016-09-03 05:25
真棒
墻角上的小螞蟻2016-09-03 05:25
真棒
小瑩妮2016-09-03 05:25
真棒

關(guān)注大神微博加入>>

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