排版中圖文搭配的6種方式

做網(wǎng)絡(luò)銷售，最難的是如何說(shuō)服顧客去相信你的產(chǎn)品，進(jìn)而購(gòu)買你的產(chǎn)品。

要知道，網(wǎng)購(gòu)不同于實(shí)體店，無(wú)法真實(shí)地通過(guò)觸覺、視覺和味覺去判斷產(chǎn)品的真假偽劣，有的知識(shí)通過(guò)圖片去感知。

所以，圖片的美觀程度很大地影響著顧客的情緒和購(gòu)買欲。

圖片的設(shè)計(jì)真的很重要。

圖文搭配的技巧更加要到很熟練的程度才能給客戶產(chǎn)生與眾不同的感覺。

在最近學(xué)習(xí)了這種比較有效的圖文搭配的設(shè)計(jì),并且用筆記的方式記下了幾種比較有效的方式。

精簡(jiǎn)了幾點(diǎn)很適合挺適合基礎(chǔ)的人員來(lái)學(xué)習(xí)。

都是干貨希望大家共勉!

主要分享下如何巧妙合理設(shè)計(jì)圖片和文字的結(jié)合，很巧妙的融入到版面的設(shè)計(jì)中。

01 、借用圖形中相近的形狀 圖人物的輪廓是凹凸起的注意圖片的右邊是筆直的，我們把文字放在些處沒有 擋住人物的視線。

順著視線向下視覺的焦點(diǎn)就是文字區(qū)域的位置，如下圖 02、根據(jù)圖片設(shè)計(jì)文字 在如上圖中，整個(gè)圖形的形式是由下往上的走勢(shì)文字側(cè)很中規(guī)中矩的排版，這樣就和畫面中的整個(gè)走勢(shì)產(chǎn)生沖突!

如上圖中主要的走勢(shì)走向是由下往上的走向?yàn)榱伺浜险麄€(gè)圖片的搭配，所以整個(gè)文字的排版以類似這種圖片的由下往上方向走勢(shì)排版就能完美的融入的在圖片中。

如下圖圖所示排版 03、打斷圖形 我們的視線沿著線條移動(dòng)，線到哪里，我們就看到哪里。

所以文字世可以順著線條就可以表現(xiàn)出活力和動(dòng)感。

如果傳過(guò)線條，側(cè)表現(xiàn)疑問(wèn)和緊張感。

并且線條末端就是視覺的焦點(diǎn)，也就是圖片最突出的位置。

順著線條走 有的線條的地方就有動(dòng)因 事情，如圖中快遞行駛的跑車非常有速度感，自然我們視覺焦點(diǎn)就會(huì)順著速度感前進(jìn)，我們就把文字排版與跑車的一個(gè)水平線上，這樣子更加的體現(xiàn)畫面跑車的速度感，最終將人們的視覺焦點(diǎn)引入到文字的區(qū)域上面!

制造停頓的感覺 如圖是一片茂密的樹葉，整片樹葉形成了一個(gè)非常鮮明的輪廓。

自然人們的視線就會(huì)從上往下的瀏覽。

此時(shí)加上一般長(zhǎng)文字階段次線，就會(huì)形成很強(qiáng)的視覺焦點(diǎn)，挑選呼應(yīng)樹葉的圓融字體，巧妙的將文字和畫面融為一體。

線條的末端 所謂線的末端就是整個(gè)畫面線條把你的視線帶到終點(diǎn)之處，文字落入在這里具有顯著的效果。

當(dāng)人們看完文字的意思之后就會(huì)對(duì)整個(gè)畫面有了個(gè)全新的認(rèn)識(shí)!

04、讓圖片和文字融合在一起 我們?cè)趫D片上面加上像屏幕一樣的文字，向讀者介紹頁(yè)面的內(nèi)容。

我們一邊一邊閱讀文字，一邊欣賞圖片，為一張平淡無(wú)奇的圖片添加了無(wú)窮的魅力!

簡(jiǎn)單一目了然是最好的!

上面的圖片畫面比較干凈，飽和度不高，所以在整個(gè)畫面配上飽和度如屏幕般的文字，就會(huì)是畫面有品質(zhì)感。

05、平衡創(chuàng)造寧?kù)o的表達(dá)方式 我們需要將文字和圖片實(shí)現(xiàn)互補(bǔ)的感覺，不是越大越好，如果文字排版整個(gè)畫面，那整個(gè)畫面的效果，就不是那么好了。

以線構(gòu)型 畫面中的模特身體就形成了一條清晰的垂直交叉點(diǎn)剛好和模特的身體相互平衡，這樣讓整個(gè)畫面充滿寧表與簡(jiǎn)潔，剛好恰 到好處。

06、配圖文字為版面的中心 將文字進(jìn)行垂直水平居中對(duì)齊，讓文字成為畫面中的主角，無(wú)時(shí)無(wú)刻的讓用戶注視她，傳達(dá)出最重要的信息 畫面中男人雙眼盯著下面的棋子，這中間就有一條望著棋子的視線，只要能隔斷這根視線，就能介入圖視覺藝中的故事，這樣就能讓文字和畫面完美的結(jié)合。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。