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