電商平面設(shè)計中嘴拢,有哪些簡單好用的排版技巧和方法?

基本上做的圖片基本就是由四個元素(背景寂纪、主體席吴、文字、裝飾)構(gòu)成的捞蛋,而做好一張圖的關(guān)鍵也就是如何運(yùn)用好這些元素孝冒,使它們合理并美觀地展現(xiàn)在同一張圖片內(nèi)。那么排版我們需要注意哪些方面拟杉,又有哪些簡單的技巧和方法可以應(yīng)用呢迈倍?

版式

首先我們需要了解的版式。我們平時制作或看到的版式大部分都是由——中心型捣域、中軸型啼染、分割型、傾斜型焕梅、骨骼型迹鹅、滿版型為主。

↑ 中心型排版贞言,利用視覺中心斜棚,突出想要表達(dá)的實(shí)物——當(dāng)制作的圖片沒有太多文字,并且展示主體很明確的情況下建議多使用中心型的排版。中心排版具有突出主體弟蚀、聚焦視線等作用蚤霞,體現(xiàn)大氣背景可用純色,體現(xiàn)高端背景可用漸變色义钉。

上圖為Elysions的作品

↑ 中軸型排版、利用軸心對稱捶闸,使用畫面展示規(guī)整穩(wěn)定夜畴、醒目大方——當(dāng)制作的圖片滿足中心型排版但主體面積過大的情況下,可以使用中軸型排版删壮。中軸型居中對稱的版面特點(diǎn)贪绘,在突出主體的同事又能給予畫面穩(wěn)定感,并能使整體畫面具有一定的沖擊力央碟。

在做電商活動海報的時候中軸型是很出效果的一種形式

↑ 分割型排版税灌,利用分割線使畫面有明確的獨(dú)立性和引導(dǎo)性——當(dāng)制作的圖片中有多個圖片和多段文字時可以使用分割排版。分割型排版能使畫面中每個部分都是極為明確和獨(dú)立的亿虽,在觀看時能有較好的視覺引導(dǎo)和方向垄琐;通過分割出來的體積大小也可以明確當(dāng)前圖片中各部分的主次關(guān)系,有較好的對比性经柴,并使整體畫面不單調(diào)和擁擠狸窘。

↑ 傾斜型排版,通過主體或整體畫面的傾斜編排坯认,使畫面擁有極強(qiáng)的律動感翻擒,刺激視覺——當(dāng)制作的圖片中要出現(xiàn)律動性、沖擊性牛哺、不穩(wěn)定性陋气、跳躍性等效果,可以使用傾斜型排版引润。傾斜排版可以讓呆板的畫面爆發(fā)活力和生機(jī)巩趁,當(dāng)你發(fā)現(xiàn)自己的圖片過于死板或僵硬時,嘗試讓畫面中某個元素帶點(diǎn)傾斜淳附,會有出奇的效果议慰。

↑ 骨骼型排版,通過有序的圖文排列奴曙,使畫面嚴(yán)謹(jǐn)統(tǒng)一别凹、具有秩序感——當(dāng)制作的圖片中,文字較多時洽糟,通常都會應(yīng)用骨骼型排版炉菲。骨骼型排版時較為常見的排版方式堕战、清晰的調(diào)理和嚴(yán)謹(jǐn)性讓畫面平穩(wěn),是一種不會出現(xiàn)的錯誤拍霜,但是畢竟單一的排版方式嘱丢。有些時候?yàn)榱舜蚱乒趋佬偷膯我缓推椒€(wěn),我們也可以應(yīng)用上圖第三張的形式祠饺,在規(guī)整的排列中加入一些律動強(qiáng)烈的素材越驻。

↑ 網(wǎng)頁設(shè)計(包含電商)中大部分都是骨骼型排版形式

↑ 滿版型排版,通過大面積的元素來傳達(dá)最為直觀和強(qiáng)烈的視覺刺激吠裆,使畫面豐富且具有極強(qiáng)的帶入性——當(dāng)制作的圖片中有極為明確的主體,且文案較少時可以采用滿版型排版烂完。常見的滿版型排版有整體滿版试疙、細(xì)節(jié)滿版和文字滿版渺鹦。

