點(diǎn)、線、面是平面構(gòu)成中最基礎(chǔ)的要素，就是在同一個(gè)平面空間內(nèi)，主角和配角元素組合，讓配角有效地襯托主角，做到主次有序，豐富有層次。

比如一只鳥(niǎo)，一朵云，就是點(diǎn)；一條電線上的一排鳥(niǎo)，飛機(jī)劃過(guò)云，就是線；鳥(niǎo)兒們一起飛，一大片云，就是面。生活中的一切都可以想象為點(diǎn)、線、面，這個(gè)概念是相對(duì)的，相互比較得來(lái)的。我們把這些豐富的畫面運(yùn)用到設(shè)計(jì)上，得到創(chuàng)意。

初識(shí)點(diǎn)線面

1. 點(diǎn)線面長(zhǎng)什么樣？

先簡(jiǎn)單畫個(gè)概念圖，再根據(jù)下面的例子想象一下，點(diǎn)線面實(shí)際上可以是任何形態(tài)。

2. 生活中的點(diǎn)線面

點(diǎn)線面無(wú)處不在，與生活息息相關(guān)。

3. 版式設(shè)計(jì)中的點(diǎn)線面

以下作品是怎么運(yùn)用點(diǎn)、線、面的呢？

解鎖點(diǎn)線面

1. 點(diǎn)的應(yīng)用

點(diǎn)是相對(duì)面積較小的元素，面積越小，越靈動(dòng)。在一個(gè)作品里點(diǎn)不是單獨(dú)存在的，也沒(méi)有固定的形態(tài)，可以是任何形狀，任何元素。

版式設(shè)計(jì)中的點(diǎn)

下圖中的字母、珍珠和彩色的圓點(diǎn)起到活躍版面的作用。當(dāng)畫面內(nèi)容較少時(shí)，可以采用加入「點(diǎn)」的方式，豐富畫面，烘托氛圍。

營(yíng)造空間感的點(diǎn)

2. 線的應(yīng)用

點(diǎn)動(dòng)成線，線可以劃分空間、建立聯(lián)系、引導(dǎo)視線和美化排版，具有不穩(wěn)定、動(dòng)態(tài)、沖擊感和運(yùn)動(dòng)感。線還有虛實(shí)之分，實(shí)線一目了然，虛線縹緲虛幻。

版式設(shè)計(jì)中的線

一目了然的實(shí)線

虛幻無(wú)形的虛線

3. 面的應(yīng)用

線動(dòng)成面，面是畫面中面積最大的部分，可以是視覺(jué)中心，可以用來(lái)區(qū)分版面，面也沒(méi)有固定的形狀。

頁(yè)面主體

區(qū)分版面

分析點(diǎn)線面布局

實(shí)操的第一步還是要分析版面的構(gòu)成，下面分析3種類型，我把它畫出來(lái)給你看，同時(shí)把顏色層次也畫出來(lái)，做圖的時(shí)候也要注意這些明暗對(duì)比，重點(diǎn)突出配色方法。

這個(gè)案例主要利用面和線的結(jié)合，背景是用斜線體現(xiàn)時(shí)尚。中間的內(nèi)容大面積集中，形成了一個(gè)面，同樣它也使用了點(diǎn)線面結(jié)合，比如英文字母就是點(diǎn)。

這個(gè)案例點(diǎn)線面的結(jié)合比較豐富，背景的色塊就是形狀不規(guī)則的面。中間的文字分散寫，形成了點(diǎn)。最下面的大量文字使用了貼近和遠(yuǎn)離的手法。

點(diǎn)線面的方法是專題頁(yè)常用的排版方法，使頁(yè)面變得豐富，有活動(dòng)的氛圍，讓人忍不住多停留一會(huì)。

版式舉例

每個(gè)設(shè)計(jì)稿都可以像這樣拆分，看點(diǎn)線面的布局。平常我們看優(yōu)秀案例的時(shí)候，多積累點(diǎn)線面應(yīng)用的方法，可以讓你的創(chuàng)意源源不斷。

下面是一些常用的點(diǎn)線面排版的例子：

實(shí)例練習(xí)

好了，現(xiàn)學(xué)現(xiàn)用，找個(gè)素材做個(gè)練習(xí)吧。只有自己思考過(guò)了，才能吸收變成自己的心法。

總結(jié)

點(diǎn)線面一般是組合起來(lái)使用的，但是怎么把握好平衡，組合成各種各樣的形態(tài)，讓版式更加富有創(chuàng)意，還需多看多練。

歡迎關(guān)注作者的微信公眾號(hào)：「聊個(gè)設(shè)計(jì)」