只有20%的設(shè)計(jì)師會(huì)用的版式技巧
發(fā)布時(shí)間:2021-12-25 08:32 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3125


文章前言


在設(shè)計(jì)中如果需要用到很多元素去表現(xiàn),其實(shí)是一個(gè)蠻頭疼的事情,對(duì)于很多設(shè)計(jì)師來(lái)說(shuō),用不好就會(huì)使畫面雜亂無(wú)章,究竟有沒(méi)有什么方法可以解決呢?

當(dāng)然有,今天分享一個(gè)技巧,就是密集構(gòu)成的知識(shí),首先我們先來(lái)看看什么是密集構(gòu)成?密集在構(gòu)成設(shè)計(jì)中是一種常用的組織畫面的手法,基本形在整個(gè)構(gòu)圖中可自由散布,有疏有密。最密或最疏的地方常常成為整個(gè)設(shè)計(jì)的視覺(jué)焦點(diǎn),在圖面中造成一種視覺(jué)上的張力,像磁場(chǎng)一樣具有吸引力,并有節(jié)奏感。密集也是一種對(duì)比的情況,利用基本形數(shù)量排列的多少,產(chǎn)生疏密、虛實(shí)、松緊的對(duì)比效果。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 密集構(gòu)成應(yīng)用案例

在密集構(gòu)成中基本形的面積要小,數(shù)量要多,以便有密集的效果,基本形的形狀可以是相同的或近似的。在大小和方向上也可有些變化。在密集的構(gòu)成中,重要的是基本形的密集組織,一定要有張力和動(dòng)感的趨勢(shì),不能組織渙散。


如何做好密集構(gòu)成


基本形不循嚴(yán)謹(jǐn)?shù)墓趋蓝髯杂尚缘慕Y(jié)集,有時(shí)趨于點(diǎn),有時(shí)趨于線,或組織成面,這些不同方式的聚合,構(gòu)成密集。

知道了這些規(guī)律,但是實(shí)際應(yīng)用時(shí)卻不知道怎么找靈感?要素位置的擺放不太清楚如何擺放自然得當(dāng)?下面為大家分享一些好方法。

1. 從攝影中學(xué)習(xí) 

密集構(gòu)成在大量攝影作品中得到了很好的應(yīng)用,是我們提取靈感的源泉。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 攝影作品

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 攝影作品

比如攝影作品中常出現(xiàn)的許許多多散落的咖啡豆,自然形成的疏密變化。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 攝影作品

天空中漂浮的熱氣球,水面上飛起的鳥兒,個(gè)體之間形成的疏密變化,都是非常好的靈感取材地。

2. 從繪畫中學(xué)習(xí) 

除了攝影作品,密集構(gòu)成在繪畫作品中得到了很好的應(yīng)用。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 繪畫作品

繪畫是非常具備視覺(jué)美感的藝術(shù)形式,想象力天馬行空,是我們不可多得的靈感庫(kù),不要感覺(jué)自己手殘,不會(huì)作畫好像就跟自己無(wú)關(guān),藝術(shù)在美的本質(zhì)上是相通的,我們要的是汲取其一部分靈感而已。

3. 從動(dòng)漫中學(xué)習(xí) 

密集構(gòu)成在動(dòng)漫作品中應(yīng)用的更加廣泛,一個(gè)特定的場(chǎng)景,一個(gè)人物的能力,一個(gè)空間的角度都能捕捉到靈感。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 火影忍者-宇智波鼬

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 死神-朽木白哉

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 螢火之森-竹川螢與銀

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 鬼滅之刃-蝴蝶忍

動(dòng)漫本身就是一個(gè)全新的世界觀,有許多我們能夠?qū)W習(xí)借鑒的靈感,比如配色,場(chǎng)景,人物形象,以及本期所說(shuō)的密集構(gòu)成,上面幾個(gè)圖都是我比較喜歡的動(dòng)漫,宇智波鼬的烏鴉分身,朽木白哉的千本櫻,螢火之森的煙花,鬼滅之刃蝴蝶忍的蝴蝶,都是很好的借鑒靈感,設(shè)計(jì)一定要先確定自己的喜愛(ài),每個(gè)人喜愛(ài)的點(diǎn)都有所不同,所以要去找能夠讓自己喜愛(ài)的點(diǎn),這一步尤為重要。

4. 靈感捕捉 

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

比如選用鬼滅之刃的蝴蝶忍這張圖,采集其疏密對(duì)比的靈感。第一步先確定主圖與主標(biāo)題的位置,主標(biāo)題選用手寫體,并作錯(cuò)位編排,添加上圓作為裝飾。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

將主圖與主標(biāo)題進(jìn)行對(duì)角線分布,形成對(duì)角構(gòu)圖,畫面更加靈動(dòng)有趣,其他內(nèi)文信息沿著貓的輪廓排布,如櫻花般自由隨性。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 樣機(jī)效果圖