如第一張:整體滿版會讓畫面有強(qiáng)烈的帶入性帕膜。

如第二張:細(xì)節(jié)滿版能快速明確和展示主體飞醉。

如第三種:而文字滿版通常是以裝飾的形式來表達(dá)某些文案嘱吗。

方式

了解了基本的版式掠剑,我們再去了解排版中需要注意的幾個問題览绿。

在剛開始練習(xí)的階段萍丐,我們還是最好注意好排版中需要嚴(yán)格遵守的一樣?xùn)|西——留白相叁。

那么怎樣去理解和運(yùn)用留白呢柄冲,首先我們要對留白有幾個認(rèn)識:

第一吻谋,文字間距、行距都是留白现横,而這種距離如果太過統(tǒng)一和擁擠畫面就會死板漓拾,所以在文段較多的情況下,我們可以適當(dāng)調(diào)節(jié)文段的距離來改善畫面的效果戒祠,也就是加大文字間的留白骇两。

如下圖:

第二,比如某個元素內(nèi)部又有其他元素姜盈,那么這個元素內(nèi)部區(qū)域就需要合理的留白低千,內(nèi)部元素不能太滿,也不能太偏馏颂。

如下圖:

第三示血,元素跟元素之間要有一個合理的留白,不然就會擁擠難受救拉。

如下圖:

第四矾芙,除滿版型排版以為盡量讓畫面四周有足夠的留白。有些時候不必要放那么多的裝飾元素近上,在畫面中剔宪,那樣反而會搶了主體,比如這個下圖,其實(shí)竹葉也可以表達(dá)所需的意思葱绒,而且更靈動感帅。

第五,裝飾元素在做飄散的時不要集中在一個區(qū)域地淀,那樣會讓某個區(qū)域留白不夠顯得擁擠失球,還會顯得圖片的感覺小氣,飄散的元素我們盡量做的大氣一些帮毁,揮灑寫实苞,彌補(bǔ)周邊空曠的同事又能讓畫面大氣。

如下圖:

第六烈疚,留白的同時也要去白黔牵,去白是一種平衡留白畫面的效果,一般來說常用的去白方式是對線去白爷肝,即下方有元素而上方很空的時候猾浦,給上方增加一個元素來平衡畫面;當(dāng)主體過于渺小導(dǎo)致留白過多時灯抛,需要放大主體和調(diào)整其它元素來去白金赦。

如下圖:

圖1:中心主體太小上下空洞 圖2:下方去白,上方空洞 圖3:上下去白对嚼,畫面平穩(wěn)

舉例:

↑中心元素過小夹抗,周邊過于空曠

↑中心整體放大,主體上下留白過多被彌補(bǔ)纵竖,但主體與文案間的留白關(guān)系不是很舒服

↑拉開文案的行距兔朦,使主體與整體文案的空間感相近,彌補(bǔ)文案上下的留白過剩

結(jié)合留白磨确,我再針對上面提到的不同情況應(yīng)用不用版式舉個簡單的例子沽甥,當(dāng)客戶給我的方案是字少圖少和字少圖多的情況下,中心型乏奥、中軸型摆舟、滿版型、骨骼型邓了、分割型等多種方式都可以解決當(dāng)前問題的恨诱。比如我們用一下文字和圖片做一張圖:

圖1:中心型 圖2:中軸型 圖3:滿版型

↑ 骨骼型

↑ 分割型

有時候我們也會遇到一張圖片中要放很多小圖片的情況,而且很多小圖片的素材尺寸都是不同的骗炉,這里也是很多人經(jīng)常犯錯的地方照宝,大部分人都是隨意擺放并配上文字,其實(shí)我們可以把每個圖片都做在同等大小的形狀中顯示句葵,既規(guī)整又大方厕鹃,如圖:

而當(dāng)素材不太美觀和即便排列整齊兢仰,整體圖片也還是有些擁擠時,我們可以化繁為簡剂碴,去掉小圖展示:

綜上內(nèi)容把将,版式?jīng)]有絕對的好壞,只有合適不合適忆矛;這期我們講的主要還是圍繞簡潔的版式察蹲。往后我們再做深入的了解。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末催训,一起剝皮案震驚了整個濱河市洽议,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌漫拭,老刑警劉巖亚兄,帶你破解...
    沈念sama閱讀 216,843評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異嫂侍,居然都是意外死亡儿捧,警方通過查閱死者的電腦和手機(jī)荚坞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評論 3 392
  • 文/潘曉璐 我一進(jìn)店門挑宠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人颓影,你說我怎么就攤上這事各淀。” “怎么了诡挂?”我有些...
    開封第一講書人閱讀 163,187評論 0 353
  • 文/不壞的土叔 我叫張陵碎浇,是天一觀的道長。 經(jīng)常有香客問我璃俗,道長奴璃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,264評論 1 292
  • 正文 為了忘掉前任城豁,我火速辦了婚禮苟穆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘唱星。我一直安慰自己雳旅,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評論 6 390
  • 文/花漫 我一把揭開白布间聊。 她就那樣靜靜地躺著攒盈,像睡著了一般。 火紅的嫁衣襯著肌膚如雪哎榴。 梳的紋絲不亂的頭發(fā)上型豁,一...
    開封第一講書人閱讀 51,231評論 1 299
  • 那天僵蛛,我揣著相機(jī)與錄音,去河邊找鬼偷遗。 笑死墩瞳,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的氏豌。 我是一名探鬼主播喉酌,決...
    沈念sama閱讀 40,116評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼泵喘!你這毒婦竟也來了泪电?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,945評論 0 275
  • 序言:老撾萬榮一對情侶失蹤纪铺,失蹤者是張志新(化名)和其女友劉穎相速,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鲜锚,經(jīng)...
    沈念sama閱讀 45,367評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡突诬,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了芜繁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旺隙。...
    茶點(diǎn)故事閱讀 39,754評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖骏令,靈堂內(nèi)的尸體忽然破棺而出蔬捷,到底是詐尸還是另有隱情,我是刑警寧澤榔袋,帶...
    沈念sama閱讀 35,458評論 5 344
  • 正文 年R本政府宣布周拐,位于F島的核電站,受9級特大地震影響凰兑,放射性物質(zhì)發(fā)生泄漏妥粟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評論 3 327
  • 文/蒙蒙 一吏够、第九天 我趴在偏房一處隱蔽的房頂上張望勾给。 院中可真熱鬧,春花似錦稿饰、人聲如沸锦秒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,692評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽旅择。三九已至,卻和暖如春侣姆,著一層夾襖步出監(jiān)牢的瞬間生真,已是汗流浹背沉噩。 一陣腳步聲響...
    開封第一講書人閱讀 32,842評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留柱蟀,地道東北人川蒙。 一個月前我還...
    沈念sama閱讀 47,797評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像长已,于是被迫代替她去往敵國和親畜眨。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 重復(fù)、對比胞四、對齊以及親密性是傳統(tǒng)平面排版的四大原則恬汁,即將元素重復(fù)運(yùn)用(包括顏色、形狀辜伟、材質(zhì)氓侧、字體、空間關(guān)系等)以增...
    HelloWine閱讀 437評論 0 0
  • 張巖在江邊散步 导狡,看江水暴漲约巷,洶涌強(qiáng)悍,正感嘆自然力量之強(qiáng)大 烘豌,怱聽有人喊救命载庭。 右邊幾十米處看彼,一女孩落水 張巖是...
    wy王巖閱讀 182評論 2 5
  • 理想無疑是需要親身踐行的廊佩,沒有實(shí)踐的理想只能叫“空談”或“幻想”。那么如何才能踐行自己的理想靖榕,我想應(yīng)該分為三步标锄。 ...
    風(fēng)中奇葩閱讀 1,034評論 0 1
  • 因?yàn)榻裉煲绨囡w機(jī),所以昨晚睡前我就提前告訴女兒茁计。 我:寶貝料皇,一會兒你洗完澡先早點(diǎn)睡覺(預(yù)防性信息),因?yàn)槲疫€要...
    洋溢著薇笑閱讀 354評論 0 2