這是一篇為各位讀者定制的文章。
之所以寫這篇文章，主要來(lái)自昨天文章后的留言：
不可否認(rèn)，對(duì)于這種類型的內(nèi)容而言，經(jīng)常會(huì)導(dǎo)致頁(yè)面排版單調(diào)，而且，在排版上，的確存在很大難度。
所以，一旦在頁(yè)面上出現(xiàn)了列表式文字，我們經(jīng)常會(huì)看到這樣的頁(yè)面：
可以說(shuō)，是超級(jí)丑了。
那么，如何才能更好地進(jìn)行條理式內(nèi)容的排版呢？這篇文章，我將向各位分享4個(gè)方法。
借用表格
讓文字更具條理性
對(duì)于列表式內(nèi)容而言，最重要的，可能就是展示出清晰的條理，而結(jié)合表格，能夠?qū)⑦@一點(diǎn)發(fā)揮到極致。
簡(jiǎn)單舉個(gè)例子。比如當(dāng)我們看到這一頁(yè) PPT 內(nèi)容：
當(dāng)我們逐條將其置入表格中，并且在頁(yè)面右側(cè)添加一張圖片，就可以得到這樣的頁(yè)面，看起來(lái)還不錯(cuò)，對(duì)嗎？
這是最簡(jiǎn)單，也是最實(shí)用的一種方法。在很多 PPT 中，也都會(huì)用到。
比如像這些：
當(dāng)然，除了 PPT 設(shè)計(jì)，其它 UI 設(shè)計(jì)也會(huì)使用表格來(lái)完成類似的內(nèi)容設(shè)計(jì)：
這里有一點(diǎn)建議，在將內(nèi)容置入表格時(shí)，只需要保留表格的橫線即可，這樣，就不會(huì)有太過(guò)明顯的表格痕跡。
借用色塊
統(tǒng)一文段長(zhǎng)度
當(dāng)然，對(duì)于條列文字而言，不一定非要中規(guī)中矩地將其逐條排列，其實(shí)，我們還可以在文字底部添加一些統(tǒng)一的色塊。這樣做的好處，就在于，即便文段長(zhǎng)短不一，也可以保持視覺上的統(tǒng)一。
還是拿一些案例來(lái)說(shuō)。比如說(shuō)我們看到這樣的一頁(yè) PPT 內(nèi)容，典型的條列式排版：
那么，我們可以基于文字?jǐn)?shù)量，在頁(yè)面上添加一些色塊，然后將文字置入，就能夠很好地?cái)[脫條理式排版：
同樣地，我還做了一些其它的案例，大家可以參考下，有啟發(fā)就好。
比如說(shuō)這個(gè)：
我們可以為每一條內(nèi)容添加一個(gè)色塊，從而，更加凸顯其條理性：
當(dāng)然，還有像這些：
借用圖片
豐富列表內(nèi)容視覺效果
列表式內(nèi)容排版，最大的一個(gè)問(wèn)題，可能就是視覺單調(diào)。如果我們能夠基于內(nèi)容，添加適當(dāng)?shù)谋尘芭鋱D或者是圖標(biāo)，那么，就能夠很好地解決這一問(wèn)題。
還是拿一個(gè)案例來(lái)說(shuō)。頁(yè)面上是包含兩段并列展示的內(nèi)容：
為了讓頁(yè)面更具視覺化，我們只需要在每一條內(nèi)容下方，添加一張背景圖即可：
除了圖片，我們還可以添加一些小圖標(biāo)，來(lái)解決頁(yè)面單調(diào)的問(wèn)題：
當(dāng)然，不僅在 PPT 中，在很多游戲界面設(shè)計(jì)，或者是其它 APP 設(shè)計(jì)中，都會(huì)用到這個(gè)方法：
截圖來(lái)自互聯(lián)網(wǎng)
圖形化設(shè)計(jì)
讓列表內(nèi)容更具視覺感
為了解決列表內(nèi)容排版時(shí)的單調(diào)問(wèn)題，我們也可以適當(dāng)?shù)剡M(jìn)行內(nèi)容的視覺化處理。因?yàn)榫土斜韮?nèi)容而言，本質(zhì)上無(wú)非還是邏輯關(guān)系，所以，只要能夠滿足邏輯關(guān)系的圖形，都可以移植進(jìn)來(lái)。
比如說(shuō)像這個(gè)例子：
稍微理解一下它的邏輯，不難對(duì)其進(jìn)行改造：
再比如像這個(gè)頁(yè)面：
基于內(nèi)容的邏輯關(guān)系，我們可以借助這樣的圖形進(jìn)行設(shè)計(jì)：
當(dāng)然，還有像這樣的排版方式，大家可以參考下：
以上，就是針對(duì)列表式內(nèi)容排版，我提出的4個(gè)方法，簡(jiǎn)單總結(jié)一下：
- 借用表格，增強(qiáng)文段條理性
- 借用色塊，統(tǒng)一文段樣式
- 借用圖片，豐富頁(yè)面背景
- 借用圖形，增強(qiáng)文段視覺化
希望能夠?qū)Ω魑挥兴鶐椭?/p>
鄂公網(wǎng)安備 42050602000108號(hào)