最后一步氛圍的營(yíng)造,用蝴蝶忍的圖作為靈感,置換成櫻花,把大致的位置都確定下來(lái),局部的細(xì)節(jié)要根據(jù)信息的位置做適當(dāng)?shù)恼{(diào)整,我們發(fā)現(xiàn),靠著主體的位置更加密,其他位置更加疏,這本身就是一個(gè)視覺(jué)的引導(dǎo),所以要控制好疏密的位置。


優(yōu)秀案例解析


這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這張海報(bào)人物是畫面的視覺(jué)主體,在畫面中占據(jù)了最大的比例,形式上也最豐富,身體是由楓葉構(gòu)成,而且采用了疏密對(duì)比的手法,非?季浚拷说臈魅~緊湊,遠(yuǎn)離人的楓葉則變得疏散,視覺(jué)引導(dǎo)非常好。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

而這張美食海報(bào)也是同樣的方式,畫面采用了中心構(gòu)圖,其他要素沿著主體以點(diǎn)的形態(tài)分布畫面四周,色調(diào)用了暖色調(diào),食欲性更好,畫面中的分散的食物則也是以疏密的方式分布,靠近主體的密,反之則疏。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這張海報(bào)主視覺(jué)特別強(qiáng)烈,非常具有視覺(jué)張力,畫面中主標(biāo)題也是由鳥的形態(tài)巧妙組合而成,靠近主標(biāo)題的地方鳥群緊密,遠(yuǎn)離主標(biāo)題的則比較疏散,營(yíng)造了很棒的視覺(jué)空間,加深了觀者的視覺(jué)印象,形成了清晰的視覺(jué)記憶點(diǎn),焦點(diǎn)很明確。


實(shí)際案例演示


1. 海報(bào)方案 

這次文案是關(guān)于音樂(lè)傘的一首現(xiàn)代詩(shī),主圖選用了一個(gè)輕盈飛舞的油紙傘,圖片本身唯美雅致,韻律感比較好。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

將油紙傘復(fù)制三把,位置上相互疊壓,并通過(guò)大小對(duì)比拉開(kāi)層次感,接著再?gòu)?fù)制三把傘,整體縮小,與現(xiàn)有傘拉開(kāi)一定的距離,空間縱深感更好,將傘之間的距離逐個(gè)做調(diào)整,形成更好的疏密對(duì)比,節(jié)奏感更棒。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

考慮到主題偏文藝,雅致的氣質(zhì),將文字信息縱向編排,調(diào)整信息組之間的空間對(duì)比,并注意視覺(jué)滅點(diǎn)的位置。添加上祥云元素,豐富細(xì)節(jié)。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

將主圖統(tǒng)一處理成朱紅色,背景用深藍(lán)色,紅色的熾烈,藍(lán)色的沉穩(wěn),形成強(qiáng)烈的視覺(jué)碰撞,氛圍感十足。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 樣機(jī)效果圖

最后做個(gè)樣機(jī)效果圖,看看更加真實(shí)的效果。在實(shí)際工作中效果圖的制作也很重要,這樣會(huì)更方便客戶確定稿件。

2. 畫冊(cè)方案 

設(shè)計(jì)畫冊(cè)的展開(kāi)頁(yè)時(shí)要注意訂口的位置,不要放置關(guān)鍵性的文字信息或者圖片信息,比如文字信息的段落文字,圖片人物的面部位置等。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

首先繪制網(wǎng)格系統(tǒng),在這里使用的是四欄網(wǎng)格系統(tǒng),根據(jù)信息的重要性占據(jù)不同數(shù)量的欄數(shù),如果信息特別多,而且想做的更靈動(dòng)的話,那么可以分出更多的欄,具體根據(jù)需要去定,不要死記硬背。

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 畫冊(cè)樣機(jī)圖

這個(gè)版式技巧,也許只有20%的設(shè)計(jì)師會(huì)用!

△ 畫冊(cè)樣機(jī)圖

最后做個(gè)樣機(jī)效果圖,看看更加真實(shí)的效果。在實(shí)際工作中效果圖的制作也很重要,這樣會(huì)更方便客戶確定稿件。


最后總結(jié)


這個(gè)欄目主要針對(duì)平時(shí)設(shè)計(jì)中我們經(jīng)常見(jiàn)到的創(chuàng)意手法進(jìn)行剖析解構(gòu),以讓大家能夠更好的去理解具體設(shè)計(jì)技法的特性與應(yīng)用規(guī)范。

當(dāng)然,版式骨骼才是一個(gè)畫面最為核心的要素,如果單純?yōu)榱藢W(xué)某一個(gè)技法而去刻意為之,那么就會(huì)拋離設(shè)計(jì)本身的意義,畫面也只會(huì)堆疊一些技法而已,所以設(shè)計(jì)需要不斷思考,才能不斷前行。

PhotoshopCC2020視頻教程
我要自學(xué)網(wǎng)商城 ¥120 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC