因此電商類(lèi)App如天貓采用了左圖右文的排版方式鳳凰新聞是資訊類(lèi)應(yīng)用，因此采用了右圖左文的排版方式，讓用戶(hù)首先關(guān)注到文字內(nèi)容本文用了一個(gè)右圖左文的案例來(lái)拆解圖文排版的要點(diǎn)，既要關(guān)注排版的基本原則利用親疏與對(duì)比性。

1如圖1，目標(biāo)是在文字左邊插入圖片，實(shí)現(xiàn)左邊是圖片右邊是文字的排版效果2在文檔中插入圖片后，雙擊圖片，在右上方菜單“自動(dòng)換行”中選擇“其他布局選項(xiàng)”，如圖23在“布局”選項(xiàng)卡中，選擇“四周型”“只。

2 使用第三方插件有些第三方插件可能提供更高級(jí)的文本處理功能，包括從左到右的豎排文字選項(xiàng)例如，“InDesign”或“Illustrator”這兩款軟件可以支持更為復(fù)雜的文字排版需求，然后你可以將排好版的文字或設(shè)計(jì)導(dǎo)入到Photosh。

根據(jù)項(xiàng)目類(lèi)型和情況確定具體合適的排版，基本可以按照從上到下從左到右的順序去排版 web的頁(yè)面一般比較寬，可以采用先上下，后左右的結(jié)構(gòu)上圖加標(biāo)注，下文字說(shuō)明左圖右文 app的頁(yè)面比較窄，可以放在原型頁(yè)面中做說(shuō)明 5怎么做才是不。

八左圖右文 首圖的設(shè)計(jì)除了全屏展示，還有一種方式是可以放左邊圖片右邊文字的方式，這樣的網(wǎng)頁(yè)設(shè)計(jì)技巧帶來(lái)的好處就是可以分割圖文，特別在圖片信息也同樣重要的時(shí)候，如果把圖文混合，雙方都不夠凸顯，不如左右各凸出主角，跟隨。

從左至右理想行距太緊湊太寬松行距的標(biāo)準(zhǔn)通常是14em，但以我的經(jīng)驗(yàn)，這對(duì)于屏幕來(lái)說(shuō)太緊湊了在屏幕上表現(xiàn)良好的字體都有一個(gè)關(guān)鍵特征大的凹槽，大凹槽需要更大一些的行距來(lái)保持空間層次反過(guò)來(lái)，更短的。

五五分排版這類(lèi)排版以雜志版面的中軸為分隔，通常為上圖下文的形式在PPT中通常選用左圖右文的形式右邊文字部分可以選擇圖 + 文或者全文字的排版大圖搭小圖通過(guò)大段文字介紹本張PPT的中心思想，大圖可以是活動(dòng)合照。

word排版左圖右文字的方法步驟 1首先選中word文檔，然后右鍵單擊此文檔，并選擇打開(kāi)2打開(kāi)了之后，選擇插入這個(gè)選項(xiàng)，并點(diǎn)擊圖片進(jìn)入3然后在電腦里面找到需要插入的圖片，點(diǎn)擊它4插入到word文檔之后，然后單擊此。

其實(shí)網(wǎng)站Banner中最根本還是圖文的集合，我們?cè)谠O(shè)計(jì)Banner中可以按照下面幾種圖文集合的方式進(jìn)行左字右圖左圖右字左中右構(gòu)圖上下構(gòu)圖文字作為主體居中不規(guī)則構(gòu)圖按照這種排版方式我們就可以做出效果和內(nèi)容更加豐富的。

每次到這種時(shí)候，設(shè)計(jì)師的內(nèi)心都是崩潰的但是一堆放不下，放那么多東西太亂了，各種反抗無(wú)效后，還是得以平靜的內(nèi)心把大量?jī)?nèi)容都放下，在心理默練1萬(wàn)次可以的，可以的這里分享一些常用在首頁(yè)的排版方式，讓首頁(yè)在內(nèi)容。

配圖是不包含信息量的，而人的視覺(jué)習(xí)慣從左側(cè)開(kāi)始，左圖右文字的視覺(jué)動(dòng)線(xiàn)是一個(gè)連續(xù)的Z，而非一條向下的直線(xiàn)，既然配圖不包含信息量，那么把它挪到右側(cè)，也就不會(huì)對(duì)視覺(jué)動(dòng)線(xiàn)形成干擾，方便用戶(hù)快速豎直地瀏覽文章。

5如圖添加浮動(dòng)后，文字部分因?yàn)槲淖痔L(zhǎng)超出了他所用那的范圍，所以被擠到到了下行的右側(cè)6這時(shí)候，將文字區(qū)域設(shè)置下寬度，不讓他超過(guò)最大范圍就行了，如圖設(shè)置寬度為450px7然后再預(yù)覽效果圖，就完美解決了。

在樣式里面加入浮動(dòng)屬性就可以做到，是需要敲代抄碼的如果敲代碼，DW軟件系統(tǒng)默認(rèn)給弄成相對(duì)與絕對(duì)定位position，但這種方式不利于后面內(nèi)容的排版你可以給左邊的圖片加入左浮動(dòng)，就像這樣 imgfloat left，然后再給。

下面以word2010為例，說(shuō)明如何實(shí)現(xiàn)上述效果1如圖1，目標(biāo)是在文字左邊插入圖片，實(shí)現(xiàn)左邊是圖片右邊是文字的排版效果2在文檔中插入圖片后，雙擊圖片，在右上方菜單“自動(dòng)換行”中選擇“其他布局選項(xiàng)”，如圖23在。

3 行距選擇合適的行距，一般使用15倍或2倍行距，避免行距過(guò)小或過(guò)大，影響閱讀體驗(yàn)4 對(duì)齊方式左對(duì)齊是最常用的對(duì)齊方式，也是最易讀的排版方式但也可以根據(jù)文章內(nèi)容需要，選擇居中對(duì)齊或右對(duì)齊5 段間距。

這種圖片+文字的形式，總體上說(shuō)，還是圖片的形式，是圖片上面加上文字說(shuō)明，沒(méi)有Word文字。