點(diǎn)擊上方圖片或此處文字跳轉(zhuǎn)原文閱讀

這篇排版來(lái)自于CoCo都可《輕輕輕輕......金桂輕茶輕輕上市》，為了保證排版的完整性，讓大家充分理解其排版效果，所以需要胖友們點(diǎn)擊上方圖片或圖片下方文字跳轉(zhuǎn)至原文閱讀~

這篇排版的開(kāi)頭非常抓人。主要體現(xiàn)在兩個(gè)地方：第一個(gè)是動(dòng)態(tài)效果，象征秋日的重要元素——桂花，花瓣一點(diǎn)點(diǎn)飄落，畫面不僅十分唯美，還可以通過(guò)鮮明的季節(jié)特征，讓人一下子就知道是秋天到來(lái)了；第二個(gè)是畫面效果，不管是桂花還是白云的設(shè)計(jì)，真實(shí)感都比較強(qiáng)，就像我們?cè)趹敉馇猩砀惺艿降膱?chǎng)景一樣，很立體，非常有畫面感。

整篇排版的文字不多，基本是靠視頻和文字撐起全篇，但是你可以感受到它整個(gè)畫面是和諧的、流暢的、可觀性強(qiáng)的。比如配色，主色調(diào)為黃色，點(diǎn)綴色為綠色和橙色，黃色不是明亮的、張揚(yáng)的那種黃，而是淡淡的、柔和的黃，用它來(lái)作為主色調(diào)，符合秋日的氛圍，需要重點(diǎn)突出的地方再用其它的綠色或者橙色表現(xiàn)出來(lái)，層次感就有了，重點(diǎn)也一眼就可以看到；再比如畫面元素，用桂花元素貫穿全文，秋日的美彰顯得可以說(shuō)是淋漓盡致，是浪漫的、溫柔的，充滿想象的初秋。

這里要?jiǎng)澮粋€(gè)重點(diǎn)，再說(shuō)一下配色上的一個(gè)細(xì)節(jié)。不知道大家有沒(méi)有發(fā)現(xiàn)，它的視頻畫面顏色和整體配色是相和諧的，屬于同一個(gè)色系，那這樣的處理，可以讓排版有一種渾然天成的感覺(jué)。

如果你只照顧到了排版中其它元素的配色，而忽略了視頻展現(xiàn)畫面的配色，就可能出現(xiàn)視頻畫面在整個(gè)排版里的呈現(xiàn)變得突兀的情況，不美觀，所以這篇文章在視頻畫面配色的細(xì)節(jié)處理上就變得非?？少F，說(shuō)是視頻畫面配色配合排版也好，還是排版配合視頻畫面配色也好，總之，最終呈現(xiàn)出來(lái)的效果是相得益彰的。

所以各位盆友們get到了嗎？當(dāng)你的排版里要插入視頻，展示畫面的顏色也是你要考慮到的，要從排版整體出發(fā)，考慮到每一個(gè)細(xì)節(jié)！

點(diǎn)擊上方圖片或此處文字跳轉(zhuǎn)原文閱讀

這篇排版來(lái)自于Coach蔻馳《秋日出“型”手冊(cè)》，為了保證排版的完整性，讓大家充分理解其排版效果，所以需要胖友們點(diǎn)擊上方圖片或圖片下方文字跳轉(zhuǎn)至原文閱讀~

如果說(shuō)上一篇排版營(yíng)造的是初秋的氛圍，那這一篇給人的就是深秋的感覺(jué)。初秋還是深秋，其實(shí)從配色上就一目了然，上一篇用到的配色是淡淡的，較清新的黃色，而這一篇用到的則是比較深沉的棕色調(diào)，情緒更加的厚重，質(zhì)感也相對(duì)提升，有一種成熟的氣質(zhì)。

排版上，你要說(shuō)它有什么特別的編排技巧，其實(shí)也沒(méi)有，就是一個(gè)簡(jiǎn)單的長(zhǎng)圖排版，但加分項(xiàng)在什么呢？在于svg效果。作者用到了點(diǎn)擊展開(kāi)的效果，讓一個(gè)簡(jiǎn)單的編排有了起伏、有了互動(dòng)，簡(jiǎn)單也就變得沒(méi)有那么簡(jiǎn)單了。而展開(kāi)內(nèi)容里的一些動(dòng)態(tài)效果，其實(shí)都是動(dòng)圖，大家提前準(zhǔn)備好動(dòng)態(tài)圖片，然后上傳即可。

這篇排版主要用到了 2 個(gè)svg效果。一個(gè)是點(diǎn)擊展開(kāi)，其實(shí)這個(gè)效果是svg里的“老選手”了，在我們前面的推文里也講過(guò)很多次，所以這里就略過(guò)不講。主要給大家講一下文末的跳轉(zhuǎn)閱讀效果??

上周135平臺(tái)的推文里也用到了類似的效果，很多盆友都在問(wèn)是怎么實(shí)現(xiàn)的，所以這里拿出來(lái)敲個(gè)重點(diǎn)。

這個(gè)效果要利用svg編輯器制作。首先通過(guò)135編輯器左側(cè)菜單欄入口進(jìn)入svg編輯器；

或者在網(wǎng)頁(yè)地址欄輸入svg編輯器網(wǎng)址進(jìn)入↓

http://qwer.com.cn/svgeditor/

進(jìn)入網(wǎng)頁(yè)后，選擇互動(dòng)效果-素材-超鏈接，找到『一行三圖引導(dǎo)關(guān)注/引導(dǎo)跳轉(zhuǎn)』效果（ID：135）或『一行兩圖引導(dǎo)關(guān)注/引導(dǎo)跳轉(zhuǎn)』效果（ID：134）即可使用（根據(jù)你要添加的跳轉(zhuǎn)數(shù)量來(lái)定，如果是四個(gè)跳轉(zhuǎn)，那可以用兩個(gè)一行兩圖的）。

鼠標(biāo)懸浮于素材名之上，即可查看使用教程??

這里也以『一行三圖引導(dǎo)關(guān)注/引導(dǎo)跳轉(zhuǎn)』效果為例做了視頻版教程，點(diǎn)擊下方視頻可以查看↓

↑點(diǎn)擊查看視頻教程

點(diǎn)擊上方圖片或此處文字跳轉(zhuǎn)原文閱讀

這篇排版來(lái)自于為你寫詩(shī)《第十一階來(lái)迎接到訪的秋天吧》，為了保證排版的完整性，讓大家充分理解其排版效果，所以需要胖友們點(diǎn)擊上方圖片或圖片下方文字跳轉(zhuǎn)至原文閱讀~

這篇排版是典型的日系小清新風(fēng)格。選擇了淡黃色作為大背景，每一個(gè)正文樣式也是帶有背景的，兩種背景形式疊加，就營(yíng)造出了雙層背景。元素上，用到的是象征秋天的“果實(shí)”，比如柿子和紅棗，代表收獲滿滿的秋天。

排版留白較多，一方面是因?yàn)槲恼聝?nèi)容為詩(shī)歌，文字部分本就不多，所以會(huì)有大量留白，另一方面是利用留白打造小清新的感覺(jué)。盆友們?cè)谧鲱愃魄逍嘛L(fēng)格文章的時(shí)候，可以像這篇一樣，把留白的重要作用發(fā)揮出來(lái)。