點、線、面是平面構成中最基礎的要素，就是在同一個平面空間內，主角和配角元素組合，讓配角有效地襯托主角，做到主次有序，豐富有層次。
比如一隻鳥，一朵雲，就是點；一條電線上的一排鳥，飛機劃過雲，就是線；鳥兒們一起飛，一大片雲，就是面。生活中的一切都可以想象為點、線、面，這個概念是相對的，相互比較得來的。我們把這些豐富的畫面運用到設計上，得到創意。
初識點線面
1. 點線面長什麼樣？
先簡單畫個概念圖，再根據下面的例子想象一下，點線面實際上可以是任何形態。
2. 生活中的點線面
點線面無處不在，與生活息息相關。
3. 版式設計中的點線面
以下作品是怎麼運用點、線、面的呢？
解鎖點線面
1. 點的應用
點是相對面積較小的元素，面積越小，越靈動。在一個作品裡點不是單獨存在的，也沒有固定的形態，可以是任何形狀，任何元素。
版式設計中的點
下圖中的字母、珍珠和彩色的圓點起到活躍版面的作用。當畫面內容較少時，可以採用加入「點」的方式，豐富畫面，烘托氛圍。
營造空間感的點
2. 線的應用
點動成線，線可以劃分空間、建立聯繫、引導視線和美化排版，具有不穩定、動態、衝擊感和運動感。線還有虛實之分，實線一目瞭然，虛線縹緲虛幻。
版式設計中的線
一目瞭然的實線
虛幻無形的虛線
3. 面的應用
線動成面，面是畫面中面積最大的部分，可以是視覺中心，可以用來區分版面，面也沒有固定的形狀。
頁面主體
區分版面
分析點線面佈局
實操的第一步還是要分析版面的構成，下面分析3種類型，我把它畫出來給你看，同時把顏色層次也畫出來，做圖的時候也要注意這些明暗對比，重點突出配色方法。
這個案例主要利用面和線的結合，背景是用斜線體現時尚。中間的內容大面積集中，形成了一個面，同樣它也使用了點線面結合，比如英文字母就是點。
這個案例點線面的結合比較豐富，背景的色塊就是形狀不規則的面。中間的文字分散寫，形成了點。最下面的大量文字使用了貼近和遠離的手法。
點線面的方法是專題頁常用的排版方法，使頁面變得豐富，有活動的氛圍，讓人忍不住多停留一會。
版式舉例
每個設計稿都可以像這樣拆分，看點線面的佈局。平常我們看優秀案例的時候，多積累點線面應用的方法，可以讓你的創意源源不斷。
下面是一些常用的點線面排版的例子：
實例練習
好了，現學現用，找個素材做個練習吧。只有自己思考過了，才能吸收變成自己的心法。
總結
點線面一般是組合起來使用的，但是怎麼把握好平衡，組合成各種各樣的形態，讓版式更加富有創意，還需多看多練。
閱讀更多 獅覺設計工坊 的文章
