網(wǎng)站建設(shè)圖片排版的17個(gè)實(shí)用技巧發(fā)布者:本站 時(shí)間:2022-02-23 12:02:03
排版的難處在于,我們不是根據(jù)已經(jīng)設(shè)計(jì)好的版面來(lái)填充內(nèi)容(套模板),而是要根據(jù)具體的內(nèi)容來(lái)布局版面,比如版面中的圖片有時(shí)候是一兩張,有時(shí)候是十張八張,由于構(gòu)成元素的不同,導(dǎo)致采用同樣的構(gòu)圖、版式、形式往往是行不通的,所以蔥爺今天的這篇文章就是要來(lái)分享,在不同情況下有哪些圖片排版技巧。
一、單圖排版
1.平鋪
即把圖片鋪滿(mǎn)整個(gè)版面,這種處理方式多用于封面設(shè)計(jì);
圖片排版的17個(gè)實(shí)用技巧
或者在內(nèi)頁(yè)中把某一半版平鋪一張大圖,另一半則排列文字或者小圖。
圖片排版的17個(gè)實(shí)用技巧
平鋪的圖片比較有張力,有視覺(jué)重心的圖片適合這么處理,例如下圖平鋪的效果就一般般。
圖片排版的17個(gè)實(shí)用技巧
還有一種情況是把圖片當(dāng)做背景時(shí),也可以采用平鋪,如下圖。
圖片排版的17個(gè)實(shí)用技巧
2.四周留白
即圖片要比版面小,并讓其四周都留出空白,這里也分兩種情況,一是圖片位于版面正中央,圖片周?chē)牧舭资菍?duì)稱(chēng)的,這種效果類(lèi)似于相框,常用于封面設(shè)計(jì)。
圖片排版的17個(gè)實(shí)用技巧
還有一種情況是圖片周?chē)牧舭撞⒉粚?duì)稱(chēng),如下圖,留白較多的區(qū)域會(huì)用來(lái)排文字,常用于海報(bào)設(shè)計(jì)和畫(huà)冊(cè)內(nèi)頁(yè)設(shè)計(jì)。
圖片排版的17個(gè)實(shí)用技巧
3.一條邊出血
即把圖片的一條邊對(duì)齊邊界,這么處理有點(diǎn)沖破束縛的意思,可以增加圖片的想象力和版面的設(shè)計(jì)感。
圖片排版的17個(gè)實(shí)用技巧
4.三條邊出血
這么做會(huì)把版面分成兩部分,一部分為色塊,一部分為圖片,在排版時(shí)我們還可以通過(guò)文字、色塊或顏色把這兩個(gè)部分聯(lián)系起來(lái)。
圖片排版的17個(gè)實(shí)用技巧
5.拆分
即把一張圖片拆分成幾份,然后隔開(kāi)一點(diǎn)排列,這么做比單獨(dú)放一張圖片會(huì)更有設(shè)計(jì)感和趣味性,風(fēng)景類(lèi)圖片適合這么處理。
圖片排版的17個(gè)實(shí)用技巧
6.跨版
即在畫(huà)冊(cè)設(shè)計(jì)中,讓圖片同時(shí)占據(jù)兩個(gè)版面,當(dāng)在一個(gè)跨版中只有一張圖片時(shí),如果只把圖片排在某一半版中,那么另一半版就容易單調(diào),所以在這種情況下通常會(huì)使用跨版,而且圖片放大后會(huì)更有張力,還能把左右兩個(gè)版面關(guān)聯(lián)起來(lái)。
圖片排版的17個(gè)實(shí)用技巧
二、雙圖排版
在畫(huà)冊(cè)的設(shè)計(jì)中,有時(shí)候我們應(yīng)該把一P當(dāng)成一個(gè)版面,而有時(shí)候則需要把一個(gè)跨版當(dāng)成一個(gè)版面,這取決于具體的內(nèi)容以及排版形式,所以圖片的排版也要分成這兩種情況來(lái)考慮。
7.統(tǒng)一大小對(duì)齊排版
在一些作品集或產(chǎn)品畫(huà)冊(cè)中常用到此排法,視覺(jué)流程簡(jiǎn)單、清晰。
圖片排版的17個(gè)實(shí)用技巧
8.統(tǒng)一大小錯(cuò)位排版
比對(duì)齊排版更有動(dòng)感,且由于圖片不多,所以也不會(huì)顯得亂。
圖片排版的17個(gè)實(shí)用技巧
9.一大一小排版
這種排版對(duì)比鮮明、更有張弛,可以在一個(gè)跨版中使用,也可以是在某一P中使用。
圖片排版的17個(gè)實(shí)用技巧
還可以把其中的一張圖片去底,這么組合起來(lái)更靈活,對(duì)比更強(qiáng)烈。
圖片排版的17個(gè)實(shí)用技巧
如果把整個(gè)跨版當(dāng)成一個(gè)版面,那么可以把大的那張圖進(jìn)行跨版,小的那張圖則不跨版。
圖片排版的17個(gè)實(shí)用技巧
或者把大圖鋪滿(mǎn)一個(gè)P,而小的圖片和文字則排在另一個(gè)P。
圖片排版的17個(gè)實(shí)用技巧
這兩種排法都很大氣且不失細(xì)膩。
三、多圖排版
有時(shí)候一個(gè)版面內(nèi)的圖片會(huì)有很多,這種版面排起來(lái)會(huì)更有難度,常用的排版方式有:
10.大小統(tǒng)一對(duì)齊排版
這種排法比較整潔,但缺少變化,適合用于目錄頁(yè)或者產(chǎn)品和人物介紹。
圖片排版的17個(gè)實(shí)用技巧
圖片排版的17個(gè)實(shí)用技巧
11.大小不統(tǒng)一對(duì)齊排版
這種排法會(huì)比前一種更靈活一點(diǎn)。適合利用網(wǎng)格工具來(lái)輔助排版。
圖片排版的17個(gè)實(shí)用技巧
圖片排版的17個(gè)實(shí)用技巧
這種排版雖然沒(méi)有統(tǒng)一圖片的大小,但由于保持了嚴(yán)格的對(duì)齊關(guān)系,所以依然顯得很整潔。
12.圖片與色塊組合排版
圖片與色塊組合在一起排版既不會(huì)像只有圖片那么單調(diào),還可以利用色塊排文字。不過(guò)注意色塊的顏色不要太多,且顏色最好來(lái)自圖片。
圖片排版的17個(gè)實(shí)用技巧
圖片排版的17個(gè)實(shí)用技巧
13.錯(cuò)位排版
即把相連兩張圖片刻意錯(cuò)開(kāi),或者把圖片與文字的位置互換,這么做可以有效搭配圖片完全對(duì)齊的單調(diào),且由于有一定的規(guī)律,所以也不會(huì)對(duì)視覺(jué)流程造成太大影響。
圖片排版的17個(gè)實(shí)用技巧
14.把圖片拼成特定的形狀
這種排法適合圖片比較多的情況,這么做可以避免圖片太多而顯得混亂,而且因?yàn)槠闯傻男螤钜c設(shè)計(jì)需求相關(guān),所以會(huì)顯得更有創(chuàng)意。
圖片排版的17個(gè)實(shí)用技巧
15.按照某一路徑排版
這種排法跟前一種一樣,適合數(shù)量較多的同類(lèi)圖片使用,可以避免圖片拍得太過(guò)分散,如果不統(tǒng)一圖片的大小和方向,效果會(huì)比較活潑但不規(guī)范,適用于照片墻和兒童畫(huà)冊(cè)的排版。
圖片排版的17個(gè)實(shí)用技巧
圖片排版的17個(gè)實(shí)用技巧
如果統(tǒng)一圖片的大小和方向,或者使它們呈漸變式的變化,這些圖片還可以形成一定的節(jié)奏感,不僅不會(huì)亂,還很美觀。
圖片排版的17個(gè)實(shí)用技巧
圖片排版的17個(gè)實(shí)用技巧
圖片排版的17個(gè)實(shí)用技巧
16.一大多小排版
如果在版面中分開(kāi)排列大小差不多的多張圖片,那么該版面就會(huì)缺乏重點(diǎn)且沒(méi)有張力,而如果把其中一張圖片放大,與其他圖片形成鮮明的大小對(duì)比,就可以有效解決這一問(wèn)題。
圖片排版的17個(gè)實(shí)用技巧
圖片排版的17個(gè)實(shí)用技巧
17.自由排版
即大小不需要統(tǒng)一、圖片與圖片之間也不一定要嚴(yán)格對(duì)齊,效果比較靈活,設(shè)計(jì)感較強(qiáng),常用于雜志排版中。
圖片排版的17個(gè)實(shí)用技巧
▲這種排法有兩點(diǎn)需要注意,一是圖片不要排的太分散;二是最好要有大小對(duì)比。
圖片排版的17個(gè)實(shí)用技巧
▲去底圖也很適合這么做,當(dāng)然,在排版的時(shí)候也要有大小的區(qū)分,同時(shí)要注意圖片與圖片、圖片與文字之間的輪廓要形成互補(bǔ)。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話(huà):021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開(kāi)發(fā)